+++ /dev/null
-<div
- id="whatsapp-whatsappQueue"
- class="page-layout simple tabbed"
- layout="column"
->
- <!-- HEADER -->
- <div class="header md-accent-bg" layout="row" layout-align="start center">
- <div class="white-fg" layout="row" layout-align="start center" flex>
- <md-button
- class="goto-whatsappQueues-button md-icon-button"
- aria-label="Go to whatsappQueues"
- ng-click="vm.gotoWhatsappQueues()"
- translate
- translate-attr-aria-label="WHATSAPP.GO_TO_WHATSAPPQUEUES"
- >
- <md-icon md-font-icon="icon-arrow-left"></md-icon>
- </md-button>
-
- <div layout="row" layout-align="start center">
- <div class="whatsappQueue-image" hide-xs>
- <img ng-src="assets/images/business/whatsappQueues.jpg" />
- </div>
-
- <div layout="column" layout-align="start start">
- <div class="h2">
- #{{vm.whatsappQueue.id}}
- <span ng-if="vm.whatsappQueue.name">{{vm.whatsappQueue.name}}</span>
- </div>
- <div class="subtitle secondary-text">
- <span translate="APP.CREATED_AT"></span>
- <span>{{vm.whatsappQueue.createdAt | date:'medium'}}</span>
- </div>
- </div>
- </div>
- </div>
-
- <div ng-cloak>
- <md-button
- ng-click="vm.teamadddialog(vm.whatsappQueue, $event)"
- class="md-fab md-orange-500-bg md-icon-button"
- aria-label="teamadd"
- >
- <md-tooltip
- ><span translate="WHATSAPP.TEAMADD_WHATSAPPQUEUE"></span
- ></md-tooltip>
- <md-icon md-font-icon="icon-account-multiple-plus"></md-icon>
- </md-button>
- </div>
-
- <div ng-cloak>
- <md-button
- ng-click="vm.agentadddialog(vm.whatsappQueue, $event)"
- class="md-fab md-purple-500-bg md-icon-button"
- aria-label="agentadd"
- >
- <md-tooltip
- ><span translate="WHATSAPP.AGENTADD_WHATSAPPQUEUE"></span
- ></md-tooltip>
- <md-icon md-font-icon="icon-account-plus"></md-icon>
- </md-button>
- </div>
- <div>
- <md-button
- type="submit"
- ng-click="vm.saveWhatsappQueue()"
- ng-if="vm.crudPermissions.canEdit"
- class="send-button md-accent md-raised"
- ng-disabled="(generalForm.$invalid)"
- translate="APP.SAVE"
- translate-attr-aria-label="APP.SAVE"
- >
- SAVE
- </md-button>
- </div>
- </div>
- <!-- / HEADER -->
-
- <!-- CONTENT -->
- <div class="content">
- <md-tabs
- md-selected="vm.selectedTab"
- md-stretch-tabs="always"
- flex
- layout-fill
- md-dynamic-height
- >
- <md-tab>
- <md-tab-label>
- <span translate="APP.SETTINGS">SETTINGS</span>
- </md-tab-label>
- <md-tab-body>
- <div
- class="whatsappQueue-detail-form-container general md-background-bg md-whiteframe-1dp"
- >
- <div class="pb-16" layout="row" layout-align="start center">
- <div class="h2 secondary-text" translate="APP.GENERAL">
- GENERAL
- </div>
- </div>
- <form name="generalForm" novalidate>
- <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
- disabled
- />
-
- <div class="hint">
- <span translate="APP.HELP.NAME"></span>
- </div>
- <div
- ng-messages="generalForm['name'].$error"
- ng-show="generalForm['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
- ng-disabled="!vm.crudPermissions.canEdit"
- >
- <md-option ng-value="'beepall'">Beepall</md-option>
- <md-option ng-value="'rrmemory'">RR Memory</md-option>
- </md-select>
- <div
- ng-messages="generalForm['strategy'].$error"
- ng-show="generalForm['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"
- ng-required="true"
- ng-disabled="!vm.crudPermissions.canEdit"
- />
-
- <div
- ng-messages="generalForm['timeout'].$error"
- ng-show="generalForm['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"
- ng-disabled="!vm.crudPermissions.canEdit"
- />
-
- <div
- ng-messages="generalForm['description'].$error"
- ng-show="generalForm['description'].$touched"
- role="alert"
- >
- <div ng-message="required">
- <span translate="WHATSAPP.ERRORS.DESCRIPTION_REQUIRED"
- >Description field is required</span
- >
- </div>
- </div>
- </md-input-container>
- </form>
- </div>
- </md-tab-body>
- </md-tab>
- </md-tabs>
- </div>
- <!-- / CONTENT -->
-</div>