public/src/js/modules/main/apps/dashboards/views/custom/custom.html/custom.html

   1 <div ng-if="!vm.customDashboard">
   2   <p>Custom Dashboard not available...</p>
   3 </div>
   4 <div id="dashboard-custom" ng-if="vm.customDashboard" ng-cloak layout-fill>
   5   <md-content>
   6     <md-toolbar class="md-default md-accent filter-header">
   7       <div class="md-toolbar-tools">
   8         <span class="md-subhead">{{vm.customDashboard.name}}</span>
   9         <div flex></div>
  10         <div layout="column">
  11           <span class="font-size-10" translate="DASHBOARDS.FILTER_VOICE_QUEUES"
  12             >Filter Voice Queues</span
  13           >
  14           <md-select
  15             placeholder="Select one or more queues"
  16             class="font-size-12 no-margin w-200"
  17             md-on-close="vm.onChangeVoiceQueues()"
  18             ng-model="vm.voiceQueuesSelected"
  19             multiple
  20             aria-label="voiceQueues"
  21           >
  22             <md-option
  23               ng-value="voiceQueue.id"
  24               ng-repeat="voiceQueue in vm.voiceQueues.rows"
  25               >{{ voiceQueue.name }}
  26             </md-option>
  27           </md-select>
  28         </div>
  29         <md-button
  30           ng-if="vm.crudPermissions.canEdit"
  31           class="md-icon-button"
  32           ng-click="vm.goToEdit()"
  33           aria-label="goToEdit"
  34         >
  35           <md-tooltip md-direction="top"
  36             ><span translate="APP.EDIT"></span
  37           ></md-tooltip>
  38           <md-icon md-font-icon="icon-table-edit"></md-icon>
  39         </md-button>
  40       </div>
  41     </md-toolbar>
  42     <ms-widget-engine config="vm.customDashboard"></ms-widget-engine>
  43   </md-content>
  44 </div>