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