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

   1 <md-card ngCloak>
   2   <md-toolbar
   3     class="md-table-toolbar md-default table-header blue-bg"
   4     ng-class="{'h-128' : vm_bull.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_bull.query.filter = query"
  12         on-collapse="vm_bull.onSearchBarCollapse()"
  13         on-expand="vm_bull.onSearchBarExpand()"
  14         query="vm_bull.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_bull.quickFilters"
  22         query="vm_bull.query"
  23         search="vm_bull.getAbandonedCalls()"
  24       ></ms-quick-filter>
  25       <md-button
  26         class="md-icon-button reload-list"
  27         ng-click="vm_bull.refresh && vm_bull.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_bull.showTooltip"
  35           md-visible="vm_bull.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_bull.promise">
  44       <thead
  45         md-head
  46         md-order="vm_bull.query.sort"
  47         md-on-reorder="vm_bull.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="queuecallerexitAt">
  64             {{'DASHBOARDS.QUEUECALLEREXITAT' | translate}}
  65           </th>
  66           <th md-column md-order-by="queuecallerexitreason">
  67             {{'DASHBOARDS.QUEUECALLEREXITREASON' | translate}}
  68           </th>
  69           <th md-column md-order-by="disposition">
  70             {{'DASHBOARDS.DISPOSITION' | translate}}
  71           </th>
  72           <th md-column md-order-by="secondDisposition">
  73             {{'DASHBOARDS.SECOND_LEVEL_DISPOSITION' | translate}}
  74           </th>
  75           <th md-column md-order-by="thirdDisposition">
  76             {{'DASHBOARDS.THIRD_LEVEL_DISPOSITION' | translate}}
  77           </th>
  78           <th md-column>{{'DASHBOARDS.RESERVED' | translate}}</th>
  79           <th md-column md-order-by="lastAssignedTo">
  80             {{'DASHBOARDS.LASTASSIGNEDTO' | translate}}
  81           </th>
  82           <th md-column width="10px"></th>
  83         </tr>
  84       </thead>
  85       <tbody md-body>
  86         <tr md-row ng-hide="vm_bull.abandonedCalls.rows.length">
  87           <td md-cell colspan="12">
  88             <div layout="row" layout-align="center center">
  89               <span translate="VOICE.NO_AVAILABLE_INFO">No Available Info</span>
  90             </div>
  91           </td>
  92         </tr>
  93         <tr md-row ng-repeat="abandonedCall in vm_bull.abandonedCalls.rows">
  94           <td md-cell class="id">{{abandonedCall.id}}</td>
  95           <td md-cell class="firstName">{{abandonedCall.calleridname}}</td>
  96           <td md-cell class="phone">
  97             <!-- click to call directive -->
  98             <ms-click-to-call
  99               target="abandonedCall.calleridnum"
 100               license="vm_home.license"
 101               disabled="abandonedCall.lastAssignedTo !== vm_bull.currentUser.name"
 102             >
 103             </ms-click-to-call>
 104             <!--  / click to call directive -->
 105           </td>
 106           <td md-cell class="list">
 107             {{vm_bull.queuesMap[abandonedCall.queue]}}
 108           </td>
 109           <td md-cell class="list">
 110             {{abandonedCall.queuecallerabandonAt ?
 111             (abandonedCall.queuecallerabandonAt | formatdate) : undefined }}
 112           </td>
 113           <td md-cell class="list">
 114             {{abandonedCall.queuecallerexitAt ? (abandonedCall.queuecallerexitAt
 115             | formatdate) : undefined }}
 116           </td>
 117           <td md-cell class="list">{{abandonedCall.queuecallerexitreason}}</td>
 118           <td md-cell class="list">{{ abandonedCall.disposition }}</td>
 119           <td md-cell class="list">{{ abandonedCall.secondDisposition }}</td>
 120           <td md-cell class="list">{{ abandonedCall.thirdDisposition }}</td>
 121           <td md-cell class="actions">
 122             <md-switch
 123               no-margin
 124               ng-if="abandonedCall.lastAssignedTo === vm_bull.currentUser.name || !abandonedCall.lastAssignedTo"
 125               ng-disabled="vm_bull.disable[abandonedCall.id]"
 126               ng-model="abandonedCall.assigned"
 127               aria-label="reserved"
 128               ng-change="vm_bull.reserved(abandonedCall)"
 129             >
 130             </md-switch>
 131           </td>
 132           <td md-cell class="list">{{abandonedCall.lastAssignedTo}}</td>
 133           <td md-cell class="actions">
 134             <md-menu
 135               ng-if="abandonedCall.lastAssignedTo === vm_bull.currentUser.name"
 136             >
 137               <md-button
 138                 class="md-icon-button"
 139                 aria-label="More"
 140                 translate
 141                 translate-attr-aria-label="DASHBOARDS.MORE"
 142                 ng-click="$mdOpenMenu($event)"
 143               >
 144                 <md-icon md-font-icon="icon-dots-vertical"></md-icon>
 145               </md-button>
 146               <md-menu-content width="1">
 147                 <md-menu-item>
 148                   <md-button
 149                     ng-click="vm_bull.dispose(abandonedCall)"
 150                     class="text-capitalize"
 151                     translate="DASHBOARDS.DISPOSE"
 152                     >Dispose
 153                   </md-button>
 154                 </md-menu-item>
 155               </md-menu-content>
 156             </md-menu>
 157           </td>
 158         </tr>
 159       </tbody>
 160     </table>
 161   </md-table-container>
 162   <md-table-pagination
 163     md-limit="vm_bull.query.limit"
 164     md-limit-options="[10, 15, 20, 50, 100, 250]"
 165     md-page="vm_bull.query.page"
 166     md-total="{{vm_bull.abandonedCalls.count}}"
 167     md-on-paginate="vm_bull.getAbandonedCalls"
 168     md-page-select
 169   ></md-table-pagination>
 170 </md-card>