--- /dev/null
+<md-dialog class="whatsappQueue-dialog" aria-label="New WhatsappQueue">
+ <form name="whatsappQueueForm" class="md-inline-form" novalidate>
+ <md-toolbar class="md-accent md-hue-2">
+ <div
+ class="md-toolbar-tools"
+ layout="row"
+ layout-align="space-between center"
+ >
+ <span class="title">{{ vm.title | translate }}</span>
+ <md-button class="md-icon-button" ng-click="vm.closeDialog()">
+ <md-icon
+ md-font-icon="icon-close"
+ aria-label="Close dialog"
+ ></md-icon>
+ </md-button>
+ </div>
+ </md-toolbar>
+
+ <md-dialog-content ms-scroll>
+ <div class="error-list">
+ <div
+ ng-repeat="error in vm.errors"
+ class="error"
+ layout="row"
+ layout-align="space-between center"
+ >
+ <div>
+ <span class="message">{{error.message}}</span>
+ <span class="type">({{error.type}})</span>
+ </div>
+ <md-button class="md-icon-button">
+ <md-icon
+ md-font-icon="icon-alert-box"
+ aria-label="alert error"
+ class="s16"
+ ></md-icon>
+ </md-button>
+ </div>
+ </div>
+ <md-input-container class="md-block">
+ <label translate="APP.NAME">Name</label>
+ <input
+ type="text"
+ name="name"
+ ng-model="vm.whatsappQueue.name"
+ ng-pattern="/^[A-Za-z0-9\.\_]+$/i"
+ ng-required="true"
+ autofocus
+ ng-disabled="!vm.newWhatsappQueue"
+ />
+
+ <div class="hint"><span translate="APP.HELP.NAME"></span></div>
+ <div
+ ng-messages="whatsappQueueForm['name'].$error"
+ ng-show="whatsappQueueForm['name'].$touched"
+ role="alert"
+ >
+ <div ng-message="required">
+ <span translate="APP.ERRORS.NAME_REQUIRED"
+ >Name field is required</span
+ >
+ </div>
+ <div ng-message="pattern">
+ <span
+ translate="APP.ERRORS.NAME_MUST_VALID_PATTERN"
+ translate-values="{ regex: '/^[A-Za-z0-9\.\_]+$/i' }"
+ >Name must be valid pattern
+ </span>
+ </div>
+ </div>
+ </md-input-container>
+ <md-input-container class="md-block">
+ <label translate="APP.STRATEGY">Strategy</label>
+ <md-select
+ name="strategy"
+ ng-model="vm.whatsappQueue.strategy"
+ required
+ >
+ <md-option ng-value="'beepall'">Beepall</md-option>
+ <md-option ng-value="'rrmemory'">RR Memory</md-option>
+ </md-select>
+ <div
+ ng-messages="whatsappQueueForm['strategy'].$error"
+ ng-show="whatsappQueueForm['strategy'].$touched"
+ role="alert"
+ >
+ <div ng-message="required">
+ <span translate="WHATSAPP.ERRORS.STRATEGY_REQUIRED"
+ >Strategy field is required</span
+ >
+ </div>
+ </div>
+ </md-input-container>
+ <md-input-container class="md-block">
+ <label translate="APP.AGENT_TIMEOUT">Agent_Timeout</label>
+ <input
+ type="number"
+ name="timeout"
+ ng-model="vm.whatsappQueue.timeout"
+ min="1"
+ max="2147483"
+ value="10"
+ ng-required="true"
+ />
+
+ <div
+ ng-messages="whatsappQueueForm['timeout'].$error"
+ ng-show="whatsappQueueForm['timeout'].$touched"
+ role="alert"
+ >
+ <div ng-message="required">
+ <span translate="APP.ERRORS.AGENT_TIMEOUT_REQUIRED"
+ >Agent_Timeout field is required</span
+ >
+ </div>
+ <div ng-message="min">
+ <span
+ translate="APP.ERRORS.AGENT_TIMEOUT_MUST_BE_GREATER_THAN_OR_EQUAL_TO"
+ >Agent_Timeout must be a valid greater or equal than</span
+ >
+ <span>1</span>
+ </div>
+ <div ng-message="max">
+ <span
+ translate="APP.ERRORS.AGENT_TIMEOUT_MUST_BE_LESS_THAN_OR_EQUAL_TO"
+ >Agent_Timeout must be a valid greater or equal than</span
+ >
+ <span>2147483</span>
+ </div>
+ </div>
+ </md-input-container>
+ <md-input-container class="md-block">
+ <label translate="APP.DESCRIPTION">Description</label>
+ <input
+ type="text"
+ name="description"
+ ng-model="vm.whatsappQueue.description"
+ />
+
+ <div
+ ng-messages="whatsappQueueForm['description'].$error"
+ ng-show="whatsappQueueForm['description'].$touched"
+ role="alert"
+ >
+ <div ng-message="required">
+ <span translate="WHATSAPP.ERRORS.DESCRIPTION_REQUIRED"
+ >Description field is required</span
+ >
+ </div>
+ </div>
+ </md-input-container>
+
+ <div class="error-list">
+ <div
+ ng-repeat="error in vm.errors"
+ class="error"
+ layout="row"
+ layout-align="space-between center"
+ >
+ <div>
+ <span class="message">{{error.message}}</span>
+ <span class="type">({{error.type}})</span>
+ </div>
+ <md-button class="md-icon-button">
+ <md-icon
+ md-font-icon="icon-alert-box"
+ aria-label="alert error"
+ class="s16"
+ ></md-icon>
+ </md-button>
+ </div>
+ </div>
+ </md-dialog-content>
+
+ <md-dialog-actions
+ layout="row"
+ layout-align="space-between center"
+ ng-if="!vm.crudPermissions.readOnly"
+ >
+ <div layout="row" layout-align="start center">
+ <md-button
+ type="submit"
+ ng-if="vm.crudPermissions.canEdit && !vm.newWhatsappQueue"
+ ng-click="vm.saveWhatsappQueue()"
+ class="send-button md-accent md-raised"
+ ng-disabled="whatsappQueueForm.$invalid || whatsappQueueForm.$pristine"
+ aria-label="SAVE"
+ translate="APP.SAVE"
+ translate-attr-aria-label="APP.SAVE"
+ >
+ SAVE
+ </md-button>
+
+ <md-button
+ type="submit"
+ ng-if="vm.crudPermissions.canEdit && vm.newWhatsappQueue"
+ ng-click="vm.addNewWhatsappQueue()"
+ class="send-button md-accent md-raised"
+ ng-disabled="whatsappQueueForm.$invalid"
+ aria-label="ADD"
+ translate="WHATSAPP.ADD_WHATSAPPQUEUE"
+ translate-attr-aria-label="WHATSAPP.ADD_WHATSAPPQUEUE"
+ >
+ ADD WHATSAPPQUEUE
+ </md-button>
+ </div>
+ <div layout="row">
+ <md-button
+ class="md-icon-button"
+ ng-if="vm.crudPermissions.canDelete && !vm.newWhatsappQueue"
+ ng-click="vm.deleteWhatsappQueue($event)"
+ aria-label="DELETE"
+ translate
+ translate-attr-aria-label="APP.DELETE"
+ >
+ <md-icon md-font-icon="icon-delete"></md-icon>
+ <md-tooltip><span translate="APP.DELETE">DELETE</span></md-tooltip>
+ </md-button>
+ </div>
+ </md-dialog-actions>
+ </form>
+</md-dialog>