public/app/main/apps/settings/views/customizations/create/dialog.html

   1 <md-dialog class="customization-dialog" aria-label="New Customization">
   2     <form name="customizationForm" 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                 <md-switch ng-model="vm.customization.defaultLogo" aria-label="Default_Logo"><span translate="SETTINGS.DEFAULT_LOGO">Default_Logo</span></md-switch>
  26             </md-input-container>
  27             <md-input-container class="md-block">
  28                 <md-switch ng-model="vm.customization.defaultLoginLogo" aria-label="Default_Login_Logo"><span translate="SETTINGS.DEFAULT_LOGIN_LOGO">Default_Login_Logo</span></md-switch>
  29             </md-input-container>
  30             <md-input-container class="md-block">
  31                 <md-switch ng-model="vm.customization.defaultHeaderWhiteLabel" aria-label="Default_Header_WhiteLabel"><span translate="SETTINGS.DEFAULT_HEADER_WHITELABEL">Default_Header_WhiteLabel</span></md-switch>
  32             </md-input-container>
  33             <md-input-container ng-if="!vm.customization.defaultHeaderWhiteLabel" class="md-block">
  34                 <label translate="SETTINGS.HEADER_WHITELABEL">Header_WhiteLabel</label>
  35                 <input type="text" name="headerWhiteLabel" ng-model="vm.customization.headerWhiteLabel" required>
  36                 <div ng-messages="customizationForm.headerWhiteLabel.$error" ng-show="customizationForm.headerWhiteLabel.$touched" role="alert">
  37                     <div ng-message="required">
  38                         <span translate="SETTINGS.ERRORS.HEADER_WHITELABEL_REQUIRED">Header_WhiteLabel field is required</span>
  39                     </div>
  40                 </div>
  41             </md-input-container>
  42
  43             <div class="error-list">
  44                 <div ng-repeat="error in vm.errors" class="error" layout="row" layout-align="space-between center">
  45                     <div>
  46                         <span class="message">{{error.message}}</span>
  47                         <span class="type">({{error.type}})</span>
  48                     </div>
  49                     <md-button class="md-icon-button">
  50                         <md-icon md-font-icon="icon-alert-box" aria-label="alert error" class="s16"></md-icon>
  51                     </md-button>
  52                 </div>
  53             </div>
  54         </md-dialog-content>
  55
  56         <md-dialog-actions layout="row" layout-align="space-between center">
  57             <div layout="row" layout-align="start center">
  58                 <md-button type="submit" ng-if="!vm.newCustomization" ng-click="vm.saveCustomization()" class="send-button md-accent md-raised" ng-disabled="customizationForm.$invalid || customizationForm.$pristine" aria-label="SAVE" translate="SETTINGS.SAVE" translate-attr-aria-label="SETTINGS.SAVE">
  59                     SAVE
  60                 </md-button>
  61
  62                 <md-button type="submit" ng-if="vm.newCustomization" ng-click="vm.addNewCustomization()" class="send-button md-accent md-raised" ng-disabled="customizationForm.$invalid" aria-label="ADD" translate="SETTINGS.ADD_CUSTOMIZATION" translate-attr-aria-label="SETTINGS.ADD_CUSTOMIZATION">
  63                     ADD CUSTOMIZATION
  64                 </md-button>
  65             </div>
  66             <div layout="row">
  67                 <md-button class="md-icon-button" ng-if="!vm.newCustomization" ng-click="vm.deleteCustomization($event)" aria-label="DELETE" translate translate-attr-aria-label="SETTINGS.DELETE">
  68                     <md-icon md-font-icon="icon-delete"></md-icon>
  69                     <md-tooltip><span translate="SETTINGS.DELETE">DELETE</span></md-tooltip>
  70                 </md-button>
  71             </div>
  72         </md-dialog-actions>
  73     </form>
  74 </md-dialog>