public/app/main/apps/motiondialer/views/realtime/queues/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.QUEUES">Queues</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 <!-- QUEUE TABLE -->
  11 <md-table-container>
  12     <table md-table multiple md-progress="vm.promise">
  13         <thead md-head md-order="vm.query.sort" md-on-reorder="vm.getQueues">
  14             <tr md-row>
  15                 <th md-column>{{ 'MOTIONDIALER.NAME' | translate }}</th>
  16                 <th md-column>{{ 'MOTIONDIALER.LOGGED_IN' | translate }}</th>
  17                 <th md-column>{{ 'MOTIONDIALER.PAUSED' | translate }}</th>
  18                 <th md-column>{{ 'MOTIONDIALER.READY' | translate }}</th>
  19                 <th md-column>{{ 'MOTIONDIALER.WAITING' | translate }}</th>
  20                 <th md-column>{{ 'MOTIONDIALER.TALKING' | translate }}</th>
  21                 <th md-column>{{ 'MOTIONDIALER.ORIGINATED' | translate }}</th>
  22                 <th md-column>{{ 'MOTIONDIALER.MESSAGE' | translate }}</th>
  23                 <th md-column>{{ 'MOTIONDIALER.METHOD' | translate }}</th>
  24                 <th md-column>{{ 'MOTIONDIALER.TRUNK' | translate }}</th>
  25                 <th md-column>{{ 'MOTIONDIALER.ACTIVE' | translate }}</th>
  26                 <th md-column width="10px"></th>
  27             </tr>
  28         </thead>
  29         <tbody md-body>
  30             <tr md-row ng-hide="vm.queues">
  31                 <td md-cell colspan="12">
  32                     <div layout="row" layout-align="center center">
  33                         <span tranlsate="MOTIONDIALER.NO_AVAILABLE_INFO">No Available Info</span>
  34                     </div>
  35                 </td>
  36             </tr>
  37             <tr md-row md-select="queue" md-select-id="id" ng-repeat="(id, queue) in vm.queues">
  38                 <td md-cell>{{queue.name}}</td>
  39                 <td md-cell>
  40                     <span class="font-size-20 grey-fg">{{queue.loggedInDb || 0}} ({{queue.loggedIn || 0}})</span>
  41                 </td>
  42                 <td md-cell>
  43                     <span class="font-size-20 grey-fg">{{queue.paused || 0}}</span>
  44                 </td>
  45                 <td md-cell>
  46                     <span class="font-size-16 grey-fg">{{queue.available || 0}}</span>
  47                 </td>
  48                 <td md-cell>
  49                     <span class="font-size-20 grey-fg">{{queue.waiting || 0}}</span>
  50                 </td>
  51                 <td md-cell>
  52                     <span class="font-size-16 grey-fg">{{queue.talking || 0}}</span>
  53                 </td>
  54                 <td md-cell>
  55                     <span class="font-size-16 grey-fg">{{queue.originated || 0}}</span>
  56                 </td>
  57                 <td md-cell>
  58                     <span class="font-size-16 grey-fg">{{queue.message ? ('MOTIONDIALER.'+queue.message | translate) : '--'}}</span>
  59                 </td>
  60                 <td md-cell>
  61                     <span class="font-size-16 grey-fg">{{queue.dialMethod || 0}}</span>
  62                 </td>
  63                 <td md-cell>
  64                     <span class="font-size-16 grey-fg">{{queue.Trunk ? queue.Trunk.name : '--'}}</span>
  65                 </td>
  66                 <td md-cell>
  67                     <md-icon md-colors="{color: {{queue.dialActive ? '\'green\'' : '\'red\''}}}" md-font-icon="{{queue.dialActive ? 'icon-check' : 'icon-close'}}"></md-icon>
  68                 </td>
  69                 <td md-cell class="actions">
  70                     <md-menu>
  71                         <md-button class="md-icon-button" aria-label="More" translate translate-attr-aria-label="MOTIONDIALER.MORE">
  72                             <md-icon md-font-icon="icon-dots-vertical" ng-click="$mdOpenMenu($event)"></md-icon>
  73                         </md-button>
  74
  75                         <md-menu-content width="3">
  76                             <md-menu-item>
  77                                 <md-button ng-click="vm.createOrEditVoiceQueue($event, queue)" translate="MOTIONDIALER.EDIT_QUEUE">
  78                                     Edit Queue
  79                                 </md-button>
  80                             </md-menu-item>
  81                             <md-menu-item>
  82                                 <md-button ng-click="vm.agentAdd($event, queue)" translate="MOTIONDIALER.AGENTSADD_QUEUE">
  83                                     Add Agents to queue
  84                                 </md-button>
  85                             </md-menu-item>
  86                         </md-menu-content>
  87                     </md-menu>
  88                 </td>
  89             </tr>
  90         </tbody>
  91     </table>
  92 </md-table-container>
  93
  94 <md-table-pagination md-limit="vm.query.limit" md-limit-options="[10, 15, 20]" md-page="vm.query.page" md-total="{{vm.count}}" md-on-paginate="vm.getQueues" md-page-select></md-table-pagination>
  95 <!-- / QUEUE TABLE -->
  96 <!-- / MAIN -->