Motion >> Repos - motion-next.git/blob

   1 <div layout="row" ngCloak>
   2   <md-card flex="50">
   3     <md-toolbar
   4       class="md-table-toolbar md-default table-header"
   5       ng-class="vm_chat.getColorByChannel('chat')"
   6     >
   7       <div class="md-toolbar-tools">
   8         <span class="md-subhead" translate="DASHBOARDS.QUEUES">Queues</span>
   9         <div flex></div>
  10       </div>
  11     </md-toolbar>
  12     <md-table-container>
  13       <table md-table md-progress="vm_chat.promise">
  14         <thead
  15           md-head
  16           md-order="vm_chat.query.sort"
  17           md-on-reorder="vm_chat.getChatQueues"
  18         >
  19           <tr md-row>
  20             <th md-column>{{ 'DASHBOARDS.NAME' | translate }}</th>
  21             <th md-column>{{ 'DASHBOARDS.WAITING' | translate }}</th>
  22             <!-- <th md-column>{{ 'VOICE.ACTIVE' | translate }}</th> -->
  23             <!-- <th md-column md-order-by="active">{{ 'VOICE.ACTIVE' | translate }}</th> -->
  24           </tr>
  25         </thead>
  26         <tbody md-body>
  27           <tr md-row ng-hide="vm_chat.getSize(vm_chat.chatQueues)">
  28             <td md-cell colspan="2">
  29               <div layout="row" layout-align="center center">
  30                 <span translate="DASHBOARDS.NO_AVAILABLE_INFO"
  31                   >No Available Info</span
  32                 >
  33               </div>
  34             </td>
  35           </tr>
  36           <tr md-row ng-repeat="(key, queue) in vm_chat.chatQueues">
  37             <td md-cell class="name">{{queue.name}}</td>
  38             <td md-cell class="waiting">{{queue.waiting || 0}}</td>
  39             <!-- <td md-cell class="dialActive ">
  40                             <md-icon ng-if="queue.type === 'outbound'" md-colors="{color: {{queue.dialActive ? '\'green\'' : '\'grey\''}}}" md-font-icon="{{queue.dialActive ? 'icon-check' : 'icon-close'}}"></md-icon>
  41                             <md-icon ng-if="queue.type === 'inbound'" md-colors="{color: 'green'}" md-font-icon="icon-check"></md-icon>
  42                         </td> -->
  43           </tr>
  44         </tbody>
  45       </table>
  46     </md-table-container>
  47
  48     <md-table-pagination
  49       md-limit="vm_chat.query.limit"
  50       md-limit-options="[10, 15, 20, 50, 100, 250]"
  51       md-page="vm_chat.query.page"
  52       md-total="{{vm_chat.chatQueuesTotal}}"
  53       md-on-paginate="vm_chat.getChatQueues"
  54       md-page-select
  55     ></md-table-pagination>
  56   </md-card>
  57   <md-card flex="50">
  58     <md-toolbar
  59       class="md-table-toolbar md-default table-header"
  60       ng-class="vm_chat.getColorByChannel('chat')"
  61     >
  62       <div class="md-toolbar-tools">
  63         <span
  64           class="md-subhead"
  65           translate="DASHBOARDS.CHANNEL_WAITING_TEXT"
  66         ></span>
  67         <div flex></div>
  68       </div>
  69     </md-toolbar>
  70     <md-table-container>
  71       <table md-table>
  72         <thead md-head>
  73           <tr md-row>
  74             <th md-column>{{ 'DASHBOARDS.ACCOUNT' | translate }}</th>
  75             <th md-column>{{ 'DASHBOARDS.CHANNEL_QUEUE' | translate }}</th>
  76             <th md-column>{{ 'DASHBOARDS.CHANNEL_FROM' | translate }}</th>
  77           </tr>
  78         </thead>
  79         <tbody md-body>
  80           <tr md-row ng-hide="vm_chat.paginatedInteractions.length">
  81             <td md-cell colspan="3">
  82               <div layout="row" layout-align="center center">
  83                 <span translate="DASHBOARDS.NO_AVAILABLE_INFO"
  84                   >No Available Info</span
  85                 >
  86               </div>
  87             </td>
  88           </tr>
  89           <tr md-row ng-repeat="(key, interaction) in vm_chat.interactions">
  90             <td md-cell>{{interaction.account}}</td>
  91             <td md-cell>{{interaction.queue}}</td>
  92             <td md-cell>{{interaction.from}}</td>
  93           </tr>
  94         </tbody>
  95       </table>
  96     </md-table-container>
  97
  98     <md-table-pagination
  99       md-limit="vm_chat.queryChannels.limit"
 100       md-page="vm_chat.queryChannels.page"
 101       md-limit-options="[10, 15, 20, 50, 100, 250]"
 102       md-total="{{vm_chat.paginatedInteractions.length}}"
 103       md-on-paginate="vm_chat.paginate"
 104       md-page-select
 105     ></md-table-pagination>
 106   </md-card>
 107 </div>