public/src/js/modules/main/apps/motiondialer/views/queueCampaigns/edit/resetlist/resetlist.html/resetlist.html

   1 <md-dialog class="queueCampaign-dialog" aria-label="queueCampaign">
   2   <form name="queueCampaignForm" ng-cloak>
   3     <md-toolbar>
   4       <div class="md-toolbar-tools">
   5         <h2 translate="MOTIONDIALER.RESETLIST ">Reset List</h2>
   6         <span flex></span>
   7         <md-button
   8           class="md-icon-button"
   9           ng-disabled="vm.loading"
  10           ng-click="vm.closeDialog()"
  11         >
  12           <md-icon
  13             md-font-icon="icon-close"
  14             aria-label="Close dialog"
  15           ></md-icon>
  16         </md-button>
  17       </div>
  18     </md-toolbar>
  19     <md-dialog-content ng-hide="vm.loading">
  20       <div layout="row" layout-wrap flex>
  21         <div flex-xs flex="50">
  22           <md-checkbox
  23             aria-label="Select All"
  24             ng-checked="vm.isChecked()"
  25             md-indeterminate="vm.isIndeterminate()"
  26             ng-click="vm.toggleAll()"
  27           >
  28             <span
  29               ng-if="vm.isChecked()"
  30               translate="MOTIONDIALER.UNSELECTALL"
  31             ></span>
  32             <span
  33               ng-if="!vm.isChecked()"
  34               translate="MOTIONDIALER.SELECTALL"
  35             ></span>
  36           </md-checkbox>
  37         </div>
  38         <div flex-xs flex="50"></div>
  39         <div
  40           flex="{{vm.items.length > 10 ? 50 : 100 }}"
  41           ng-repeat="item in vm.items"
  42         >
  43           <md-checkbox
  44             ng-checked="vm.exists(item, vm.selected)"
  45             ng-click="vm.toggle(item, vm.selected)"
  46           >
  47             {{ item.name | limitTo:40 }}
  48           </md-checkbox>
  49         </div>
  50       </div>
  51     </md-dialog-content>
  52     <md-dialog-actions
  53       ng-hide="vm.loading"
  54       layout="row"
  55       layout-align="end center"
  56     >
  57       <div></div>
  58       <md-button
  59         type="submit"
  60         ng-click="vm.listSelected()"
  61         class="send-button md-accent md-raised"
  62         ng-disabled="vm.loading"
  63         aria-label="RESET"
  64         translate="MOTIONDIALER.RESET"
  65         translate-attr-aria-label="MOTIONDIALER.RESET"
  66       >
  67         SAVE
  68       </md-button>
  69     </md-dialog-actions>
  70     <div
  71       ng-hide="!vm.loading"
  72       layout-fill
  73       style="min-height: 397px"
  74       layout="row"
  75       layout-sm="column"
  76       layout-align="center center"
  77     >
  78       <md-progress-circular
  79         class="md-primary md-hue-1"
  80         md-diameter="96"
  81       ></md-progress-circular>
  82     </div>
  83   </form>
  84 </md-dialog>