public/app/main/apps/motiondialer/views/realtime/queue_calls/view.html

   1 <!-- MAIN -->
   2 <md-toolbar class="md-table-toolbar md-default">
   3     <div class="md-toolbar-tools">
   4         <span class="md-subhead" translate="MOTIONDIALER.QUEUE_CALLS">Queue Calls</span>
   5         <div flex></div>
   6         <ms-search-bar on-search="vm.query.filter = query;" on-collapse="vm.query.filter = undefined;" debounce="300"></ms-search-bar>
   7     </div>
   8 </md-toolbar>
   9
  10 <!-- QUEUES TABLE -->
  11 <md-table-container>
  12     <table md-table>
  13         <thead md-head>
  14             <tr md-row>
  15                 <th md-column width="30px"></th>
  16                 <th md-column>{{ 'MOTIONDIALER.DID' | translate }}</th>
  17                 <th md-column>{{ 'MOTIONDIALER.QUEUE' | translate }}</th>
  18                 <th md-column>{{ 'MOTIONDIALER.CALLER' | translate }}</th>
  19                 <th md-column>{{ 'MOTIONDIALER.AGENT' | translate }}</th>
  20                 <th md-column>{{ 'MOTIONDIALER.DURATION' | translate }}</th>
  21                 <th md-column width="10px"></th>
  22             </tr>
  23         </thead>
  24         <tbody md-body>
  25             <tr md-row ng-hide="vm.calls.rows.length">
  26                 <td md-cell colspan="7">
  27                     <div layout="row" layout-align="center center">
  28                         <span tranlsate="MOTIONDIALER.NO_AVAILABLE_INFO">No Available Info</span>
  29                     </div>
  30                 </td>
  31             </tr>
  32             <tr md-row ng-repeat="call in vm.calls.rows | filter: vm.query.filter | limitTo: vm.query.limit: (vm.query.page - 1) * vm.query.limit">
  33                 <!-- <tr md-row ng-repeat="(channel, call) in vm.calls.rows | limitTo: vm.query.limit: (vm.query.page - 1) * vm.query.limit"> -->
  34                 <td md-cell>
  35                     <i ng-class="vm.channelStatusClass[call.status.toLowerCase()]"></i>
  36                 </td>
  37                 <td md-cell>{{call.exten}}</td>
  38                 <td md-cell>{{call.queue}}</td>
  39                 <td md-cell><span ng-if="call.calleridname">{{call.calleridname}}, </span>{{call.calleridnum}}</td>
  40                 <td md-cell>
  41                     <span ng-if="call.queuecallerleaveAt">
  42             {{call.connectedlinename}}, {{call.connectedlinenum}}
  43             <span class="text-boxed">
  44               <timer start-time="call.queuecallerleaveAt" interval="1000">{{hhours}}:{{mminutes}}:{{sseconds}}</timer>
  45             </span>
  46                     </span>
  47                     <span ng-if="!call.queuecallerleaveAt" class="text-boxed" translate="MOTIONDIALER.WAITING_FOR_AGENT">
  48             Waiting for agent...
  49             <span class="text-boxed">
  50               <timer start-time="call.queuecallerjoinAt" interval="1000">{{hhours}}:{{mminutes}}:{{sseconds}}</timer>
  51             </span>
  52                     </span>
  53                 </td>
  54                 <td md-cell>
  55                     <span class="text-boxed">
  56             <timer ng-if="call.queuecallerjoinAt" start-time="call.queuecallerjoinAt" interval="1000">{{hhours}}:{{mminutes}}:{{sseconds}}</timer>
  57             <span ng-if="call.queuecallercomplete || call.queuecallerabandon || call.queuecallerexit" translate="MOTIONDIALER.CLOSING">Closing</span>
  58                     </span>
  59                 </td>
  60                 <td md-cell class="actions">
  61                     <md-menu>
  62                         <md-button class="md-icon-button" aria-label="More" translate translate-attr-aria-label="STAFF.MORE">
  63                             <md-icon md-font-icon="icon-dots-vertical" ng-click="$mdOpenMenu($event)"></md-icon>
  64                         </md-button>
  65
  66                         <md-menu-content width="2">
  67                             <md-menu-item>
  68                                 <md-button ng-click="vm.hangup(call.uniqueid)" translate="MOTIONDIALER.HANGUP">
  69                                     Hangup
  70                                 </md-button>
  71                             </md-menu-item>
  72                             <md-menu-item>
  73                                 <md-button ng-click="vm.redirectToNumber($event, call.uniqueid)" translate="MOTIONDIALER.REDIRECT_TO_NUMBER">
  74                                     Number
  75                                 </md-button>
  76                             </md-menu-item>
  77                             <md-menu-item>
  78                                 <md-menu>
  79                                     <md-button ng-click="$mdMenu.open()" translate="MOTIONDIALER.REDIRECT_TO_AGENT">Redirect to Agent</md-button>
  80                                     <md-menu-content>
  81                                         <md-menu-item ng-repeat="agent in vm.agents.rows">
  82                                             <md-button ng-click="vm.redirectToAgent(call.uniqueid, agent.name)">{{agent.name}}</md-button>
  83                                         </md-menu-item>
  84                                     </md-menu-content>
  85                                 </md-menu>
  86                             </md-menu-item>
  87                         </md-menu-content>
  88                     </md-menu>
  89                 </td>
  90             </tr>
  91         </tbody>
  92     </table>
  93 </md-table-container>
  94
  95 <md-table-pagination md-limit="vm.query.limit" md-limit-options="vm.query.limitOptions" md-page="vm.query.page" md-total="{{vm.calls.count}}"></md-table-pagination>
  96 <!-- / QUEUES TABLE -->
  97 <!-- / MAIN -->