public/app/main/apps/chat/views/chatQueues/create/dialog.html

   1 <md-dialog class="chatQueue-dialog" aria-label="New ChatQueue">
   2     <form name="chatQueueForm" 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="CHAT.NAME">Name</label>
  26                 <input type="text" name="name" ng-model="vm.chatQueue.name" ng-pattern="/^[A-Za-z0-9\.\_]+$/i" required autofocus>
  27                 <div ng-messages="chatQueueForm.name.$error" ng-show="chatQueueForm.name.$touched" role="alert">
  28                     <div ng-message="required">
  29                         <span translate="CHAT.ERRORS.NAME_REQUIRED">Name field is required</span>
  30                     </div>
  31                     <div ng-message="pattern">
  32                         <span translate="CHAT.ERRORS.NAME_MUST_VALID_PATTERN" translate-values="{ regex: '/^[A-Za-z0-9\.\_]+$/i' }">Name must be valid pattern </span>
  33                     </div>
  34                 </div>
  35             </md-input-container>
  36             <md-input-container class="md-block">
  37                 <label translate="CHAT.STRATEGY">Strategy</label>
  38                 <md-select ng-model="vm.chatQueue.strategy" required>
  39                     <md-option ng-value="'beepall'">Beepall</md-option>
  40                     <md-option ng-value="'roundrobun'">Round Robin Memory</md-option>
  41                     <md-option ng-value="'rrmemory'">RR Memory</md-option>
  42                 </md-select>
  43                 <div ng-messages="chatQueueForm.strategy.$error" ng-show="chatQueueForm.strategy.$touched" role="alert">
  44                     <div ng-message="required">
  45                         <span translate="CHAT.ERRORS.STRATEGY_REQUIRED">Strategy field is required</span>
  46                     </div>
  47                 </div>
  48             </md-input-container>
  49             <md-input-container class="md-block">
  50                 <label translate="CHAT.AGENT_TIMEOUT">Agent_Timeout</label>
  51                 <input type="number" name="timeout" ng-model="vm.chatQueue.timeout" required>
  52                 <div ng-messages="chatQueueForm.timeout.$error" ng-show="chatQueueForm.timeout.$touched" role="alert">
  53                     <div ng-message="required">
  54                         <span translate="CHAT.ERRORS.AGENT_TIMEOUT_REQUIRED">Agent_Timeout field is required</span>
  55                     </div>
  56                 </div>
  57             </md-input-container>
  58             <md-input-container class="md-block">
  59                 <label translate="CHAT.DESCRIPTION">Description</label>
  60                 <input type="text" name="description" ng-model="vm.chatQueue.description">
  61                 <div ng-messages="chatQueueForm.description.$error" ng-show="chatQueueForm.description.$touched" role="alert">
  62                     <div ng-message="required">
  63                         <span translate="CHAT.ERRORS.DESCRIPTION_REQUIRED">Description field is required</span>
  64                     </div>
  65                 </div>
  66             </md-input-container>
  67
  68             <div class="error-list">
  69                 <div ng-repeat="error in vm.errors" class="error" layout="row" layout-align="space-between center">
  70                     <div>
  71                         <span class="message">{{error.message}}</span>
  72                         <span class="type">({{error.type}})</span>
  73                     </div>
  74                     <md-button class="md-icon-button">
  75                         <md-icon md-font-icon="icon-alert-box" aria-label="alert error" class="s16"></md-icon>
  76                     </md-button>
  77                 </div>
  78             </div>
  79         </md-dialog-content>
  80
  81         <md-dialog-actions layout="row" layout-align="space-between center">
  82             <div layout="row" layout-align="start center">
  83                 <md-button type="submit" ng-if="!vm.newChatQueue" ng-click="vm.saveChatQueue()" class="send-button md-accent md-raised" ng-disabled="chatQueueForm.$invalid || chatQueueForm.$pristine" aria-label="SAVE" translate="CHAT.SAVE" translate-attr-aria-label="CHAT.SAVE">
  84                     SAVE
  85                 </md-button>
  86
  87                 <md-button type="submit" ng-if="vm.newChatQueue" ng-click="vm.addNewChatQueue()" class="send-button md-accent md-raised" ng-disabled="chatQueueForm.$invalid" aria-label="ADD" translate="CHAT.ADD_CHATQUEUE" translate-attr-aria-label="CHAT.ADD_CHATQUEUE">
  88                     ADD CHATQUEUE
  89                 </md-button>
  90             </div>
  91             <div layout="row">
  92                 <md-button class="md-icon-button" ng-if="!vm.newChatQueue" ng-click="vm.deleteChatQueue($event)" aria-label="DELETE" translate translate-attr-aria-label="CHAT.DELETE">
  93                     <md-icon md-font-icon="icon-delete"></md-icon>
  94                     <md-tooltip><span translate="CHAT.DELETE">DELETE</span></md-tooltip>
  95                 </md-button>
  96             </div>
  97         </md-dialog-actions>
  98     </form>
  99 </md-dialog>