public/app/main/apps/dashboards/views/general/agent/home/dashboard/whatsapp/agent.general.dashboard.whatsapp.html

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