public/src/js/modules/main/apps/whatsapp/views/whatsappQueues/edit/view.html/view.html

   1 <div
   2   id="whatsapp-whatsappQueue"
   3   class="page-layout simple tabbed"
   4   layout="column"
   5 >
   6   <!-- HEADER -->
   7   <div class="header md-accent-bg" layout="row" layout-align="start center">
   8     <div class="white-fg" layout="row" layout-align="start center" flex>
   9       <md-button
  10         class="goto-whatsappQueues-button md-icon-button"
  11         aria-label="Go to whatsappQueues"
  12         ng-click="vm.gotoWhatsappQueues()"
  13         translate
  14         translate-attr-aria-label="WHATSAPP.GO_TO_WHATSAPPQUEUES"
  15       >
  16         <md-icon md-font-icon="icon-arrow-left"></md-icon>
  17       </md-button>
  18
  19       <div layout="row" layout-align="start center">
  20         <div class="whatsappQueue-image" hide-xs>
  21           <img ng-src="assets/images/business/whatsappQueues.jpg" />
  22         </div>
  23
  24         <div layout="column" layout-align="start start">
  25           <div class="h2">
  26             #{{vm.whatsappQueue.id}}
  27             <span ng-if="vm.whatsappQueue.name">{{vm.whatsappQueue.name}}</span>
  28           </div>
  29           <div class="subtitle secondary-text">
  30             <span translate="WHATSAPP.CREATED_AT"></span>
  31             <span>{{vm.whatsappQueue.createdAt | date:'medium'}}</span>
  32           </div>
  33         </div>
  34       </div>
  35     </div>
  36
  37     <div ng-cloak>
  38       <md-button
  39         ng-click="vm.teamadddialog(vm.whatsappQueue, $event)"
  40         class="md-fab md-orange-500-bg md-icon-button"
  41         aria-label="teamadd"
  42       >
  43         <md-tooltip
  44           ><span translate="WHATSAPP.TEAMADD_WHATSAPPQUEUE"></span
  45         ></md-tooltip>
  46         <md-icon md-font-icon="icon-account-multiple-plus"></md-icon>
  47       </md-button>
  48     </div>
  49
  50     <div ng-cloak>
  51       <md-button
  52         ng-click="vm.agentadddialog(vm.whatsappQueue, $event)"
  53         class="md-fab md-purple-500-bg md-icon-button"
  54         aria-label="agentadd"
  55       >
  56         <md-tooltip
  57           ><span translate="WHATSAPP.AGENTADD_WHATSAPPQUEUE"></span
  58         ></md-tooltip>
  59         <md-icon md-font-icon="icon-account-plus"></md-icon>
  60       </md-button>
  61     </div>
  62     <div>
  63       <md-button
  64         type="submit"
  65         ng-click="vm.saveWhatsappQueue()"
  66         ng-if="vm.crudPermissions.canEdit"
  67         class="send-button md-accent md-raised"
  68         ng-disabled="(generalForm.$invalid)"
  69         translate="WHATSAPP.SAVE"
  70         translate-attr-aria-label="WHATSAPP.SAVE"
  71       >
  72         SAVE
  73       </md-button>
  74     </div>
  75   </div>
  76   <!-- / HEADER -->
  77
  78   <!-- CONTENT -->
  79   <div class="content">
  80     <md-tabs
  81       md-selected="vm.selectedTab"
  82       md-stretch-tabs="always"
  83       flex
  84       layout-fill
  85       md-dynamic-height
  86     >
  87       <md-tab>
  88         <md-tab-label>
  89           <span translate="WHATSAPP.SETTINGS">SETTINGS</span>
  90         </md-tab-label>
  91         <md-tab-body>
  92           <div
  93             class="whatsappQueue-detail-form-container general md-background-bg md-whiteframe-1dp"
  94           >
  95             <div class="pb-16" layout="row" layout-align="start center">
  96               <div class="h2 secondary-text" translate="WHATSAPP.GENERAL">
  97                 GENERAL
  98               </div>
  99             </div>
 100             <form name="generalForm" novalidate>
 101               <md-input-container class="md-block">
 102                 <label translate="WHATSAPP.NAME">Name</label>
 103                 <input
 104                   type="text"
 105                   name="name"
 106                   ng-model="vm.whatsappQueue.name"
 107                   ng-pattern="/^[A-Za-z0-9\.\_]+$/i"
 108                   ng-required="true"
 109                   autofocus
 110                   disabled
 111                 />
 112
 113                 <div class="hint">
 114                   <span translate="WHATSAPP.HELP.NAME"></span>
 115                 </div>
 116                 <div
 117                   ng-messages="generalForm['name'].$error"
 118                   ng-show="generalForm['name'].$touched"
 119                   role="alert"
 120                 >
 121                   <div ng-message="required">
 122                     <span translate="WHATSAPP.ERRORS.NAME_REQUIRED"
 123                       >Name field is required</span
 124                     >
 125                   </div>
 126                   <div ng-message="pattern">
 127                     <span
 128                       translate="WHATSAPP.ERRORS.NAME_MUST_VALID_PATTERN"
 129                       translate-values="{ regex: '/^[A-Za-z0-9\.\_]+$/i' }"
 130                       >Name must be valid pattern
 131                     </span>
 132                   </div>
 133                 </div>
 134               </md-input-container>
 135               <md-input-container class="md-block">
 136                 <label translate="WHATSAPP.STRATEGY">Strategy</label>
 137                 <md-select
 138                   name="strategy"
 139                   ng-model="vm.whatsappQueue.strategy"
 140                   required
 141                   ng-disabled="!vm.crudPermissions.canEdit"
 142                 >
 143                   <md-option ng-value="'beepall'">Beepall</md-option>
 144                   <md-option ng-value="'rrmemory'">RR Memory</md-option>
 145                 </md-select>
 146                 <div
 147                   ng-messages="generalForm['strategy'].$error"
 148                   ng-show="generalForm['strategy'].$touched"
 149                   role="alert"
 150                 >
 151                   <div ng-message="required">
 152                     <span translate="WHATSAPP.ERRORS.STRATEGY_REQUIRED"
 153                       >Strategy field is required</span
 154                     >
 155                   </div>
 156                 </div>
 157               </md-input-container>
 158               <md-input-container class="md-block">
 159                 <label translate="WHATSAPP.AGENT_TIMEOUT">Agent_Timeout</label>
 160                 <input
 161                   type="number"
 162                   name="timeout"
 163                   ng-model="vm.whatsappQueue.timeout"
 164                   min="1"
 165                   max="2147483"
 166                   ng-required="true"
 167                   ng-disabled="!vm.crudPermissions.canEdit"
 168                 />
 169
 170                 <div
 171                   ng-messages="generalForm['timeout'].$error"
 172                   ng-show="generalForm['timeout'].$touched"
 173                   role="alert"
 174                 >
 175                   <div ng-message="required">
 176                     <span translate="WHATSAPP.ERRORS.AGENT_TIMEOUT_REQUIRED"
 177                       >Agent_Timeout field is required</span
 178                     >
 179                   </div>
 180                   <div ng-message="min">
 181                     <span
 182                       translate="WHATSAPP.ERRORS.AGENT_TIMEOUT_MUST_BE_GREATER_THAN_OR_EQUAL_TO"
 183                       >Agent_Timeout must be a valid greater or equal than</span
 184                     >
 185                     <span>1</span>
 186                   </div>
 187                   <div ng-message="max">
 188                     <span
 189                       translate="WHATSAPP.ERRORS.AGENT_TIMEOUT_MUST_BE_LESS_THAN_OR_EQUAL_TO"
 190                       >Agent_Timeout must be a valid greater or equal than</span
 191                     >
 192                     <span>2147483</span>
 193                   </div>
 194                 </div>
 195               </md-input-container>
 196               <md-input-container class="md-block">
 197                 <label translate="WHATSAPP.DESCRIPTION">Description</label>
 198                 <input
 199                   type="text"
 200                   name="description"
 201                   ng-model="vm.whatsappQueue.description"
 202                   ng-disabled="!vm.crudPermissions.canEdit"
 203                 />
 204
 205                 <div
 206                   ng-messages="generalForm['description'].$error"
 207                   ng-show="generalForm['description'].$touched"
 208                   role="alert"
 209                 >
 210                   <div ng-message="required">
 211                     <span translate="WHATSAPP.ERRORS.DESCRIPTION_REQUIRED"
 212                       >Description field is required</span
 213                     >
 214                   </div>
 215                 </div>
 216               </md-input-container>
 217             </form>
 218           </div>
 219         </md-tab-body>
 220       </md-tab>
 221     </md-tabs>
 222   </div>
 223   <!-- / CONTENT -->
 224 </div>