Built xcally-motion-dialpad from commit 141221b.|1.0.96
[dialpad.git] / index.html
index 3d09aa1..6f973f3 100644 (file)
@@ -1,18 +1,22 @@
 <!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 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>
+      <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 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>
+      <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.d76e66a8.js"></script>
 
-  <script src="vendor.621f9edf.js"></script>
+  <script type="text/javascript">
+    document.write("<base href='" + window.location.pathname + "' />");
 
-  <script src="app.7ac39636.js"></script>
+    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);
+      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.93200183.js"></script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file