public/app/main/apps/integrations/views/salesforceAccounts/edit/configurations/dialog.html

   1 <md-dialog class="salesforceConfiguration-dialog" aria-label="New SalesforceConfiguration">
   2     <form name="salesforceConfigurationForm" 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="INTEGRATIONS.NAME">Name</label>
  26                 <input type="" name="name" ng-model="vm.salesforceConfiguration.name" required autofocus>
  27                 <div ng-messages="salesforceConfigurationForm.name.$error" ng-show="salesforceConfigurationForm.name.$touched" role="alert">
  28                     <div ng-message="required">
  29                         <span translate="INTEGRATIONS.ERRORS.NAME_REQUIRED">Name field is required</span>
  30                     </div>
  31                 </div>
  32             </md-input-container>
  33             <md-input-container class="md-block">
  34                 <label translate="INTEGRATIONS.CHANNEL">Channel</label>
  35                 <md-select ng-model="vm.salesforceConfiguration.channel" required>
  36
  37                     <md-option ng-value="'voice'"> {{ 'INTEGRATIONS.VOICE' | translate }}</md-option>
  38                 </md-select>
  39                 <div ng-messages="salesforceConfigurationForm.channel.$error" ng-show="salesforceConfigurationForm.channel.$touched" role="alert">
  40                     <div ng-message="required">
  41                         <span translate="INTEGRATIONS.ERRORS.CHANNEL_REQUIRED">Channel field is required</span>
  42                     </div>
  43                 </div>
  44             </md-input-container>
  45             <md-input-container class="md-block">
  46                 <label translate="INTEGRATIONS.TYPE">Type</label>
  47                 <md-select ng-model="vm.salesforceConfiguration.type" required>
  48
  49                     <md-option ng-value="'inbound'"> {{ 'INTEGRATIONS.INBOUND_IN_QUEUE' | translate }}</md-option>
  50
  51                     <md-option ng-value="'outbound'"> {{ 'INTEGRATIONS.OUTBOUND_CALL' | translate }}</md-option>
  52                 </md-select>
  53                 <div ng-messages="salesforceConfigurationForm.type.$error" ng-show="salesforceConfigurationForm.type.$touched" role="alert">
  54                     <div ng-message="required">
  55                         <span translate="INTEGRATIONS.ERRORS.TYPE_REQUIRED">Type field is required</span>
  56                     </div>
  57                 </div>
  58             </md-input-container>
  59
  60             <div class="error-list">
  61                 <div ng-repeat="error in vm.errors" class="error" layout="row" layout-align="space-between center">
  62                     <div>
  63                         <span class="message">{{error.message}}</span>
  64                         <span class="type">({{error.type}})</span>
  65                     </div>
  66                     <md-button class="md-icon-button">
  67                         <md-icon md-font-icon="icon-alert-box" aria-label="alert error" class="s16"></md-icon>
  68                     </md-button>
  69                 </div>
  70             </div>
  71         </md-dialog-content>
  72
  73         <md-dialog-actions layout="row" layout-align="space-between center">
  74             <div layout="row" layout-align="start center">
  75                 <md-button type="submit" ng-if="!vm.newSalesforceConfiguration" ng-click="vm.saveSalesforceConfiguration()" class="send-button md-accent md-raised" ng-disabled="salesforceConfigurationForm.$invalid || salesforceConfigurationForm.$pristine" aria-label="SAVE"
  76                     translate="INTEGRATIONS.SAVE" translate-attr-aria-label="INTEGRATIONS.SAVE">
  77                     SAVE
  78                 </md-button>
  79
  80                 <md-button type="submit" ng-if="vm.newSalesforceConfiguration" ng-click="vm.addNewSalesforceConfiguration()" class="send-button md-accent md-raised" ng-disabled="salesforceConfigurationForm.$invalid" aria-label="ADD" translate="INTEGRATIONS.ADD_SALESFORCECONFIGURATION"
  81                     translate-attr-aria-label="INTEGRATIONS.ADD_SALESFORCECONFIGURATION">
  82                     ADD SALESFORCECONFIGURATION
  83                 </md-button>
  84             </div>
  85             <div layout="row">
  86                 <md-button class="md-icon-button" ng-if="!vm.newSalesforceConfiguration" ng-click="vm.deleteSalesforceConfiguration($event)" aria-label="DELETE" translate translate-attr-aria-label="INTEGRATIONS.DELETE">
  87                     <md-icon md-font-icon="icon-delete"></md-icon>
  88                     <md-tooltip><span translate="INTEGRATIONS.DELETE">DELETE</span></md-tooltip>
  89                 </md-button>
  90             </div>
  91         </md-dialog-actions>
  92     </form>
  93 </md-dialog>