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