6 <link rel="stylesheet" href="vendor.b5ccb327.css">
8 <body ng-controller="IndexController as vm">
10 <md-content class="md-padding">
14 <span ng-if="!vm.displayName">Agent offline</span>
15 <span ng-if="vm.displayName">{{vm.displayName}}, {{vm.internal}}</span>
18 <div flex="10" layout="row" layout-align="end center">
20 <i class="mdi mdi-circle" md-colors="{color: vm.online ? 'green' : 'red'}"></i>
24 <md-input-container layout="row">
26 <input ng-model="vm.phone" type="text" placeholder="Phone Number" ng-disabled="!vm.online">
28 <md-button class="md-icon-button" ng-click="vm.remove()" ng-disabled="!vm.online">
29 <i class="mdi mdi-backspace mdi-24px"></i>
32 <div layout="row" layout-align="center center">
33 <md-button class="md-fab" aria-label="1" ng-click="vm.compose(1)" md-colors="{background: 'grey'}" ng-disabled="!vm.online">1</md-button>
34 <md-button class="md-fab" aria-label="2" ng-click="vm.compose(2)" md-colors="{background: 'grey'}" ng-disabled="!vm.online">2</md-button>
35 <md-button class="md-fab" aria-label="3" ng-click="vm.compose(3)" md-colors="{background: 'grey'}" ng-disabled="!vm.online">3</md-button>
37 <div layout="row" layout-align="center center">
38 <md-button class="md-fab" aria-label="4" ng-click="vm.compose(4)" md-colors="{background: 'grey'}" ng-disabled="!vm.online">4</md-button>
39 <md-button class="md-fab" aria-label="5" ng-click="vm.compose(5)" md-colors="{background: 'grey'}" ng-disabled="!vm.online">5</md-button>
40 <md-button class="md-fab" aria-label="6" ng-click="vm.compose(6)" md-colors="{background: 'grey'}" ng-disabled="!vm.online">6</md-button>
42 <div layout="row" layout-align="center center">
43 <md-button class="md-fab" aria-label="7" ng-click="vm.compose(7)" md-colors="{background: 'grey'}" ng-disabled="!vm.online">7</md-button>
44 <md-button class="md-fab" aria-label="8" ng-click="vm.compose(8)" md-colors="{background: 'grey'}" ng-disabled="!vm.online">8</md-button>
45 <md-button class="md-fab" aria-label="9" ng-click="vm.compose(9)" md-colors="{background: 'grey'}" ng-disabled="!vm.online">9</md-button>
47 <div layout="row" layout-align="center center">
48 <md-button class="md-fab md-primary" aria-label="*" ng-click="vm.compose('*')" md-colors="{background: 'grey'}" ng-disabled="!vm.online">*</md-button>
49 <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>
50 <md-button class="md-fab md-primary" aria-label="#" ng-click="vm.compose('#')" md-colors="{background: 'grey'}" ng-disabled="!vm.online">#</md-button>
52 <div layout="row" layout-align="center center">
53 <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">
54 <i class="mdi mdi-phone mdi-24px"></i>
59 <script src="vendor.6e93d60b.js"></script>
61 <script type="text/javascript">
62 document.write("<base href='" + window.location.pathname + "' />");
65 <script src="app.31cff224.js"></script>