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