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_openchannel.getColorByChannel('openchannel')"
   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_openchannel.promise">
  14         <thead
  15           md-head
  16           md-order="vm_openchannel.query.sort"
  17           md-on-reorder="vm_openchannel.getOpenchannelQueues"
  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
  28             md-row
  29             ng-hide="vm_openchannel.getSize(vm_openchannel.openchannelQueues)"
  30           >
  31             <td md-cell colspan="2">
  32               <div layout="row" layout-align="center center">
  33                 <span translate="DASHBOARDS.NO_AVAILABLE_INFO"
  34                   >No Available Info</span
  35                 >
  36               </div>
  37             </td>
  38           </tr>
  39           <tr
  40             md-row
  41             ng-repeat="(key, queue) in vm_openchannel.openchannelQueues"
  42           >
  43             <td md-cell class="name">{{queue.name}}</td>
  44             <td md-cell class="waiting">{{queue.waiting || 0}}</td>
  45             <!-- <td md-cell class="dialActive ">
  46                             <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>
  47                             <md-icon ng-if="queue.type === 'inbound'" md-colors="{color: 'green'}" md-font-icon="icon-check"></md-icon>
  48                         </td> -->
  49           </tr>
  50         </tbody>
  51       </table>
  52     </md-table-container>
  53
  54     <md-table-pagination
  55       md-limit="vm_openchannel.query.limit"
  56       md-limit-options="[10, 15, 20, 50, 100, 250]"
  57       md-page="vm_openchannel.query.page"
  58       md-total="{{vm_openchannel.openchannelQueuesTotal}}"
  59       md-on-paginate="vm_openchannel.getOpenchannelQueues"
  60       md-page-select
  61     ></md-table-pagination>
  62   </md-card>
  63   <md-card flex="50">
  64     <md-toolbar
  65       class="md-table-toolbar md-default table-header"
  66       ng-class="vm_openchannel.getColorByChannel('openchannel')"
  67     >
  68       <div class="md-toolbar-tools">
  69         <span
  70           class="md-subhead"
  71           translate="DASHBOARDS.CHANNEL_WAITING_TEXT"
  72         ></span>
  73         <div flex></div>
  74       </div>
  75     </md-toolbar>
  76     <md-table-container>
  77       <table md-table>
  78         <thead md-head>
  79           <tr md-row>
  80             <th md-column>{{ 'DASHBOARDS.ACCOUNT' | translate }}</th>
  81             <th md-column>{{ 'DASHBOARDS.CHANNEL_QUEUE' | translate }}</th>
  82             <th md-column>{{ 'DASHBOARDS.CHANNEL_FROM' | translate }}</th>
  83           </tr>
  84         </thead>
  85         <tbody md-body>
  86           <tr md-row ng-hide="vm_openchannel.paginatedInteractions.length">
  87             <td md-cell colspan="3">
  88               <div layout="row" layout-align="center center">
  89                 <span translate="DASHBOARDS.NO_AVAILABLE_INFO"
  90                   >No Available Info</span
  91                 >
  92               </div>
  93             </td>
  94           </tr>
  95           <tr
  96             md-row
  97             ng-repeat="(key, interaction) in vm_openchannel.interactions"
  98           >
  99             <td md-cell>{{interaction.account}}</td>
 100             <td md-cell>{{interaction.queue}}</td>
 101             <td md-cell>{{interaction.from}}</td>
 102           </tr>
 103         </tbody>
 104       </table>
 105     </md-table-container>
 106
 107     <md-table-pagination
 108       md-limit="vm_openchannel.queryChannels.limit"
 109       md-page="vm_openchannel.queryChannels.page"
 110       md-limit-options="[10, 15, 20, 50, 100, 250]"
 111       md-total="{{vm_openchannel.paginatedInteractions.length}}"
 112       md-on-paginate="vm_openchannel.paginate"
 113       md-page-select
 114     ></md-table-pagination>
 115   </md-card>
 116 </div>