public/templates/main/apps/motiondialer/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="APP.QUEUES">Queues</span>
   5     <div flex></div>
   6     <ms-search-bar
   7       on-search="vm.getQueues()"
   8       query="vm.query"
   9       on-collapse="vm.query.filter = undefined;"
  10       debounce="300"
  11     >
  12     </ms-search-bar>
  13   </div>
  14 </md-toolbar>
  15
  16 <!-- QUEUE TABLE -->
  17 <md-table-container>
  18   <table md-table multiple md-progress="vm.promise">
  19     <thead md-head md-order="vm.query.sort" md-on-reorder="vm.getQueues">
  20       <tr md-row>
  21         <th md-column md-order-by="name">{{ 'APP.NAME' | translate }}</th>
  22         <th md-column>{{ 'APP.LOGGED_IN' | translate }}</th>
  23         <th md-column>{{ 'APP.PAUSED' | translate }}</th>
  24         <th md-column>{{ 'APP.READY' | translate }}</th>
  25         <th md-column>{{ 'APP.WAITING' | translate }}</th>
  26         <th md-column>{{ 'APP.TALKING' | translate }}</th>
  27         <th md-column>{{ 'APP.ORIGINATED' | translate }}</th>
  28         <th md-column>{{ 'APP.MESSAGE' | translate }}</th>
  29         <th md-column>{{ 'APP.METHOD' | translate }}</th>
  30         <th md-column>{{ 'APP.TRUNK' | translate }}</th>
  31         <th md-column md-order-by="dialActive">
  32           {{ 'APP.ACTIVE' | translate }}
  33         </th>
  34         <th md-column width="10px"></th>
  35       </tr>
  36     </thead>
  37     <tbody md-body>
  38       <tr md-row ng-hide="vm.queues">
  39         <td md-cell colspan="12">
  40           <div layout="row" layout-align="center center">
  41             <span translate="APP.NO_AVAILABLE_INFO">No Available Info</span>
  42           </div>
  43         </td>
  44       </tr>
  45       <tr
  46         md-row
  47         md-select="vm.queues[value]"
  48         md-select-id="id"
  49         ng-repeat="(id, value) in vm.order"
  50       >
  51         <td md-cell>{{vm.queues[value].name}}</td>
  52         <td md-cell>
  53           <span class="font-size-20 grey-fg"
  54             >{{vm.queues[value].loggedInDb || 0}} ({{vm.queues[value].loggedIn
  55             || 0}})</span
  56           >
  57         </td>
  58         <td md-cell>
  59           <span class="font-size-20 grey-fg"
  60             >{{vm.queues[value].paused || 0}}</span
  61           >
  62         </td>
  63         <td md-cell>
  64           <span class="font-size-16 grey-fg"
  65             >{{vm.queues[value].available || 0}}</span
  66           >
  67         </td>
  68         <td md-cell>
  69           <span class="font-size-20 grey-fg"
  70             >{{vm.queues[value].waiting || 0}}</span
  71           >
  72         </td>
  73         <td md-cell>
  74           <span class="font-size-16 grey-fg"
  75             >{{(vm.queues[value].talking || 0) + (vm.queues[value].pTalking ||
  76             0)}}</span
  77           >
  78         </td>
  79         <td md-cell>
  80           <span class="font-size-16 grey-fg"
  81             >{{vm.queues[value].originated || 0}}</span
  82           >
  83         </td>
  84         <td md-cell>
  85           <span class="font-size-16 grey-fg"
  86             >{{vm.queues[value].message ?
  87             ('MOTIONDIALER.'+vm.queues[value].message | translate) :
  88             '--'}}</span
  89           >
  90         </td>
  91         <td md-cell>
  92           <span class="font-size-16 grey-fg"
  93             >{{vm.queues[value].dialMethod || 0}}</span
  94           >
  95         </td>
  96         <td md-cell>
  97           <span class="font-size-16 grey-fg"
  98             >{{vm.queues[value].Trunk ? vm.queues[value].Trunk.name :
  99             '--'}}</span
 100           >
 101         </td>
 102         <td md-cell>
 103           <md-icon
 104             md-colors="{color: {{vm.queues[value].dialActive ? '\'green\'' : '\'red\''}}}"
 105             md-font-icon="{{vm.queues[value].dialActive ? 'icon-check' : 'icon-close'}}"
 106           ></md-icon>
 107         </td>
 108         <td md-cell class="actions" ng-if="vm.crudPermissions.canEdit">
 109           <md-menu>
 110             <md-button
 111               class="md-icon-button"
 112               aria-label="More"
 113               translate
 114               translate-attr-aria-label="APP.MORE"
 115               ng-click="$mdMenu.open($event)"
 116             >
 117               <md-icon md-font-icon="icon-dots-vertical"></md-icon>
 118             </md-button>
 119
 120             <md-menu-content width="3">
 121               <md-menu-item>
 122                 <md-button
 123                   ng-click="vm.createOrEditMotionDialerQueue($event, vm.queues[value])"
 124                   translate="APP.EDIT_QUEUE"
 125                 >
 126                   Edit Queue
 127                 </md-button>
 128               </md-menu-item>
 129               <md-menu-item ng-if="vm.queues[value].dialMethod == 'predictive'">
 130                 <md-button
 131                   ng-click="vm.showPredictiveQueueCampaignInfo($event, vm.queues[value])"
 132                   translate="MOTIONDIALER.SHOW_PREDICTIVE_QUEUE_CAMPAIGN_INFO"
 133                 >
 134                   Show Predictive Info
 135                 </md-button>
 136               </md-menu-item>
 137               <md-menu-item>
 138                 <md-button
 139                   ng-click="vm.agentAdd($event, vm.queues[value])"
 140                   translate="APP.AGENTSADD_QUEUE"
 141                 >
 142                   Add Agents to queue
 143                 </md-button>
 144               </md-menu-item>
 145             </md-menu-content>
 146           </md-menu>
 147         </td>
 148       </tr>
 149     </tbody>
 150   </table>
 151 </md-table-container>
 152
 153 <md-table-pagination
 154   md-label="{page: '{{'MOTIONDIALER.PAGE' | translate}}:', rowsPerPage: '{{'MOTIONDIALER.ROWSPERPAGE' | translate}}:', of: '{{'MOTIONDIALER.OF' | translate}}'}"
 155   md-limit="vm.query.limit"
 156   md-limit-options="[10, 15, 20, 50, 100, 250]"
 157   md-page="vm.query.page"
 158   md-total="{{vm.count}}"
 159   md-on-paginate="vm.getQueues"
 160   md-page-select
 161 ></md-table-pagination>
 162 <!-- / QUEUE TABLE -->
 163 <!-- / MAIN -->