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

   1 <md-dialog
   2   class="openchannelAccount-dialog"
   3   aria-label="New OpenchannelAccount"
   4 >
   5   <form name="openchannelAccountFormApp" class="md-inline-form" novalidate>
   6     <md-toolbar class="md-accent md-hue-2">
   7       <div
   8         class="md-toolbar-tools"
   9         layout="row"
  10         layout-align="space-between center"
  11       >
  12         <span class="title">{{ vm.title | translate }}</span>
  13         <md-button class="md-icon-button" ng-click="vm.closeDialog()">
  14           <md-icon
  15             md-font-icon="icon-close"
  16             aria-label="Close dialog"
  17           ></md-icon>
  18         </md-button>
  19       </div>
  20     </md-toolbar>
  21
  22     <md-dialog-content ms-scroll>
  23       <div class="error-list">
  24         <div
  25           ng-repeat="error in vm.errors"
  26           class="error"
  27           layout="row"
  28           layout-align="space-between center"
  29         >
  30           <div>
  31             <span class="message">{{error.message}}</span>
  32             <span class="type">({{error.type}})</span>
  33           </div>
  34           <md-button class="md-icon-button">
  35             <md-icon
  36               md-font-icon="icon-alert-box"
  37               aria-label="alert error"
  38               class="s16"
  39             ></md-icon>
  40           </md-button>
  41         </div>
  42       </div>
  43       <md-input-container class="md-block">
  44         <label translate="OPENCHANNEL.TAG">Tag</label>
  45         <md-select
  46           name="tag"
  47           ng-model="vm.tag.tag"
  48           autofocus
  49           required
  50           ng-disabled="!vm.crudPermissions.canEdit"
  51         >
  52           <md-option
  53             ng-value="tag.name"
  54             ng-repeat="tag in vm.tags"
  55             ng-disabled="tag.canSelect === false"
  56             >{{ tag.name }}</md-option
  57           >
  58         </md-select>
  59         <div
  60           ng-messages="openchannelAccountFormApp['tag'].$error"
  61           ng-show="openchannelAccountFormApp['tag'].$touched"
  62           role="alert"
  63         >
  64           <div ng-message="required">
  65             <span translate="OPENCHANNEL.ERRORS.TAG_REQUIRED"
  66               >Tag field is required</span
  67             >
  68           </div>
  69         </div>
  70       </md-input-container>
  71
  72       <div class="error-list">
  73         <div
  74           ng-repeat="error in vm.errors"
  75           class="error"
  76           layout="row"
  77           layout-align="space-between center"
  78         >
  79           <div>
  80             <span class="message">{{error.message}}</span>
  81             <span class="type">({{error.type}})</span>
  82           </div>
  83           <md-button class="md-icon-button">
  84             <md-icon
  85               md-font-icon="icon-alert-box"
  86               aria-label="alert error"
  87               class="s16"
  88             ></md-icon>
  89           </md-button>
  90         </div>
  91       </div>
  92     </md-dialog-content>
  93
  94     <md-dialog-actions layout="row" layout-align="space-between center">
  95       <div
  96         layout="row"
  97         layout-align="start center"
  98         ng-if="vm.crudPermissions.canEdit"
  99       >
 100         <md-button
 101           type="submit"
 102           ng-click="vm.saveOpenchannelAccountApp()"
 103           class="send-button md-accent md-raised"
 104           ng-disabled="openchannelAccountFormApp.$invalid || openchannelAccountFormApp.$pristine"
 105           aria-label="SAVE"
 106           translate="OPENCHANNEL.SAVE"
 107           translate-attr-aria-label="OPENCHANNEL.SAVE"
 108         >
 109           SAVE
 110         </md-button>
 111       </div>
 112     </md-dialog-actions>
 113   </form>
 114 </md-dialog>