public/app/main/apps/tools/views/trunks/create/dialog.html

   1 <md-dialog class="trunk-dialog" aria-label="New Trunk">
   2     <form name="trunkForm" class="md-inline-form" novalidate>
   3         <md-toolbar class="md-accent md-hue-2">
   4             <div class="md-toolbar-tools" layout="row" layout-align="space-between center">
   5                 <span class="title">{{ vm.title | translate }}</span>
   6                 <md-button class="md-icon-button" ng-click="vm.closeDialog()">
   7                     <md-icon md-font-icon="icon-close" aria-label="Close dialog"></md-icon>
   8                 </md-button>
   9             </div>
  10         </md-toolbar>
  11
  12         <md-dialog-content ms-scroll>
  13             <div class="error-list">
  14                 <div ng-repeat="error in vm.errors" class="error" layout="row" layout-align="space-between center">
  15                     <div>
  16                         <span class="message">{{error.message}}</span>
  17                         <span class="type">({{error.type}})</span>
  18                     </div>
  19                     <md-button class="md-icon-button">
  20                         <md-icon md-font-icon="icon-alert-box" aria-label="alert error" class="s16"></md-icon>
  21                     </md-button>
  22                 </div>
  23             </div>
  24             <md-input-container class="md-block">
  25                 <label translate="TOOLS.NAME">Name</label>
  26                 <input type="text" name="name" ng-model="vm.trunk.name" ng-pattern="/^[A-Za-z0-9\.\_]+$/i" required md-autofocus ng-disabled="!vm.newTrunk">
  27                 <div ng-messages="trunkForm.name.$error" ng-show="trunkForm.name.$touched" role="alert">
  28                     <div ng-message="required">
  29                         <span translate="TOOLS.ERRORS.NAME_REQUIRED">Name field is required</span>
  30                     </div>
  31                     <div ng-message="pattern">
  32                         <span translate="TOOLS.ERRORS.NAME_MUST_VALID_PATTERN" translate-values="{ regex: '/^[A-Za-z0-9\.\_]+$/i' }">Name must be valid pattern </span>
  33                     </div>
  34                 </div>
  35             </md-input-container>
  36             <md-input-container class="md-block">
  37                 <md-switch ng-model="vm.trunk.active" aria-label="active"><span translate="TOOLS.ACTIVE">active</span></md-switch>
  38             </md-input-container>
  39             <md-input-container class="md-block">
  40                 <label translate="TOOLS.HOST">host</label>
  41                 <input type="text" name="host" ng-model="vm.trunk.host" required>
  42                 <div class="hint"><span translate="TOOLS.HELP.HOST"></span></div>
  43                 <div ng-messages="trunkForm.host.$error" ng-show="trunkForm.host.$touched" role="alert">
  44                     <div ng-message="required">
  45                         <span translate="TOOLS.ERRORS.HOST_REQUIRED">host field is required</span>
  46                     </div>
  47                 </div>
  48             </md-input-container>
  49             <md-input-container class="md-block">
  50                 <label translate="TOOLS.SECRET">secret</label>
  51                 <input type="password" name="secret" ng-model="vm.trunk.secret" placeholder="Password" translate translate-attr-placeholder="TOOLS.PASSWORD">
  52                 <div class="hint"><span translate="TOOLS.HELP.SECRET"></span></div>
  53                 <div ng-messages="trunkForm.password.$error" role="alert">
  54                     <div ng-message="required">
  55                         <span translate="TOOLS.ERRORS.PASSWORD_REQUIRED">Password field is required</span>
  56                     </div>
  57                 </div>
  58             </md-input-container>
  59             <md-input-container class="md-block" ng-if="vm.newTrunk ">
  60                 <label translate="TOOLS.CONFIRM_PASSWORD">Confirm Password</label>
  61                 <input type="password" match-password="secret" name="confirmPassword" ng-model="confirmPassword">
  62                 <div class="hint"><span translate="TOOLS.HELP.SECRET"></span></div>
  63                 <div ng-messages="trunkForm.confirmPassword.$error" role="alert" multiple>
  64                     <div ng-message="required">
  65                         <span translate="TOOLS.ERRORS.CONFIRM_REQUIRED">Confirm field is required</span>
  66                     </div>
  67                     <div ng-message="passwordMatch">
  68                         <span translate="TOOLS.ERRORS.CONFIRM_NOT_MATCH">Your password did not match</span>
  69                     </div>
  70                 </div>
  71             </md-input-container>
  72             <md-input-container class="md-block">
  73                 <label translate="TOOLS.DEFAULTUSER">defaultuser</label>
  74                 <input type="text" name="defaultuser" ng-model="vm.trunk.defaultuser" required>
  75                 <div class="hint"><span translate="TOOLS.HELP.DEFAULTUSER"></span></div>
  76                 <div ng-messages="trunkForm.defaultuser.$error" ng-show="trunkForm.defaultuser.$touched" role="alert">
  77                     <div ng-message="required">
  78                         <span translate="TOOLS.ERRORS.DEFAULTUSER_REQUIRED">defaultuser field is required</span>
  79                     </div>
  80                 </div>
  81             </md-input-container>
  82             <md-input-container class="md-block">
  83                 <label translate="TOOLS.REGISTRY">registry</label>
  84                 <input type="text" name="registry" ng-model="vm.trunk.registry">
  85                 <div class="hint"><span translate="TOOLS.HELP.REGISTRY"></span></div>
  86                 <div ng-messages="trunkForm.registry.$error" ng-show="trunkForm.registry.$touched" role="alert">
  87                     <div ng-message="required">
  88                         <span translate="TOOLS.ERRORS.REGISTRY_REQUIRED">registry field is required</span>
  89                     </div>
  90                 </div>
  91             </md-input-container>
  92             <md-input-container class="md-block">
  93                 <label translate="TOOLS.DESCRIPTION">Description</label>
  94                 <input type="text" name="description" ng-model="vm.trunk.description">
  95                 <div ng-messages="trunkForm.description.$error" ng-show="trunkForm.description.$touched" role="alert">
  96                     <div ng-message="required">
  97                         <span translate="TOOLS.ERRORS.DESCRIPTION_REQUIRED">Description field is required</span>
  98                     </div>
  99                 </div>
 100             </md-input-container>
 101
 102             <div class="error-list">
 103                 <div ng-repeat="error in vm.errors" class="error" layout="row" layout-align="space-between center">
 104                     <div>
 105                         <span class="message">{{error.message}}</span>
 106                         <span class="type">({{error.type}})</span>
 107                     </div>
 108                     <md-button class="md-icon-button">
 109                         <md-icon md-font-icon="icon-alert-box" aria-label="alert error" class="s16"></md-icon>
 110                     </md-button>
 111                 </div>
 112             </div>
 113         </md-dialog-content>
 114
 115         <md-dialog-actions layout="row" layout-align="space-between center">
 116             <div layout="row" layout-align="start center">
 117                 <md-button type="submit" ng-if="!vm.newTrunk" ng-click="vm.saveTrunk()" class="send-button md-accent md-raised" ng-disabled="trunkForm.$invalid || trunkForm.$pristine" aria-label="SAVE" translate="TOOLS.SAVE" translate-attr-aria-label="TOOLS.SAVE">
 118                     SAVE
 119                 </md-button>
 120
 121                 <md-button type="submit" ng-if="vm.newTrunk" ng-click="vm.addNewTrunk()" class="send-button md-accent md-raised" ng-disabled="trunkForm.$invalid" aria-label="ADD" translate="TOOLS.ADD_TRUNK" translate-attr-aria-label="TOOLS.ADD_TRUNK">
 122                     ADD TRUNK
 123                 </md-button>
 124             </div>
 125             <div layout="row">
 126                 <md-button class="md-icon-button" ng-if="!vm.newTrunk" ng-click="vm.deleteTrunk($event)" aria-label="DELETE" translate translate-attr-aria-label="TOOLS.DELETE">
 127                     <md-icon md-font-icon="icon-delete"></md-icon>
 128                     <md-tooltip><span translate="TOOLS.DELETE">DELETE</span></md-tooltip>
 129                 </md-button>
 130             </div>
 131         </md-dialog-actions>
 132     </form>
 133 </md-dialog>