6 <!-- build:css vendor.css -->
8 <link rel="stylesheet" href="bower_components/angular-material/angular-material.css" />
9 <link rel="stylesheet" href="bower_components/mdi/css/materialdesignicons.css" />
13 <body ng-controller="IndexController as vm">
15 <md-content class="md-padding">
19 <span ng-if="!vm.displayName">Agent offline</span>
20 <span ng-if="vm.displayName">{{vm.displayName}}, {{vm.internal}}</span>
23 <div flex="10" layout="row" layout-align="end center">
25 <i class="mdi mdi-circle" md-colors="{color: vm.online ? 'green' : 'red'}"></i>
29 <md-input-container layout="row">
31 <input ng-model="vm.phone" type="text" placeholder="Phone Number" ng-disabled="!vm.online">
33 <md-button class="md-icon-button" ng-click="vm.remove()" ng-disabled="!vm.online">
34 <i class="mdi mdi-backspace mdi-24px"></i>
37 <div layout="row" layout-align="center center">
38 <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>
40 <div layout="row" layout-align="center center">
41 <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>
43 <div layout="row" layout-align="center center">
44 <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>
46 <div layout="row" layout-align="center center">
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 <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>
49 <md-button class="md-fab md-primary" aria-label="#" ng-click="vm.compose('#')" md-colors="{background: 'grey'}" ng-disabled="!vm.online">#</md-button>
51 <div layout="row" layout-align="center center">
52 <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">
53 <i class="mdi mdi-phone mdi-24px"></i>
58 <!-- build:js vendor.js -->
60 <script src="bower_components/angular/angular.js"></script>
61 <script src="bower_components/angular-animate/angular-animate.js"></script>
62 <script src="bower_components/angular-aria/angular-aria.js"></script>
63 <script src="bower_components/angular-messages/angular-messages.js"></script>
64 <script src="bower_components/angular-material/angular-material.js"></script>
65 <script src="bower_components/socket.io-client/dist/socket.io.js"></script>
66 <script src="bower_components/angular-load/dist/angular-load.js"></script>
70 <script type="text/javascript">
71 document.write("<base href='" + window.location.pathname + "' />");
74 <!-- build:js app.js -->
75 <script src="index.js"></script>