public/src/js/modules/main/apps/callysquare/views/projects/edit/dialog/dialog.html/dialog.html

   1 <md-dialog class="project-dialog" aria-label="New dialog" ng-init="vm.onInit()">
   2   <form name="dialogForm" class="md-inline-form" novalidate>
   3     <md-toolbar class="md-accent md-hue-2">
   4       <div
   5         class="md-toolbar-tools"
   6         layout="row"
   7         layout-align="space-between center"
   8       >
   9         <span class="title"
  10           ><span translate="APP.EDIT"></span>
  11           <span translate="CALLYSQUARE.{{vm.cellName | uppercase}}"></span
  12         ></span>
  13         <md-button class="md-icon-button" ng-click="vm.closeDialog()">
  14           <md-icon
  15             md-font-icon="icon-close"
  16             aria-label="Close dialog"
  17           ></md-icon>
  18         </md-button>
  19       </div>
  20     </md-toolbar>
  21     <md-dialog-content ms-scroll>
  22       <md-input-container
  23         class="md-block"
  24         ng-repeat="attribute in vm.attributes"
  25         ng-switch="attribute.name"
  26       >
  27         <label translate="CALLYSQUARE.{{attribute.name | uppercase}}"
  28           >{{attribute.name | ucfirst }}</label
  29         >
  30
  31         <!--  START SELECT INPUT -->
  32         <md-select
  33           name="{{attribute.name}}"
  34           ng-model="attribute.value"
  35           ng-disabled="!vm.crudPermissions.canEdit"
  36           ng-switch-when-separator="|"
  37           ng-switch-when="answer|trunk_name|trunk_id|queue_id|file_id|variable_id|google_cloud_tts_text_type|google_tts_language|ispeech_tts_language|ispeech_asr_language|google_asr_language|hiddendigitspos|odbc_id|project_id|beep|account_id|interval_id|template_id|list_id|recordingFormat|callback_priority|aws_polly_voice|aws_polly_region|aws_lex_region|sms_account_id|findBy|pause_id|aws_text_type|dialogflow_language|ndagenerate_audio|ndaactivity_type|languageCode|ssmlGender|method|dialogflowV2_language"
  38           ng-required="attribute.required"
  39         >
  40           <md-option ng-if="attribute.defaultValue" ng-value="''">
  41             - None -
  42           </md-option>
  43           <md-option
  44             value="{{v.value}}"
  45             ng-repeat="v in vm.values[attribute.name]"
  46             ng-disabled="v.canSelect === false"
  47           >
  48             {{v.option}}</md-option
  49           >
  50           <md-option ng-if="!vm.values[attribute.name].length" value="-1"
  51             >No {{attribute.name}} available!</md-option
  52           >
  53         </md-select>
  54         <!--  END SELECT INPUT -->
  55
  56         <!--  START SELECT INPUT -->
  57         <md-select
  58           name="{{attribute.name}}"
  59           ng-model="attribute.value"
  60           ng-disabled="!vm.crudPermissions.canEdit"
  61           ng-switch-when-separator="|"
  62           ng-switch-when="sip_id"
  63           ng-required="attribute.required"
  64         >
  65           <md-optgroup label="{{'CALLYSQUARE.AGENTS' | translate}}">
  66             <md-option
  67               value="{{v.value}}"
  68               ng-repeat="v in vm.values[attribute.name]"
  69               ng-if="v.group === 'agent'"
  70               ng-disabled="v.canSelect === false"
  71               >{{v.option}}</md-option
  72             >
  73           </md-optgroup>
  74           <md-optgroup label="{{'CALLYSQUARE.TELEPHONES' | translate}}">
  75             <md-option
  76               value="{{v.value}}"
  77               ng-repeat="v in vm.values[attribute.name]"
  78               ng-if="v.group === 'telephone'"
  79               ng-disabled="v.canSelect === false"
  80               >{{v.option}}</md-option
  81             >
  82           </md-optgroup>
  83           <md-optgroup label="{{'CALLYSQUARE.USERS' | translate}}">
  84             <md-option
  85               value="{{v.value}}"
  86               ng-repeat="v in vm.values[attribute.name]"
  87               ng-if="v.group === 'admin' || v.group === 'user'"
  88               >{{v.option}}</md-option
  89             >
  90           </md-optgroup>
  91           <md-option ng-if="!vm.values[attribute.name].length" value="-1"
  92             >No {{attribute.name}} available!</md-option
  93           >
  94         </md-select>
  95         <!--  END SELECT INPUT -->
  96
  97         <!--  START NUMBER INPUT -->
  98         <div ng-switch-when="timeout">
  99           <div ng-switch="vm.cellName">
 100             <input
 101               ng-switch-when-separator="|"
 102               ng-switch-when="answer|ext_dial|dial|queue"
 103               type="number"
 104               step="any"
 105               name="{{attribute.name}}"
 106               min="0"
 107               ng-model="attribute.value"
 108               ng-required="attribute.required"
 109               ng-disabled="!vm.crudPermissions.canEdit"
 110               string-to-number
 111             />
 112             <input
 113               ng-switch-when-separator="|"
 114               ng-switch-when="record|ispeechasr|googleasr"
 115               type="number"
 116               step="any"
 117               name="{{attribute.name}}"
 118               min="-1"
 119               ng-model="attribute.value"
 120               ng-required="attribute.required"
 121               ng-disabled="!vm.crudPermissions.canEdit"
 122               string-to-number
 123             />
 124             <input
 125               ng-switch-when-separator="|"
 126               ng-switch-when="restapi"
 127               type="number"
 128               step="any"
 129               name="{{attribute.name}}"
 130               min="1"
 131               ng-model="attribute.value"
 132               ng-required="attribute.required"
 133               ng-disabled="!vm.crudPermissions.canEdit"
 134               string-to-number
 135             />
 136             <input
 137               ng-switch-default
 138               type="number"
 139               step="any"
 140               name="{{attribute.name}}"
 141               min="0"
 142               ng-model="attribute.value"
 143               ng-required="attribute.required"
 144               ng-disabled="!vm.crudPermissions.canEdit"
 145               string-to-number
 146             />
 147           </div>
 148         </div>
 149         <input
 150           ng-switch-when-separator="|"
 151           ng-switch-when="speed"
 152           type="number"
 153           step="any"
 154           name="{{attribute.name}}"
 155           min="-10"
 156           max="-10"
 157           ng-model="attribute.value"
 158           ng-required="attribute.required"
 159           ng-disabled="!vm.crudPermissions.canEdit"
 160           string-to-number
 161         />
 162         <input
 163           ng-switch-when-separator="|"
 164           ng-switch-when="maxdigit|mindigit|digit"
 165           type="number"
 166           step="any"
 167           name="{{attribute.name}}"
 168           min="1"
 169           ng-model="attribute.value"
 170           ng-required="attribute.required"
 171           ng-disabled="!vm.crudPermissions.canEdit"
 172           string-to-number
 173         />
 174         <input
 175           ng-switch-when-separator="|"
 176           ng-switch-when="retry|response|hiddendigitsnum|priority"
 177           type="number"
 178           step="any"
 179           name="{{attribute.name}}"
 180           min="1"
 181           ng-model="attribute.value"
 182           ng-required="attribute.required"
 183           ng-disabled="!vm.crudPermissions.canEdit"
 184           string-to-number
 185         />
 186         <!--  END NUMBER INPUT -->
 187
 188         <!--  START TEXTAREA INPUT -->
 189         <textarea
 190           name="{{attribute.name}}"
 191           ng-model="attribute.value"
 192           ng-switch-when-separator="|"
 193           ng-switch-when="query|sms_text|condition|text|custom_action_data|headers|body|rawHeaders|rawBody|private_key"
 194           ng-required="attribute.required"
 195           ng-disabled="!vm.crudPermissions.canEdit"
 196         ></textarea>
 197         <!--  END TEXTAREA INPUT -->
 198
 199         <!-- START URL INPUT -->
 200         <input
 201           ng-switch-when-separator="|"
 202           ng-switch-when="ndauth_url|ndassistant_url|url"
 203           type="url"
 204           name="{{attribute.name}}"
 205           ng-model="attribute.value"
 206           ng-required="attribute.required"
 207         />
 208         <!-- END URL INPUT -->
 209
 210         <!--  START TEXT INPUT -->
 211         <input
 212           ng-switch-default
 213           name="{{attribute.name}}"
 214           ng-model="attribute.value"
 215           ng-required="attribute.required"
 216           ng-disabled="!vm.crudPermissions.canEdit"
 217         />
 218         <div
 219           class="hint"
 220           ng-if="attribute.name === 'text' && vm.cellName === 'tts' "
 221         >
 222           <span translate="CALLYSQUARE.HELP.MAX_TEXT_TTS" class="ng-scope"
 223             >Max 250 chars are supported</span
 224           >
 225         </div>
 226         <!--  END TEXT INPUT-->
 227
 228         <div class="hint" ng-if="attribute.help">
 229           <span
 230             translate="CALLYSQUARE.HELP.{{attribute.name | uppercase}}"
 231           ></span>
 232         </div>
 233         <div
 234           ng-messages="dialogForm[attribute.name].$error"
 235           ng-show="dialogForm[attribute.name].$touched"
 236           role="alert"
 237         >
 238           <div ng-message="required">
 239             <span translate="APP.ERRORS.FIELD_REQUIRED"
 240               >The field is required</span
 241             >
 242           </div>
 243         </div>
 244       </md-input-container>
 245     </md-dialog-content>
 246
 247     <md-dialog-actions
 248       layout="row"
 249       layout-align="space-between center"
 250       ng-if="vm.crudPermissions.canEdit"
 251     >
 252       <div layout="row" layout-align="start center">
 253         <md-button
 254           type="submit"
 255           ng-click="vm.closeDialog(true)"
 256           class="send-button md-accent md-raised"
 257           ng-disabled="dialogForm.$invalid || dialogForm.$pristine"
 258           aria-label="SAVE"
 259           translate="APP.SAVE"
 260           translate-attr-aria-label="APP.SAVE"
 261         >
 262           SAVE
 263         </md-button>
 264       </div>
 265     </md-dialog-actions>
 266   </form>
 267 </md-dialog>