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

   1 <md-dialog
   2   class="queueCampaign-dialog"
   3   aria-label="queueCampaign"
   4   ng-init="vm.onInit()"
   5 >
   6   <form name="queueCampaignForm" ng-cloak>
   7     <md-toolbar>
   8       <div class="md-toolbar-tools">
   9         <h2 translate="MOTIONDIALER.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="MOTIONDIALER.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
  31           ng-messages="queueCampaignForm.penalty.$error"
  32           role="alert"
  33           multiple
  34         >
  35           <div ng-message="required">
  36             <span>You must supply a penalty.</span>
  37           </div>
  38           <div ng-message="md-minlength">
  39             <span>Min Penalty 0 characters.</span>
  40           </div>
  41           <div ng-message="md-maxlength">
  42             <span>Max Penalty 3 characters.</span>
  43           </div>
  44         </div>
  45       </md-input-container>
  46       <ms-dual-multiselect
  47         options="vm.dualMultiselectOptions"
  48       ></ms-dual-multiselect>
  49     </md-dialog-content>
  50     <md-dialog-actions
  51       layout="row"
  52       layout-align="end center"
  53       ng-if="vm.crudPermissions.canEdit"
  54     >
  55       <span></span>
  56       <md-button
  57         layout-align="end center"
  58         type="submit"
  59         ng-click="vm.saveTeams()"
  60         ng-disabled="!vm.pendingChanges"
  61         class="send-button md-accent md-raised"
  62         aria-label="SAVE"
  63         translate="STAFF.SAVE"
  64         translate-attr-aria-label="STAFF.SAVE"
  65       >
  66         SAVE
  67       </md-button>
  68     </md-dialog-actions>
  69   </form>
  70 </md-dialog>