public/app/main/apps/tools/views/triggers/edit/anyconditions/dialog.html

   1 <md-dialog class="anyCondition-dialog" aria-label="New AnyCondition">
   2     <form name="anyConditionForm" 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.FIELD">Field</label>
  26                 <md-select ng-model="vm.anyCondition.field" required md-autofocus>
  27
  28                     <md-option ng-value="'queue'"> {{ 'TOOLS.QUEUE' | translate }}</md-option>
  29
  30                     <md-option ng-value="'lastevent'"> {{ 'TOOLS.CALL_STATUS' | translate }}</md-option>
  31
  32                     <md-option ng-value="'routeId'"> {{ 'TOOLS.OUTBOUNDROUTE' | translate }}</md-option>
  33                 </md-select>
  34                 <div ng-messages="anyConditionForm.field.$error" ng-show="anyConditionForm.field.$touched" role="alert">
  35                     <div ng-message="required">
  36                         <span translate="TOOLS.ERRORS.FIELD_REQUIRED">Field field is required</span>
  37                     </div>
  38                 </div>
  39             </md-input-container>
  40             <md-input-container class="md-block">
  41                 <label translate="TOOLS.OPERATOR">Operator</label>
  42                 <md-select ng-model="vm.anyCondition.operator" required>
  43
  44                     <md-option ng-value="'equals'"> {{ 'TOOLS.EQUALS' | translate }}</md-option>
  45
  46                     <md-option ng-value="'not_equals'"> {{ 'TOOLS.NOT_EQUALS' | translate }}</md-option>
  47                 </md-select>
  48                 <div ng-messages="anyConditionForm.operator.$error" ng-show="anyConditionForm.operator.$touched" role="alert">
  49                     <div ng-message="required">
  50                         <span translate="TOOLS.ERRORS.OPERATOR_REQUIRED">Operator field is required</span>
  51                     </div>
  52                 </div>
  53             </md-input-container>
  54             <md-input-container ng-if="vm.anyCondition.field == 'queue'" class="md-block">
  55                 <label translate="TOOLS.QUEUE">Queue</label>
  56                 <md-select ng-model="vm.anyCondition.value" required>
  57                     <md-option ng-value="value.name" ng-repeat="value in vm.queues">{{ value.name }}</md-option>
  58                 </md-select>
  59                 <div ng-messages="anyConditionForm.value.$error" ng-show="anyConditionForm.value.$touched" role="alert">
  60                     <div ng-message="required">
  61                         <span translate="TOOLS.ERRORS.QUEUE_REQUIRED">Queue field is required</span>
  62                     </div>
  63                 </div>
  64             </md-input-container>
  65             <md-input-container ng-if="vm.anyCondition.field == 'routeId'" class="md-block">
  66                 <label translate="TOOLS.OUTBOUNDROUTE">OutboundRoute</label>
  67                 <md-select ng-model="vm.anyCondition.value" required>
  68                     <md-option ng-value="value.id" ng-repeat="value in vm.outboundRoutes">{{ value.exten }}</md-option>
  69                 </md-select>
  70                 <div ng-messages="anyConditionForm.value.$error" ng-show="anyConditionForm.value.$touched" role="alert">
  71                     <div ng-message="required">
  72                         <span translate="TOOLS.ERRORS.OUTBOUNDROUTE_REQUIRED">OutboundRoute field is required</span>
  73                     </div>
  74                 </div>
  75             </md-input-container>
  76             <md-input-container ng-if="vm.anyCondition.field == 'lastevent'" class="md-block">
  77                 <label translate="TOOLS.VALUE">Value</label>
  78                 <md-select ng-model="vm.anyCondition.value" required>
  79                     <md-option ng-value="'abandoned'">Abandoned</md-option>
  80                     <md-option ng-value="'complete'">Hangup</md-option>
  81                     <md-option ng-value="'rejected'">Rejected</md-option>
  82                     <md-option ng-value="'called'">Ringing</md-option>
  83                     <md-option ng-value="'connect'">Up</md-option>
  84                 </md-select>
  85                 <div ng-messages="anyConditionForm.value.$error" ng-show="anyConditionForm.value.$touched" role="alert">
  86                     <div ng-message="required">
  87                         <span translate="TOOLS.ERRORS.VALUE_REQUIRED">Value field is required</span>
  88                     </div>
  89                 </div>
  90             </md-input-container>
  91
  92             <div class="error-list">
  93                 <div ng-repeat="error in vm.errors" class="error" layout="row" layout-align="space-between center">
  94                     <div>
  95                         <span class="message">{{error.message}}</span>
  96                         <span class="type">({{error.type}})</span>
  97                     </div>
  98                     <md-button class="md-icon-button">
  99                         <md-icon md-font-icon="icon-alert-box" aria-label="alert error" class="s16"></md-icon>
 100                     </md-button>
 101                 </div>
 102             </div>
 103         </md-dialog-content>
 104
 105         <md-dialog-actions layout="row" layout-align="space-between center">
 106             <div layout="row" layout-align="start center">
 107                 <md-button type="submit" ng-if="!vm.newAnyCondition" ng-click="vm.saveAnyCondition()" class="send-button md-accent md-raised" ng-disabled="anyConditionForm.$invalid || anyConditionForm.$pristine" aria-label="SAVE" translate="TOOLS.SAVE" translate-attr-aria-label="TOOLS.SAVE">
 108                     SAVE
 109                 </md-button>
 110
 111                 <md-button type="submit" ng-if="vm.newAnyCondition" ng-click="vm.addNewAnyCondition()" class="send-button md-accent md-raised" ng-disabled="anyConditionForm.$invalid" aria-label="ADD" translate="TOOLS.ADD_ANYCONDITION" translate-attr-aria-label="TOOLS.ADD_ANYCONDITION">
 112                     ADD ANYCONDITION
 113                 </md-button>
 114             </div>
 115             <div layout="row">
 116                 <md-button class="md-icon-button" ng-if="!vm.newAnyCondition" ng-click="vm.deleteAnyCondition($event)" aria-label="DELETE" translate translate-attr-aria-label="TOOLS.DELETE">
 117                     <md-icon md-font-icon="icon-delete"></md-icon>
 118                     <md-tooltip><span translate="TOOLS.DELETE">DELETE</span></md-tooltip>
 119                 </md-button>
 120             </div>
 121         </md-dialog-actions>
 122     </form>
 123 </md-dialog>