public/app/main/apps/dashboards/views/general/agent/home/dashboard/voice/agent.general.dashboard.voice.html

   1 <div layout="row" ng-cloak>
   2   <md-card flex="50">
   3     <md-toolbar class="md-table-toolbar md-default table-header blue-A700-bg">
   4       <div class="md-toolbar-tools">
   5         <span class="md-subhead" translate="APP.QUEUES">Queues</span>
   6         <div flex></div>
   7       </div>
   8     </md-toolbar>
   9     <md-table-container>
  10       <table md-table md-progress="vm_voice.promise">
  11         <thead
  12           md-head
  13           md-order="vm_voice.query.sort"
  14           md-on-reorder="vm_voice.getVoiceQueues"
  15         >
  16           <tr md-row>
  17             <th md-column>{{ 'APP.NAME' | translate }}</th>
  18             <th md-column>{{ 'APP.WAITING' | translate }}</th>
  19             <th ng-if="voiceQueue.type === 'outbound'" md-column>
  20               {{ 'APP.ACTIVE' | translate }}
  21             </th>
  22             <!-- <th md-column md-order-by="active">{{ 'APP.ACTIVE' | translate }}</th> -->
  23           </tr>
  24         </thead>
  25         <tbody md-body>
  26           <tr md-row ng-hide="vm_voice.getSize(vm_voice.voiceQueues)">
  27             <td md-cell colspan="2">
  28               <div layout="row" layout-align="center center">
  29                 <span translate="APP.NO_AVAILABLE_INFO">No Available Info</span>
  30               </div>
  31             </td>
  32           </tr>
  33           <tr md-row ng-repeat="(key, voiceQueue) in vm_voice.voiceQueues">
  34             <td md-cell class="name">{{voiceQueue.name}}</td>
  35             <td ng-if="voiceQueue.type === 'outbound'" md-cell class="waiting">
  36               {{voiceQueue.dialMethod}}
  37             </td>
  38             <td md-cell class="waiting">{{voiceQueue.waiting || 0}}</td>
  39             <td
  40               md-cell
  41               ng-if="voiceQueue.type === 'outbound'"
  42               class="dialActive"
  43             >
  44               <md-icon
  45                 md-colors="{color: {{voiceQueue.dialActive ? '\'green\'' : '\'grey\''}}}"
  46                 md-font-icon="{{voiceQueue.dialActive ? 'icon-check' : 'icon-close'}}"
  47               ></md-icon>
  48             </td>
  49           </tr>
  50         </tbody>
  51       </table>
  52     </md-table-container>
  53
  54     <md-table-pagination
  55       md-limit="vm_voice.query.limit"
  56       md-limit-options="[10, 15, 20, 50, 100, 250]"
  57       md-page="vm_voice.query.page"
  58       md-total="{{vm_voice.voiceQueuesTotal}}"
  59       md-on-paginate="vm_voice.getVoiceQueues"
  60       md-page-select
  61     ></md-table-pagination>
  62   </md-card>
  63   <md-card flex="50">
  64     <md-toolbar class="md-table-toolbar md-default table-header blue-A700-bg">
  65       <div class="md-toolbar-tools">
  66         <span class="md-subhead" translate="DASHBOARDS.WAITING_TEXT"></span>
  67         <div flex></div>
  68       </div>
  69     </md-toolbar>
  70     <md-table-container>
  71       <table md-table>
  72         <thead md-head>
  73           <tr md-row>
  74             <th md-column>{{ 'APP.DID' | translate }}</th>
  75             <th md-column>{{ 'APP.QUEUE' | translate }}</th>
  76             <th md-column>{{ 'APP.CALLER' | translate }}</th>
  77           </tr>
  78         </thead>
  79         <tbody md-body>
  80           <tr
  81             md-row
  82             ng-hide="vm_voice.getSize(vm_voice.rpcVoiceQueuesChannels)"
  83           >
  84             <td md-cell colspan="3">
  85               <div layout="row" layout-align="center center">
  86                 <span translate="APP.NO_AVAILABLE_INFO">No Available Info</span>
  87               </div>
  88             </td>
  89           </tr>
  90           <tr
  91             md-row
  92             ng-repeat="(key, channel) in vm_voice.rpcVoiceQueuesChannels | limitObjectFromTo: vm_voice.queryChannels.limit:(vm_voice.queryChannels.page - 1) * vm_voice.queryChannels.limit"
  93           >
  94             <td md-cell>{{channel.exten}}</td>
  95             <td md-cell>{{channel.queue}}</td>
  96             <td md-cell privacy ng-cloak>{{channel.calleridnum}}</td>
  97           </tr>
  98         </tbody>
  99       </table>
 100     </md-table-container>
 101
 102     <md-table-pagination
 103       md-limit="vm_voice.queryChannels.limit"
 104       md-page="vm_voice.queryChannels.page"
 105       md-limit-options="[10, 15, 20, 50, 100, 250]"
 106       md-total="{{vm_voice.getSize(vm_voice.rpcVoiceQueuesChannels)}}"
 107       md-page-select
 108     ></md-table-pagination>
 109   </md-card>
 110 </div>