public/src/js/modules/main/apps/fax/views/realtime/trunks/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.TRUNKS">Telephones</span>
   5     <div flex></div>
   6     <ms-search-bar
   7       on-search="vm.query.filter = query;"
   8       on-collapse="vm.query.filter = undefined;"
   9       debounce="300"
  10     >
  11     </ms-search-bar>
  12     <!-- <md-button class="md-icon-button" ng-click="vm.showInfo($event)">
  13       <i class="icon-information-outline grey-600-fg">
  14         <md-tooltip>{{'FAX.INFO' | translate}}</md-tooltip>
  15       </i>
  16     </md-button> -->
  17   </div>
  18 </md-toolbar>
  19
  20 <!-- TRUNKS TABLE -->
  21 <md-table-container>
  22   <table md-table multiple md-progress="vm.promise">
  23     <thead md-head>
  24       <thead md-head md-order="vm.query.sort" md-on-reorder="vm.getTrunks">
  25         <tr md-row>
  26           <th md-column md-order-by="name">{{ 'APP.NAME' | translate }}</th>
  27           <th md-column>{{ 'APP.TRUNK_STATUS' | translate }}</th>
  28           <th md-column>{{ 'APP.REGISTRY' | translate }}</th>
  29           <th md-column width="10px"></th>
  30         </tr>
  31       </thead>
  32     </thead>
  33
  34     <tbody md-body>
  35       <tr md-row ng-hide="vm.trunks">
  36         <td md-cell colspan="3">
  37           <div layout="row" layout-align="center center">
  38             <span translate="APP.NO_AVAILABLE_INFO">No Available Info</span>
  39           </div>
  40         </td>
  41       </tr>
  42       <tr md-row ng-repeat="(id, trunk) in vm.trunks">
  43         <td md-cell>{{trunk.name}}</td>
  44         <td md-cell>
  45           <i ng-class="vm.statusClass[trunk.status.toLowerCase()]">
  46             <md-tooltip
  47               >{{'FAX.' + trunk.status | uppercase | translate}}</md-tooltip
  48             >
  49           </i>
  50           <span ng-if="trunk.status === 'registered'" class="text-boxed"
  51             >{{trunk.address}}</span
  52           >
  53         </td>
  54         <td md-cell>
  55           <i
  56             ng-if="trunk.registry"
  57             ng-class="(trunk.stateRegistry.toLowerCase() === 'registered') ? 'green-300-fg icon-checkbox-marked-circle' : 'red-300-fg icon-close-circle'"
  58           >
  59             <md-tooltip
  60               >{{'FAX.' + trunk.stateRegistry | uppercase |
  61               translate}}</md-tooltip
  62             >
  63           </i>
  64           <span
  65             ng-if="trunk.registry && trunk.host && trunk.port"
  66             class="text-boxed"
  67             >{{trunk.host}}:{{trunk.port}}</span
  68           >
  69           <span ng-if="!trunk.registry" translate="APP.NO_REGISTRY">
  70             No Registry
  71           </span>
  72         </td>
  73         <td md-cell class="actions" ng-if="vm.crudPermissions.canEdit">
  74           <md-menu>
  75             <md-button
  76               class="md-icon-button"
  77               aria-label="More"
  78               translate
  79               translate-attr-aria-label="APP.MORE"
  80               ng-click="$mdMenu.open($event)"
  81             >
  82               <md-icon md-font-icon="icon-dots-vertical"></md-icon>
  83             </md-button>
  84
  85             <md-menu-content width="4">
  86               <md-menu-item>
  87                 <md-button
  88                   ng-click="vm.goToTrunk($event, trunk)"
  89                   translate="APP.EDIT_TRUNK"
  90                 >
  91                   Edit Trunk
  92                 </md-button>
  93               </md-menu-item>
  94             </md-menu-content>
  95           </md-menu>
  96         </td>
  97       </tr>
  98     </tbody>
  99   </table>
 100 </md-table-container>
 101
 102 <md-table-pagination
 103   md-label="{page: '{{'FAX.PAGE' | translate}}:', rowsPerPage: '{{'FAX.ROWSPERPAGE' | translate}}:', of: '{{'FAX.OF' | translate}}'}"
 104   md-limit="vm.query.limit"
 105   md-limit-options="[10, 15, 20, 50, 100, 250]"
 106   md-page="vm.query.page"
 107   md-total="{{vm.count}}"
 108   md-on-paginate="vm.getTrunks"
 109   md-page-select
 110 ></md-table-pagination>
 111 <!-- / TRUNKS TABLE -->
 112 <!-- / MAIN -->