6 <title>XCALLY Motion Dialpad</title>
8 <link rel="stylesheet" href="vendor.84f81d8f.css">
13 <md-content class="md-padding">
18 <span ng-if="!vm.id">Agent offline</span>
19 <span ng-if="vm.id">{{vm.fullname}} ({{vm.internal}})</span>
22 <div flex="10" layout="row" layout-align="end center">
24 <i class="mdi mdi-circle" md-colors="{color: vm.online ? 'green' : 'red'}"></i>
28 <md-divider></md-divider>
29 <div layout="row" ng-if="vm.inCall">
33 <span>{{vm.timer}}</span>
37 <md-divider></md-divider>
38 <md-input-container layout="row">
40 <input ng-model="vm.phone" type="text" placeholder="Phone Number" ng-disabled="!vm.online || vm.inCall">
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>
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>
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>
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>
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>
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>
73 <!-- <md-content class="md-padding">
74 <div layout="row" layout-align="center center">
75 <img src="./resources/default_loginlogo.png">
80 <script src="vendor.d76e66a8.js"></script>
82 <script type="text/javascript">
83 document.write("<base href='" + window.location.pathname + "' />");
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];
97 //var dialpad = document.getElementById('dialpad');
98 var body = document.getElementsByTagName('body')[0];
99 var urlParams = new URLSearchParams(window.location.search);
100 console.log("TCL: window.location.search", window.location.search);
101 //console.log("TCL: urlParams", urlParams);
102 var mode = urlParams.get('mode');
103 var type = urlParams.get('type');
104 if (mode && mode.toLowerCase() === 'lightning') {
105 body.setAttribute('ng-controller', 'lightningController as vm');
106 } else if (type && type.toLowerCase() === 'desk') {
107 body.setAttribute('ng-controller', 'deskController as vm');
109 body.setAttribute('ng-controller', 'classicController as vm');
116 <script src="app.a6d55712.js"></script>