public/app/main/apps/contactmanager/views/globalCustomFields/create/dialog.html

   1 <md-dialog class="globalCustomField-dialog" aria-label="New GlobalCustomField">
   2     <form name="globalCustomFieldForm" 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="CONTACTMANAGER.ALIAS">Alias</label>
  26                 <input type="" name="alias" ng-model="vm.globalCustomField.alias" required autofocus>
  27                 <div ng-messages="globalCustomFieldForm.alias.$error" ng-show="globalCustomFieldForm.alias.$touched" role="alert">
  28                     <div ng-message="required">
  29                         <span translate="CONTACTMANAGER.ERRORS.ALIAS_REQUIRED">Alias field is required</span>
  30                     </div>
  31                 </div>
  32             </md-input-container>
  33             <md-input-container class="md-block">
  34                 <label translate="CONTACTMANAGER.TYPE">Type</label>
  35                 <md-select ng-model="vm.globalCustomField.type" required>
  36                     <md-option ng-value="'text'">Text</md-option>
  37                     <md-option ng-value="'select'">Select</md-option>
  38                     <md-option ng-value="'number'">Number</md-option>
  39                     <md-option ng-value="'switch'">Switch</md-option>
  40                     <md-option ng-value="'datetime'">Datetime</md-option>
  41                 </md-select>
  42                 <div ng-messages="globalCustomFieldForm.type.$error" ng-show="globalCustomFieldForm.type.$touched" role="alert">
  43                     <div ng-message="required">
  44                         <span translate="CONTACTMANAGER.ERRORS.TYPE_REQUIRED">Type field is required</span>
  45                     </div>
  46                 </div>
  47             </md-input-container>
  48             <md-input-container ng-if="vm.globalCustomField.type == 'select'" class="md-block">
  49                 <label translate="CONTACTMANAGER.VALUE">Value</label>
  50                 <md-chips name="values" ng-model="vm.globalCustomField.values" placeholder="add value and type enter" required>
  51                     <md-chip-template>
  52                         <span>{{$chip}}</span>
  53                     </md-chip-template>
  54                 </md-chips>
  55                 <div ng-messages="globalCustomFieldForm.values.$error" ng-show="globalCustomFieldForm.values.$touched" role="alert">
  56                     <div ng-message="required">
  57                         <span translate="CONTACTMANAGER.ERRORS.VALUE_REQUIRED">Value field is required</span>
  58                     </div>
  59                 </div>
  60             </md-input-container>
  61             <md-input-container class="md-block">
  62                 <md-switch ng-model="vm.globalCustomField.required" aria-label="Required"><span translate="CONTACTMANAGER.REQUIRED">Required</span></md-switch>
  63             </md-input-container>
  64
  65             <div class="error-list">
  66                 <div ng-repeat="error in vm.errors" class="error" layout="row" layout-align="space-between center">
  67                     <div>
  68                         <span class="message">{{error.message}}</span>
  69                         <span class="type">({{error.type}})</span>
  70                     </div>
  71                     <md-button class="md-icon-button">
  72                         <md-icon md-font-icon="icon-alert-box" aria-label="alert error" class="s16"></md-icon>
  73                     </md-button>
  74                 </div>
  75             </div>
  76         </md-dialog-content>
  77
  78         <md-dialog-actions layout="row" layout-align="space-between center">
  79             <div layout="row" layout-align="start center">
  80                 <md-button type="submit" ng-if="!vm.newGlobalCustomField" ng-click="vm.saveGlobalCustomField()" class="send-button md-accent md-raised" ng-disabled="globalCustomFieldForm.$invalid || globalCustomFieldForm.$pristine" aria-label="SAVE" translate="CONTACTMANAGER.SAVE"
  81                     translate-attr-aria-label="CONTACTMANAGER.SAVE">
  82                     SAVE
  83                 </md-button>
  84
  85                 <md-button type="submit" ng-if="vm.newGlobalCustomField" ng-click="vm.addNewGlobalCustomField()" class="send-button md-accent md-raised" ng-disabled="globalCustomFieldForm.$invalid" aria-label="ADD" translate="CONTACTMANAGER.ADD_GLOBALCUSTOMFIELD" translate-attr-aria-label="CONTACTMANAGER.ADD_GLOBALCUSTOMFIELD">
  86                     ADD GLOBALCUSTOMFIELD
  87                 </md-button>
  88             </div>
  89             <div layout="row">
  90                 <md-button class="md-icon-button" ng-if="!vm.newGlobalCustomField" ng-click="vm.deleteGlobalCustomField($event)" aria-label="DELETE" translate translate-attr-aria-label="CONTACTMANAGER.DELETE">
  91                     <md-icon md-font-icon="icon-delete"></md-icon>
  92                     <md-tooltip><span translate="CONTACTMANAGER.DELETE">DELETE</span></md-tooltip>
  93                 </md-button>
  94             </div>
  95         </md-dialog-actions>
  96     </form>
  97 </md-dialog>