Motion >> Repos - motion-next.git/blob

   1 <md-dialog
   2   class="voiceQueue-dialog"
   3   aria-label="voiceQueue"
   4   ng-init="vm.onInit()"
   5 >
   6   <form name="voiceQueueForm" ng-cloak>
   7     <md-toolbar>
   8       <div class="md-toolbar-tools">
   9         <h2 translate="VOICE.TEAMS_ASSOCIATION">Teams Association</h2>
  10         <span flex></span>
  11         <md-button class="md-icon-button" ng-click="vm.closeDialog()">
  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>
  20       <md-input-container flex class="no-margin">
  21         <label translate="VOICE.PENALTY">Penalty</label>
  22         <input
  23           name="penalty"
  24           ng-model="vm.penalty"
  25           placeholder="0"
  26           required
  27           md-minlength="0"
  28           md-maxlength="3"
  29         />
  30         <div ng-messages="voiceQueueForm.penalty.$error" role="alert" multiple>
  31           <div ng-message="required">
  32             <span>You must supply a penalty.</span>
  33           </div>
  34           <div ng-message="md-minlength">
  35             <span>Min Penalty 0 characters.</span>
  36           </div>
  37           <div ng-message="md-maxlength">
  38             <span>Max Penalty 3 characters.</span>
  39           </div>
  40         </div>
  41       </md-input-container>
  42       <ms-dual-multiselect
  43         options="vm.dualMultiselectOptions"
  44       ></ms-dual-multiselect>
  45     </md-dialog-content>
  46     <md-dialog-actions
  47       layout="row"
  48       layout-align="end center"
  49       ng-if="vm.crudPermissions.canEdit"
  50     >
  51       <span></span>
  52       <md-button
  53         layout-align="end center"
  54         type="submit"
  55         ng-click="vm.saveTeams()"
  56         ng-disabled="!vm.pendingChanges"
  57         class="send-button md-accent md-raised"
  58         aria-label="SAVE"
  59         translate="STAFF.SAVE"
  60         translate-attr-aria-label="STAFF.SAVE"
  61       >
  62         SAVE
  63       </md-button>
  64     </md-dialog-actions>
  65   </form>
  66 </md-dialog>