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