index.html

   1 <!DOCTYPE html>
   2 <html ng-app="motion">
   3
   4 <head>
   5   <meta charset="utf-8">
   6   <title>XCALLY Motion Dialpad</title>
   7
   8   <link rel="stylesheet" href="vendor.84f81d8f.css">
   9
  10 </head>
  11
  12 <body>
  13   <md-content class="md-padding">
  14     <div layout="row">
  15       <div flex>
  16         <br />
  17         <div>
  18           <span ng-if="!vm.id">Agent offline</span>
  19           <span ng-if="vm.id">{{vm.fullname}} ({{vm.internal}})</span>
  20         </div>
  21       </div>
  22       <div flex="10" layout="row" layout-align="end center">
  23         <div>
  24           <i class="mdi mdi-circle" md-colors="{color: vm.online ? 'green' : 'red'}"></i>
  25         </div>
  26       </div>
  27     </div>
  28     <md-divider></md-divider>
  29     <div layout="row" ng-if="vm.inCall">
  30       <div flex>
  31         <div>
  32           <br />
  33           <span>{{vm.timer}}</span>
  34         </div>
  35       </div>
  36     </div>
  37     <md-divider></md-divider>
  38     <md-input-container layout="row">
  39       <div flex>
  40         <input ng-model="vm.phone" type="text" placeholder="Phone Number" ng-disabled="!vm.online || vm.inCall">
  41       </div>
  42       <md-button aria-label="canc" class="md-icon-button" ng-click="vm.remove()" ng-disabled="!vm.online">
  43         <i class="mdi mdi-backspace mdi-24px"></i>
  44       </md-button>
  45     </md-input-container>
  46     <div layout="row" layout-align="center center">
  47       <md-button class="md-fab" aria-label="{{number}}" ng-repeat="number in [1,2,3]" ng-click="vm.compose(number)"
  48         md-colors="{background: 'grey'}" ng-disabled="!vm.online">{{number}}</md-button>
  49     </div>
  50     <div layout="row" layout-align="center center">
  51       <md-button class="md-fab" aria-label="{{number}}" ng-repeat="number in [4,5,6]" ng-click="vm.compose(number)"
  52         md-colors="{background: 'grey'}" ng-disabled="!vm.online">{{number}}</md-button>
  53     </div>
  54     <div layout="row" layout-align="center center">
  55       <md-button class="md-fab" aria-label="{{number}}" ng-repeat="number in [7,8,9]" ng-click="vm.compose(number)"
  56         md-colors="{background: 'grey'}" ng-disabled="!vm.online">{{number}}</md-button>
  57     </div>
  58     <div layout="row" layout-align="center center">
  59       <md-button class="md-fab md-primary" aria-label="*" ng-click="vm.compose('*')" md-colors="{background: 'grey'}"
  60         ng-disabled="!vm.online">*</md-button>
  61       <md-button class="md-fab md-primary" aria-label="0" ng-click="vm.compose('0')" md-colors="{background: 'grey'}"
  62         ng-disabled="!vm.online">0</md-button>
  63       <md-button class="md-fab md-primary" aria-label="#" ng-click="vm.compose('#')" md-colors="{background: 'grey'}"
  64         ng-disabled="!vm.online">#</md-button>
  65     </div>
  66     <div layout="row" layout-align="center center">
  67       <md-button class="md-fab" aria-label="in call" md-colors="{background: vm.inCall ? 'red' : 'green'}"
  68         ng-click="vm.inCall ? vm.hangup() : vm.dial()" ng-disabled="!vm.online">
  69         <i class="mdi mdi-phone mdi-24px"></i>
  70       </md-button>
  71     </div>
  72   </md-content>
  73   <!-- <md-content class="md-padding">
  74         <div layout="row" layout-align="center center">
  75           <img src="./resources/default_loginlogo.png">
  76
  77         </div>
  78       </md-content> -->
  79
  80   <script src="vendor.d76e66a8.js"></script>
  81
  82   <script type="text/javascript">
  83     document.write("<base href='" + window.location.pathname + "' />");
  84
  85     function getQueryString() {
  86                 var queryStringKeyValue = window.parent.location.search.replace('?', '').split('&');
  87                 var qsJsonObject = {};
  88                 if (queryStringKeyValue != '') {
  89                     for (i = 0; i < queryStringKeyValue.length; i++) {
  90                         qsJsonObject[queryStringKeyValue[i].split('=')[0]] = queryStringKeyValue[i].split('=')[1];
  91                     }
  92                 }
  93                 return qsJsonObject;
  94             }
  95     //
  96     (function () {
  97       //var dialpad = document.getElementById('dialpad');
  98       var body = document.getElementsByTagName('body')[0];
  99       var urlParams = new URLSearchParams(window.location.search);
 100       var mode = urlParams.get('mode');
 101       var type = urlParams.get('type');
 102       if (mode && mode.toLowerCase() === 'lightning') {
 103         body.setAttribute('ng-controller', 'lightningController as vm');
 104       } else if (type && type.toLowerCase() === 'desk') {
 105         body.setAttribute('ng-controller', 'deskController as vm');
 106       } else {
 107         body.setAttribute('ng-controller', 'classicController as vm');
 108       }
 109     }
 110
 111     )();
 112   </script>
 113
 114   <script src="app.93200183.js"></script>
 115
 116 </body>
 117
 118 </html>