public/src/js/modules/main/apps/sms/views/realtime/queues/view.html/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="SMS.QUEUES">Queues</span>
   5     <div flex></div>
   6     <ms-search-bar
   7       on-search="vm.query.filter = query;"
   8       on-collapse="vm.query.filter = undefined;"
   9       debounce="300"
  10     ></ms-search-bar>
  11   </div>
  12 </md-toolbar>
  13
  14 <!-- QUEUE TABLE -->
  15 <md-table-container>
  16   <table md-table multiple md-progress="vm.promise">
  17     <thead md-head md-order="vm.query.sort" md-on-reorder="vm.getQueues">
  18       <tr md-row>
  19         <th md-column md-order-by="name">{{ 'SMS.NAME' | translate }}</th>
  20         <th md-column>{{ 'SMS.LOGGED_IN' | translate }}</th>
  21         <th md-column>{{ 'SMS.PAUSED' | translate }}</th>
  22         <th md-column>{{ 'SMS.READY' | translate }}</th>
  23         <th md-column>{{ 'SMS.WAITING' | translate }}</th>
  24         <th md-column width="10px"></th>
  25       </tr>
  26     </thead>
  27     <tbody md-body>
  28       <tr md-row ng-hide="vm.queues">
  29         <td md-cell colspan="7">
  30           <div layout="row" layout-align="center center">
  31             <span translate="SMS.NO_AVAILABLE_INFO">No Available Info</span>
  32           </div>
  33         </td>
  34       </tr>
  35       <tr
  36         md-row
  37         md-select="vm.queues[value]"
  38         md-select-id="id"
  39         ng-repeat="(id, value) in vm.order"
  40       >
  41         <td md-cell>{{vm.queues[value].name}}</td>
  42         <td md-cell>
  43           <span class="font-size-20 grey-fg"
  44             >{{vm.queues[value].loggedInDb || 0}} ({{vm.queues[value].loggedIn
  45             || 0}})</span
  46           >
  47         </td>
  48         <td md-cell>
  49           <span class="font-size-20 grey-fg"
  50             >{{vm.queues[value].paused || 0}}</span
  51           >
  52         </td>
  53         <td md-cell>
  54           <span class="font-size-16 grey-fg"
  55             >{{vm.queues[value].available || 0}}</span
  56           >
  57         </td>
  58         <td md-cell>
  59           <span class="font-size-20 grey-fg"
  60             >{{vm.queues[value].waiting || 0}}</span
  61           >
  62         </td>
  63         <td md-cell class="actions" ng-if="vm.crudPermissions.canEdit">
  64           <md-menu>
  65             <md-button
  66               class="md-icon-button"
  67               aria-label="More"
  68               translate
  69               translate-attr-aria-label="SMS.MORE"
  70               ng-click="$mdMenu.open($event)"
  71             >
  72               <md-icon md-font-icon="icon-dots-vertical"></md-icon>
  73             </md-button>
  74
  75             <md-menu-content width="3">
  76               <md-menu-item>
  77                 <md-button
  78                   ng-click="vm.createOrEditSmsQueue($event, vm.queues[value])"
  79                   translate="SMS.EDIT_QUEUE"
  80                 >
  81                   Edit Queue
  82                 </md-button>
  83               </md-menu-item>
  84               <md-menu-item>
  85                 <md-button
  86                   ng-click="vm.agentAdd($event, vm.queues[value])"
  87                   translate="SMS.AGENTSADD_QUEUE"
  88                 >
  89                   Add Agents to queue
  90                 </md-button>
  91               </md-menu-item>
  92             </md-menu-content>
  93           </md-menu>
  94         </td>
  95       </tr>
  96     </tbody>
  97   </table>
  98 </md-table-container>
  99
 100 <md-table-pagination
 101   md-label="{page: '{{'SMS.PAGE' | translate}}:', rowsPerPage: '{{'SMS.ROWSPERPAGE' | translate}}:', of: '{{'SMS.OF' | translate}}'}"
 102   md-limit="vm.query.limit"
 103   md-limit-options="[10, 15, 20, 50, 100, 250]"
 104   md-page="vm.query.page"
 105   md-total="{{vm.count}}"
 106   md-on-paginate="vm.getQueues"
 107   md-page-select
 108 ></md-table-pagination>
 109 <!-- / QUEUE TABLE -->
 110 <!-- / MAIN -->