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

   1 <md-dialog
   2   class="freshsalesConfiguration-dialog"
   3   aria-label="New FreshsalesConfiguration"
   4 >
   5   <form name="freshsalesConfigurationForm" 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="INTEGRATIONS.NAME">Name</label>
  45         <input
  46           type=""
  47           name="name"
  48           ng-model="vm.freshsalesConfiguration.name"
  49           ng-required="true"
  50           autofocus
  51         />
  52
  53         <div
  54           ng-messages="freshsalesConfigurationForm['name'].$error"
  55           ng-show="freshsalesConfigurationForm['name'].$touched"
  56           role="alert"
  57         >
  58           <div ng-message="required">
  59             <span translate="INTEGRATIONS.ERRORS.NAME_REQUIRED"
  60               >Name field is required</span
  61             >
  62           </div>
  63         </div>
  64       </md-input-container>
  65       <md-input-container class="md-block">
  66         <label translate="INTEGRATIONS.CHANNEL">Channel</label>
  67         <md-select
  68           name="channel"
  69           ng-model="vm.freshsalesConfiguration.channel"
  70           required
  71         >
  72           <md-option ng-value="'voice'">
  73             {{ 'INTEGRATIONS.VOICE' | translate }}
  74           </md-option>
  75         </md-select>
  76         <div
  77           ng-messages="freshsalesConfigurationForm['channel'].$error"
  78           ng-show="freshsalesConfigurationForm['channel'].$touched"
  79           role="alert"
  80         >
  81           <div ng-message="required">
  82             <span translate="INTEGRATIONS.ERRORS.CHANNEL_REQUIRED"
  83               >Channel field is required</span
  84             >
  85           </div>
  86         </div>
  87       </md-input-container>
  88       <md-input-container class="md-block">
  89         <label translate="INTEGRATIONS.TYPE">Type</label>
  90         <md-select
  91           name="type"
  92           ng-model="vm.freshsalesConfiguration.type"
  93           required
  94         >
  95           <md-option ng-value="'inbound'">
  96             {{ 'INTEGRATIONS.INBOUND_IN_QUEUE' | translate }}
  97           </md-option>
  98
  99           <md-option ng-value="'outbound'">
 100             {{ 'INTEGRATIONS.OUTBOUND_CALL' | translate }}
 101           </md-option>
 102         </md-select>
 103         <div
 104           ng-messages="freshsalesConfigurationForm['type'].$error"
 105           ng-show="freshsalesConfigurationForm['type'].$touched"
 106           role="alert"
 107         >
 108           <div ng-message="required">
 109             <span translate="INTEGRATIONS.ERRORS.TYPE_REQUIRED"
 110               >Type field is required</span
 111             >
 112           </div>
 113         </div>
 114       </md-input-container>
 115
 116       <div class="error-list">
 117         <div
 118           ng-repeat="error in vm.errors"
 119           class="error"
 120           layout="row"
 121           layout-align="space-between center"
 122         >
 123           <div>
 124             <span class="message">{{error.message}}</span>
 125             <span class="type">({{error.type}})</span>
 126           </div>
 127           <md-button class="md-icon-button">
 128             <md-icon
 129               md-font-icon="icon-alert-box"
 130               aria-label="alert error"
 131               class="s16"
 132             ></md-icon>
 133           </md-button>
 134         </div>
 135       </div>
 136     </md-dialog-content>
 137
 138     <md-dialog-actions
 139       layout="row"
 140       layout-align="space-between center"
 141       ng-if="!vm.crudPermissions.readOnly"
 142     >
 143       <div layout="row" layout-align="start center">
 144         <md-button
 145           type="submit"
 146           ng-if="vm.crudPermissions.canEdit && !vm.newFreshsalesConfiguration"
 147           ng-click="vm.saveFreshsalesConfiguration()"
 148           class="send-button md-accent md-raised"
 149           ng-disabled="freshsalesConfigurationForm.$invalid || freshsalesConfigurationForm.$pristine"
 150           aria-label="SAVE"
 151           translate="INTEGRATIONS.SAVE"
 152           translate-attr-aria-label="INTEGRATIONS.SAVE"
 153         >
 154           SAVE
 155         </md-button>
 156
 157         <md-button
 158           type="submit"
 159           ng-if="vm.crudPermissions.canEdit && vm.newFreshsalesConfiguration"
 160           ng-click="vm.addNewFreshsalesConfiguration()"
 161           class="send-button md-accent md-raised"
 162           ng-disabled="freshsalesConfigurationForm.$invalid"
 163           aria-label="ADD"
 164           translate="INTEGRATIONS.ADD_FRESHSALESCONFIGURATION"
 165           translate-attr-aria-label="INTEGRATIONS.ADD_FRESHSALESCONFIGURATION"
 166         >
 167           ADD FRESHSALESCONFIGURATION
 168         </md-button>
 169       </div>
 170       <div layout="row">
 171         <md-button
 172           class="md-icon-button"
 173           ng-if="vm.crudPermissions.canDelete && !vm.newFreshsalesConfiguration"
 174           ng-click="vm.deleteFreshsalesConfiguration($event)"
 175           aria-label="DELETE"
 176           translate
 177           translate-attr-aria-label="INTEGRATIONS.DELETE"
 178         >
 179           <md-icon md-font-icon="icon-delete"></md-icon>
 180           <md-tooltip
 181             ><span translate="INTEGRATIONS.DELETE">DELETE</span></md-tooltip
 182           >
 183         </md-button>
 184       </div>
 185     </md-dialog-actions>
 186   </form>
 187 </md-dialog>