index.html

   1 <!DOCTYPE html>
   2 <html ng-app="motion">
   3 <head>
   4   <meta charset="utf-8">
   5   <title>XCALLY Motion Dialpad</title>
   6
   7   <link rel="stylesheet" href="vendor.b5ccb327.css">
   8
   9   <link rel="stylesheet" href="vendor.b5ccb327.css">
  10 </head>
  11 <body ng-controller="IndexController as vm">
  12
  13   <md-content class="md-padding">
  14     <div layout="row">
  15       <div flex>
  16         <div>
  17           <span ng-if="!(vm.displayName || vm.username)">Agent offline</span>
  18           <span ng-if="vm.displayName || vm.username">{{vm.displayName || vm.username}}, {{vm.internal}}</span>
  19         </div>
  20       </div>
  21       <div flex="10" layout="row" layout-align="end center">
  22         <div>
  23           <i class="mdi mdi-circle" md-colors="{color: vm.online ? 'green' : 'red'}"></i>
  24         </div>
  25       </div>
  26     </div>
  27     <md-input-container layout="row">
  28       <div flex>
  29         <input ng-model="vm.phone" type="text" placeholder="Phone Number" ng-disabled="!vm.online">
  30       </div>
  31       <md-button class="md-icon-button" ng-click="vm.remove()" ng-disabled="!vm.online">
  32         <i class="mdi mdi-backspace mdi-24px"></i>
  33       </md-button>
  34     </md-input-container>
  35     <div layout="row" layout-align="center center">
  36       <md-button class="md-fab" aria-label="{{number}}" ng-repeat="number in [1,2,3]" ng-click="vm.compose(number)" md-colors="{background: 'grey'}" ng-disabled="!vm.online">{{number}}</md-button>
  37     </div>
  38     <div layout="row" layout-align="center center">
  39       <md-button class="md-fab" aria-label="{{number}}" ng-repeat="number in [4,5,6]" ng-click="vm.compose(number)" md-colors="{background: 'grey'}" ng-disabled="!vm.online">{{number}}</md-button>
  40     </div>
  41     <div layout="row" layout-align="center center">
  42       <md-button class="md-fab" aria-label="{{number}}" ng-repeat="number in [7,8,9]" ng-click="vm.compose(number)" md-colors="{background: 'grey'}" ng-disabled="!vm.online">{{number}}</md-button>
  43     </div>
  44     <div layout="row" layout-align="center center">
  45       <md-button class="md-fab md-primary" aria-label="*" ng-click="vm.compose('*')" md-colors="{background: 'grey'}" ng-disabled="!vm.online">*</md-button>
  46       <md-button class="md-fab md-primary" aria-label="0" ng-click="vm.compose('0')" md-colors="{background: 'grey'}" ng-disabled="!vm.online">0</md-button>
  47       <md-button class="md-fab md-primary" aria-label="#" ng-click="vm.compose('#')" md-colors="{background: 'grey'}" ng-disabled="!vm.online">#</md-button>
  48     </div>
  49     <div layout="row" layout-align="center center">
  50       <md-button class="md-fab" md-colors="{background: vm.inCall ? 'red' : 'green'}" ng-disabled="!vm.phone" ng-click="vm.inCall ? vm.hangup() : vm.dial()" ng-disabled="!vm.online">
  51         <i class="mdi mdi-phone mdi-24px"></i>
  52       </md-button>
  53     </div>
  54   </md-content>
  55
  56   <script src="vendor.6e93d60b.js"></script>
  57
  58   <script type="text/javascript">
  59     document.write("<base href='" + window.location.pathname + "' />");
  60   </script>
  61
  62   <script src="app.95253532.js"></script>
  63
  64 </body>
  65 </html>