<!DOCTYPE html>
<html ng-app="motion">
+
<head>
<meta charset="utf-8">
- <title></title>
- <link rel="stylesheet" href="vendor.b5ccb327.css">
+ <title>XCALLY Motion Dialpad</title>
+
+ <link rel="stylesheet" href="vendor.84f81d8f.css">
+
</head>
-<body ng-controller="IndexController as vm">
+<body>
<md-content class="md-padding">
<div layout="row">
<div flex>
+ <br />
<div>
- <span ng-if="!vm.displayName">Agent offline</span>
- <span ng-if="vm.displayName">{{vm.displayName}}, {{vm.internal}}</span>
+ <span ng-if="!vm.id">Agent offline</span>
+ <span ng-if="vm.id">{{vm.fullname}} ({{vm.internal}})</span>
</div>
</div>
<div flex="10" layout="row" layout-align="end center">
</div>
</div>
</div>
+ <md-divider></md-divider>
+ <div layout="row" ng-if="vm.inCall">
+ <div flex>
+ <div>
+ <br />
+ <span>{{vm.timer}}</span>
+ </div>
+ </div>
+ </div>
+ <md-divider></md-divider>
<md-input-container layout="row">
<div flex>
- <input ng-model="vm.phone" type="text" placeholder="Phone Number" ng-disabled="!vm.online">
+ <input ng-model="vm.phone" type="text" placeholder="Phone Number" ng-disabled="!vm.online || vm.inCall">
</div>
- <md-button class="md-icon-button" ng-click="vm.remove()" ng-disabled="!vm.online">
+ <md-button aria-label="canc" class="md-icon-button" ng-click="vm.remove()" ng-disabled="!vm.online">
<i class="mdi mdi-backspace mdi-24px"></i>
</md-button>
</md-input-container>
<div layout="row" layout-align="center center">
- <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>
+ <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>
</div>
<div layout="row" layout-align="center center">
- <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>
+ <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>
</div>
<div layout="row" layout-align="center center">
- <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>
+ <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>
</div>
<div layout="row" layout-align="center center">
- <md-button class="md-fab md-primary" aria-label="*" ng-click="vm.compose('*')" md-colors="{background: 'grey'}" ng-disabled="!vm.online">*</md-button>
- <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>
- <md-button class="md-fab md-primary" aria-label="#" ng-click="vm.compose('#')" md-colors="{background: 'grey'}" ng-disabled="!vm.online">#</md-button>
+ <md-button class="md-fab md-primary" aria-label="*" ng-click="vm.compose('*')" md-colors="{background: 'grey'}"
+ ng-disabled="!vm.online">*</md-button>
+ <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>
+ <md-button class="md-fab md-primary" aria-label="#" ng-click="vm.compose('#')" md-colors="{background: 'grey'}"
+ ng-disabled="!vm.online">#</md-button>
</div>
<div layout="row" layout-align="center center">
- <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">
+ <md-button class="md-fab" aria-label="in call" md-colors="{background: vm.inCall ? 'red' : 'green'}"
+ ng-click="vm.inCall ? vm.hangup() : vm.dial()" ng-disabled="!vm.online">
<i class="mdi mdi-phone mdi-24px"></i>
</md-button>
</div>
</md-content>
+ <!-- <md-content class="md-padding">
+ <div layout="row" layout-align="center center">
+ <img src="./resources/default_loginlogo.png">
+
+ </div>
+ </md-content> -->
- <script src="vendor.6e93d60b.js"></script>
+ <script src="vendor.d76e66a8.js"></script>
<script type="text/javascript">
document.write("<base href='" + window.location.pathname + "' />");
+
+ function getQueryString() {
+ var queryStringKeyValue = window.parent.location.search.replace('?', '').split('&');
+ var qsJsonObject = {};
+ if (queryStringKeyValue != '') {
+ for (i = 0; i < queryStringKeyValue.length; i++) {
+ qsJsonObject[queryStringKeyValue[i].split('=')[0]] = queryStringKeyValue[i].split('=')[1];
+ }
+ }
+ return qsJsonObject;
+ }
+ //
+ (function () {
+ //var dialpad = document.getElementById('dialpad');
+ var body = document.getElementsByTagName('body')[0];
+ var urlParams = new URLSearchParams(window.location.search);
+ console.log("TCL: window.location.search", window.location.search);
+ //console.log("TCL: urlParams", urlParams);
+ var mode = urlParams.get('mode');
+ var type = urlParams.get('type');
+ if (mode && mode.toLowerCase() === 'lightning') {
+ body.setAttribute('ng-controller', 'lightningController as vm');
+ } else if (type && type.toLowerCase() === 'desk') {
+ body.setAttribute('ng-controller', 'deskController as vm');
+ } else {
+ body.setAttribute('ng-controller', 'classicController as vm');
+ }
+ }
+
+ )();
</script>
- <script src="app.31cff224.js"></script>
+ <script src="app.a6d55712.js"></script>
</body>
-</html>
+
+</html>
\ No newline at end of file