public/app/main/apps/motiondialer/views/ivrCampaigns/create/dialog.html

   1 <md-dialog class="ivrCampaign-dialog" aria-label="New IvrCampaign">
   2     <form name="ivrCampaignForm" 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="MOTIONDIALER.NAME">Name</label>
  26                 <input type="text" name="name" ng-model="vm.ivrCampaign.name" required md-autofocus>
  27                 <div ng-messages="ivrCampaignForm.name.$error" ng-show="ivrCampaignForm.name.$touched" role="alert">
  28                     <div ng-message="required">
  29                         <span translate="MOTIONDIALER.ERRORS.NAME_REQUIRED">Name field is required</span>
  30                     </div>
  31                 </div>
  32             </md-input-container>
  33             <md-input-container class="md-block">
  34                 <md-switch ng-model="vm.ivrCampaign.active" aria-label="Active"><span translate="MOTIONDIALER.ACTIVE">Active</span></md-switch>
  35             </md-input-container>
  36             <md-input-container class="md-block">
  37                 <label translate="MOTIONDIALER.TRUNK">Trunk</label>
  38                 <md-select ng-model="vm.ivrCampaign.TrunkId" required>
  39                     <md-option ng-value="TrunkId.id" ng-repeat="TrunkId in vm.trunks">{{ TrunkId.name }}</md-option>
  40                 </md-select>
  41                 <div ng-messages="ivrCampaignForm.TrunkId.$error" ng-show="ivrCampaignForm.TrunkId.$touched" role="alert">
  42                     <div ng-message="required">
  43                         <span translate="MOTIONDIALER.ERRORS.TRUNK_REQUIRED">Trunk field is required</span>
  44                     </div>
  45                 </div>
  46             </md-input-container>
  47             <md-input-container class="md-block">
  48                 <label translate="MOTIONDIALER.INTERVAL">Interval</label>
  49                 <md-select ng-model="vm.ivrCampaign.IntervalId" required>
  50                     <md-option ng-value="IntervalId.id" ng-repeat="IntervalId in vm.interval">{{ IntervalId.name }}</md-option>
  51                 </md-select>
  52                 <div ng-messages="ivrCampaignForm.IntervalId.$error" ng-show="ivrCampaignForm.IntervalId.$touched" role="alert">
  53                     <div ng-message="required">
  54                         <span translate="MOTIONDIALER.ERRORS.INTERVAL_REQUIRED">Interval field is required</span>
  55                     </div>
  56                 </div>
  57             </md-input-container>
  58             <md-input-container class="md-block">
  59                 <label translate="MOTIONDIALER.CALLYSQUAREPROJECT">CallySquareProject</label>
  60                 <md-select ng-model="vm.ivrCampaign.SquareProjectId" required>
  61                     <md-option ng-value="SquareProjectId.id" ng-repeat="SquareProjectId in vm.projects">{{ SquareProjectId.name }}</md-option>
  62                 </md-select>
  63                 <div ng-messages="ivrCampaignForm.SquareProjectId.$error" ng-show="ivrCampaignForm.SquareProjectId.$touched" role="alert">
  64                     <div ng-message="required">
  65                         <span translate="MOTIONDIALER.ERRORS.CALLYSQUAREPROJECT_REQUIRED">CallySquareProject field is required</span>
  66                     </div>
  67                 </div>
  68             </md-input-container>
  69             <md-input-container class="md-block">
  70                 <label translate="MOTIONDIALER.CONCURRENTCALLS">ConcurrentCalls</label>
  71                 <input type="number" name="limitCalls" ng-model="vm.ivrCampaign.limitCalls" min="1" max="200" required>
  72                 <div class="hint"><span translate="MOTIONDIALER.HELP.CONCURRENTCALLS"></span></div>
  73                 <div ng-messages="ivrCampaignForm.limitCalls.$error" ng-show="ivrCampaignForm.limitCalls.$touched" role="alert">
  74                     <div ng-message="required">
  75                         <span translate="MOTIONDIALER.ERRORS.CONCURRENTCALLS_REQUIRED">ConcurrentCalls field is required</span>
  76                     </div>
  77                 </div>
  78             </md-input-container>
  79             <md-input-container class="md-block">
  80                 <label translate="MOTIONDIALER.DESCRIPTION">Description</label>
  81                 <input type="text" name="description" ng-model="vm.ivrCampaign.description">
  82                 <div ng-messages="ivrCampaignForm.description.$error" ng-show="ivrCampaignForm.description.$touched" role="alert">
  83                     <div ng-message="required">
  84                         <span translate="MOTIONDIALER.ERRORS.DESCRIPTION_REQUIRED">Description field is required</span>
  85                     </div>
  86                 </div>
  87             </md-input-container>
  88
  89             <div class="error-list">
  90                 <div ng-repeat="error in vm.errors" class="error" layout="row" layout-align="space-between center">
  91                     <div>
  92                         <span class="message">{{error.message}}</span>
  93                         <span class="type">({{error.type}})</span>
  94                     </div>
  95                     <md-button class="md-icon-button">
  96                         <md-icon md-font-icon="icon-alert-box" aria-label="alert error" class="s16"></md-icon>
  97                     </md-button>
  98                 </div>
  99             </div>
 100         </md-dialog-content>
 101
 102         <md-dialog-actions layout="row" layout-align="space-between center">
 103             <div layout="row" layout-align="start center">
 104                 <md-button type="submit" ng-if="!vm.newIvrCampaign" ng-click="vm.saveIvrCampaign()" class="send-button md-accent md-raised" ng-disabled="ivrCampaignForm.$invalid || ivrCampaignForm.$pristine" aria-label="SAVE" translate="MOTIONDIALER.SAVE" translate-attr-aria-label="MOTIONDIALER.SAVE">
 105                     SAVE
 106                 </md-button>
 107
 108                 <md-button type="submit" ng-if="vm.newIvrCampaign" ng-click="vm.addNewIvrCampaign()" class="send-button md-accent md-raised" ng-disabled="ivrCampaignForm.$invalid" aria-label="ADD" translate="MOTIONDIALER.ADD_IVRCAMPAIGN" translate-attr-aria-label="MOTIONDIALER.ADD_IVRCAMPAIGN">
 109                     ADD IVRCAMPAIGN
 110                 </md-button>
 111             </div>
 112             <div layout="row">
 113                 <md-button class="md-icon-button" ng-if="!vm.newIvrCampaign" ng-click="vm.deleteIvrCampaign($event)" aria-label="DELETE" translate translate-attr-aria-label="MOTIONDIALER.DELETE">
 114                     <md-icon md-font-icon="icon-delete"></md-icon>
 115                     <md-tooltip><span translate="MOTIONDIALER.DELETE">DELETE</span></md-tooltip>
 116                 </md-button>
 117             </div>
 118         </md-dialog-actions>
 119     </form>
 120 </md-dialog>