public/src/js/modules/main/apps/voice/views/realtime/outbound_calls/view.html/view.html

   1 <!-- MAIN -->
   2 <md-toolbar class="md-table-toolbar md-default">
   3   <div class="md-toolbar-tools">
   4     <span class="md-subhead" translate="APP.OUTBOUND_CALLS"
   5       >Ooutbound Calls</span
   6     >
   7     <div flex></div>
   8     <ms-search-bar
   9       on-search="vm.query.filter = query;"
  10       on-collapse="vm.query.filter = undefined;"
  11       debounce="300"
  12     >
  13     </ms-search-bar>
  14   </div>
  15 </md-toolbar>
  16
  17 <!-- OUTBOUNDS TABLE -->
  18 <md-table-container>
  19   <table md-table>
  20     <thead md-head>
  21       <tr md-row>
  22         <th md-column width="30px"></th>
  23         <th md-column>{{ 'APP.SOURCE' | translate }}</th>
  24         <th md-column>{{ 'APP.DESTINATION' | translate }}</th>
  25         <th md-column>{{ 'APP.DURATION' | translate }}</th>
  26       </tr>
  27     </thead>
  28     <tbody md-body>
  29       <tr md-row ng-hide="vm.calls.rows.length">
  30         <td md-cell colspan="4">
  31           <div layout="row" layout-align="center center">
  32             <span translate="APP.NO_AVAILABLE_INFO">No Available Info</span>
  33           </div>
  34         </td>
  35       </tr>
  36       <tr
  37         md-row
  38         ng-repeat="call in vm.calls.rows | filter: vm.query.filter | limitTo: vm.query.limit: (vm.query.page - 1) * vm.query.limit"
  39       >
  40         <td md-cell>
  41           <i
  42             ng-class="vm.channelStatus[call.channelstatedesc.toLowerCase()]"
  43           ></i>
  44         </td>
  45         <td md-cell>
  46           {{call.calleridname}}, {{call.calleridnum}}
  47           <span class="text-boxed" ng-if="call.answered">
  48             <timer ng-if="call.answertime" start-time="call.answertime"></timer>
  49           </span>
  50         </td>
  51         <td md-cell>{{call.exten}}</td>
  52         <td md-cell>
  53           <span
  54             class="text-boxed"
  55             ng-if="call.channelstatedesc.toLowerCase() !== 'hangup'"
  56           >
  57             <timer ng-if="call.starttime" start-time="call.starttime"></timer>
  58           </span>
  59           <span
  60             class="text-boxed"
  61             ng-if="call.channelstatedesc.toLowerCase() === 'hangup'"
  62             translate="APP.CLOSING"
  63             >Closing</span
  64           >
  65         </td>
  66       </tr>
  67     </tbody>
  68   </table>
  69 </md-table-container>
  70
  71 <md-table-pagination
  72   md-label="{page: '{{'VOICE.PAGE' | translate}}:', rowsPerPage: '{{'VOICE.ROWSPERPAGE' | translate}}:', of: '{{'VOICE.OF' | translate}}'}"
  73   md-limit="vm.query.limit"
  74   md-limit-options="[10, 15, 20, 50, 100, 250]"
  75   md-page="vm.query.page"
  76   md-total="{{vm.calls.count}}"
  77 ></md-table-pagination>
  78 <!-- / OUTBOUNDS TABLE -->
  79 <!-- / MAIN -->