public/app/main/apps/dashboards/views/general/agent/home/abandoned/voice/agent.general.abandoned.voice.html

   1 <md-card ngCloak>
   2   <md-toolbar
   3     class="md-table-toolbar md-default table-header blue-bg"
   4     ng-class="{'h-128' : vm_voice.isSearchBarVisible === true}"
   5   >
   6     <div class="md-toolbar-tools" layout="row" layout-align="center center">
   7       <span class="md-subhead" translate="DASHBOARDS.ABANDONEDQUEUECALLS"
   8         >ABANDONED QUEUE CALLS</span
   9       >
  10       <ms-search-bar
  11         on-search="vm_voice.query.filter = query"
  12         on-collapse="vm_voice.onSearchBarCollapse()"
  13         on-expand="vm_voice.onSearchBarExpand()"
  14         query="vm_voice.query.filter"
  15         debounce="300"
  16         direction="down"
  17         icon-color="white-fg"
  18       ></ms-search-bar>
  19       <div flex></div>
  20       <ms-quick-filter
  21         filters="vm_voice.quickFilters"
  22         query="vm_voice.query"
  23         search="vm_voice.getAbandonedCalls()"
  24       ></ms-quick-filter>
  25       <md-button
  26         class="md-icon-button reload-list"
  27         ng-click="vm_voice.refresh && vm_voice.refreshAbandonedCalls($event)"
  28         aria-label="Reload"
  29         translate
  30         translate-attr-label="DASHBOARDS.RELOAD"
  31       >
  32         <md-icon md-font-icon="icon-reload"></md-icon>
  33         <md-tooltip
  34           ng-if="vm_voice.showTooltip"
  35           md-visible="vm_voice.showTooltip"
  36         >
  37           {{'DASHBOARDS.CLICKRELOAD' | translate}}</md-tooltip
  38         >
  39       </md-button>
  40     </div>
  41   </md-toolbar>
  42   <md-table-container>
  43     <table md-table md-progress="vm_voice.promise">
  44       <thead
  45         md-head
  46         md-order="vm_voice.query.sort"
  47         md-on-reorder="vm_voice.getAbandonedCalls"
  48       >
  49         <tr md-row>
  50           <th md-column md-order-by="id">{{'DASHBOARDS.ID' | translate}}</th>
  51           <th md-column md-order-by="calleridname">
  52             {{'DASHBOARDS.FULLNAME' | translate}}
  53           </th>
  54           <th md-column md-order-by="calleridnum">
  55             {{'DASHBOARDS.PHONE' | translate}}
  56           </th>
  57           <th md-column md-order-by="queue">
  58             {{'DASHBOARDS.QUEUE' | translate}}
  59           </th>
  60           <th md-column md-order-by="queuecallerabandonAt">
  61             {{'DASHBOARDS.ABANDONAT' | translate}}
  62           </th>
  63           <th md-column md-order-by="disposition">
  64             {{'DASHBOARDS.DISPOSITION' | translate}}
  65           </th>
  66           <th md-column md-order-by="secondDisposition">
  67             {{'DASHBOARDS.SECOND_LEVEL_DISPOSITION' | translate}}
  68           </th>
  69           <th md-column md-order-by="thirdDisposition">
  70             {{'DASHBOARDS.THIRD_LEVEL_DISPOSITION' | translate}}
  71           </th>
  72           <th md-column>{{'DASHBOARDS.RESERVED' | translate}}</th>
  73           <th md-column md-order-by="lastAssignedTo">
  74             {{'DASHBOARDS.LASTASSIGNEDTO' | translate}}
  75           </th>
  76           <th md-column width="10px"></th>
  77         </tr>
  78       </thead>
  79       <tbody md-body>
  80         <tr md-row ng-hide="vm_voice.abandonedCalls.rows.length">
  81           <td md-cell colspan="12">
  82             <div layout="row" layout-align="center center">
  83               <span translate="VOICE.NO_AVAILABLE_INFO">No Available Info</span>
  84             </div>
  85           </td>
  86         </tr>
  87         <tr md-row ng-repeat="abandonedCall in vm_voice.abandonedCalls.rows">
  88           <td md-cell class="id">{{abandonedCall.id}}</td>
  89           <td md-cell class="firstName">{{abandonedCall.calleridname}}</td>
  90           <td md-cell class="phone">
  91             <!-- click to call directive -->
  92             <ms-click-to-call
  93               target="abandonedCall.calleridnum"
  94               license="vm_home.license"
  95               disabled="abandonedCall.lastAssignedTo !== vm_voice.currentUser.name"
  96             >
  97             </ms-click-to-call>
  98             <!--  / click to call directive -->
  99           </td>
 100           <td md-cell class="list">
 101             {{vm_voice.queuesMap[abandonedCall.queue]}}
 102           </td>
 103           <td md-cell class="list">
 104             {{abandonedCall.queuecallerabandonAt ?
 105             (abandonedCall.queuecallerabandonAt | formatdate) : undefined }}
 106           </td>
 107           <td md-cell class="list">{{ abandonedCall.disposition }}</td>
 108           <td md-cell class="list">{{ abandonedCall.secondDisposition }}</td>
 109           <td md-cell class="list">{{ abandonedCall.thirdDisposition }}</td>
 110           <td md-cell class="actions">
 111             <md-switch
 112               no-margin
 113               ng-if="abandonedCall.lastAssignedTo === vm_voice.currentUser.name || !abandonedCall.lastAssignedTo"
 114               ng-disabled="vm_voice.disable[abandonedCall.id]"
 115               ng-model="abandonedCall.assigned"
 116               aria-label="reserved"
 117               ng-change="vm_voice.reserved(abandonedCall)"
 118             >
 119             </md-switch>
 120           </td>
 121           <td md-cell class="list">{{abandonedCall.lastAssignedTo}}</td>
 122           <td md-cell class="actions">
 123             <md-menu
 124               ng-if="abandonedCall.lastAssignedTo === vm_voice.currentUser.name"
 125             >
 126               <md-button
 127                 class="md-icon-button"
 128                 aria-label="More"
 129                 translate
 130                 translate-attr-aria-label="DASHBOARDS.MORE"
 131                 ng-click="$mdMenu.open($event)"
 132               >
 133                 <md-icon md-font-icon="icon-dots-vertical"></md-icon>
 134               </md-button>
 135               <md-menu-content width="1">
 136                 <md-menu-item>
 137                   <md-button
 138                     ng-click="vm_voice.dispose(abandonedCall)"
 139                     class="text-capitalize"
 140                     translate="DASHBOARDS.DISPOSE"
 141                     >Dispose
 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   <md-table-pagination
 152     md-limit="vm_voice.query.limit"
 153     md-limit-options="[10, 15, 20, 50, 100, 250]"
 154     md-page="vm_voice.query.page"
 155     md-total="{{vm_voice.abandonedCalls.count}}"
 156     md-on-paginate="vm_voice.getAbandonedCalls"
 157     md-page-select
 158   ></md-table-pagination>
 159 </md-card>