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