public/templates/main/apps/whatsapp/views/whatsappAccounts/edit/apps/dialogflowv2/dialog.html/dialog.html

   1 <md-dialog class="whatsappAccount-dialog" aria-label="New WhatsappAccount">
   2   <form name="whatsappAccountFormApp" 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">{{ vm.title | translate }}</span>
  10         <md-button class="md-icon-button" ng-click="vm.closeDialog()">
  11           <md-icon
  12             md-font-icon="icon-close"
  13             aria-label="Close dialog"
  14           ></md-icon>
  15         </md-button>
  16       </div>
  17     </md-toolbar>
  18
  19     <md-dialog-content ms-scroll>
  20       <div class="error-list">
  21         <div
  22           ng-repeat="error in vm.errors"
  23           class="error"
  24           layout="row"
  25           layout-align="space-between center"
  26         >
  27           <div>
  28             <span class="message">{{error.message}}</span>
  29             <span class="type">({{error.type}})</span>
  30           </div>
  31           <md-button class="md-icon-button">
  32             <md-icon
  33               md-font-icon="icon-alert-box"
  34               aria-label="alert error"
  35               class="s16"
  36             ></md-icon>
  37           </md-button>
  38         </div>
  39       </div>
  40       <md-input-container class="md-block">
  41         <label translate="WHATSAPP.PROJECTID">ProjectID</label>
  42         <input
  43           type="text"
  44           name="projectId"
  45           ng-model="vm.dialogflowv2.projectId"
  46           ng-required="true"
  47           autofocus
  48           ng-disabled="!vm.crudPermissions.canEdit"
  49         />
  50
  51         <div
  52           ng-messages="whatsappAccountFormApp['projectId'].$error"
  53           ng-show="whatsappAccountFormApp['projectId'].$touched"
  54           role="alert"
  55         >
  56           <div ng-message="required">
  57             <span translate="WHATSAPP.ERRORS.PROJECTID_REQUIRED"
  58               >ProjectID field is required</span
  59             >
  60           </div>
  61         </div>
  62       </md-input-container>
  63       <md-input-container class="md-block">
  64         <label translate="WHATSAPP.CLIENTEMAIL">ClientEmail</label>
  65         <input
  66           type="text"
  67           name="clientEmail"
  68           ng-model="vm.dialogflowv2.clientEmail"
  69           ng-required="true"
  70           ng-disabled="!vm.crudPermissions.canEdit"
  71         />
  72
  73         <div
  74           ng-messages="whatsappAccountFormApp['clientEmail'].$error"
  75           ng-show="whatsappAccountFormApp['clientEmail'].$touched"
  76           role="alert"
  77         >
  78           <div ng-message="required">
  79             <span translate="WHATSAPP.ERRORS.CLIENTEMAIL_REQUIRED"
  80               >ClientEmail field is required</span
  81             >
  82           </div>
  83         </div>
  84       </md-input-container>
  85       <md-input-container class="md-block">
  86         <label translate="WHATSAPP.PRIVATEKEY">PrivateKey</label>
  87         <textarea
  88           name="privateKey"
  89           ng-model="vm.dialogflowv2.privateKey"
  90           required
  91         ></textarea>
  92
  93         <div
  94           ng-messages="whatsappAccountFormApp['privateKey'].$error"
  95           ng-show="whatsappAccountFormApp['privateKey'].$touched"
  96           role="alert"
  97         >
  98           <div ng-message="required">
  99             <span translate="WHATSAPP.ERRORS.PRIVATEKEY_REQUIRED"
 100               >PrivateKey field is required</span
 101             >
 102           </div>
 103         </div>
 104       </md-input-container>
 105       <md-input-container class="md-block">
 106         <label translate="WHATSAPP.LANGUAGE">language</label>
 107         <md-select
 108           name="language"
 109           ng-model="vm.dialogflowv2.language"
 110           required
 111           ng-disabled="!vm.crudPermissions.canEdit"
 112         >
 113           <md-option ng-value="'zh-HK'">Chinese (Cantonese)</md-option>
 114           <md-option ng-value="'zh-CN'">Chinese (Simplified)</md-option>
 115           <md-option ng-value="'zh-TW'">Chinese (Traditional)</md-option>
 116           <md-option ng-value="'da'">Danish</md-option>
 117           <md-option ng-value="'nl'">Dutch</md-option>
 118           <md-option ng-value="'en'">English</md-option>
 119           <md-option ng-value="'en-AU'">English (Australia)</md-option>
 120           <md-option ng-value="'en-CA'">English (Canada)</md-option>
 121           <md-option ng-value="'en-GB'">English (Great Britain)</md-option>
 122           <md-option ng-value="'en-IN'">English (India)</md-option>
 123           <md-option ng-value="'en-US'">English (US)</md-option>
 124           <md-option ng-value="'fr'">French</md-option>
 125           <md-option ng-value="'fr-CA'">French (Canada)</md-option>
 126           <md-option ng-value="'fr-FR'">'France (France)</md-option>
 127           <md-option ng-value="'de'">German</md-option>
 128           <md-option ng-value="'hi'">Hindi</md-option>
 129           <md-option ng-value="'id'">Indonesian</md-option>
 130           <md-option ng-value="'it'">Italian</md-option>
 131           <md-option ng-value="'ja'">Japanese</md-option>
 132           <md-option ng-value="'ko'">Korean</md-option>
 133           <md-option ng-value="'no'">Norwegian</md-option>
 134           <md-option ng-value="'pl'">Polish</md-option>
 135           <md-option ng-value="'pt-BR'">Portuguese (Brazil)</md-option>
 136           <md-option ng-value="'pt-PT'">Portuguese (Portugal)</md-option>
 137           <md-option ng-value="'ru'">Russian</md-option>
 138           <md-option ng-value="'es'">Spanish</md-option>
 139           <md-option ng-value="'es-419'">Spanish (Latin America)</md-option>
 140           <md-option ng-value="'es-ES'">Spanish (Spain)</md-option>
 141           <md-option ng-value="'sw'">Swedish</md-option>
 142           <md-option ng-value="'th'">Thai</md-option>
 143           <md-option ng-value="'tr'">Turkish</md-option>
 144           <md-option ng-value="'uk'">Ukrainian</md-option>
 145         </md-select>
 146         <div
 147           ng-messages="whatsappAccountFormApp['language'].$error"
 148           ng-show="whatsappAccountFormApp['language'].$touched"
 149           role="alert"
 150         >
 151           <div ng-message="required">
 152             <span translate="WHATSAPP.ERRORS.LANGUAGE_REQUIRED"
 153               >language field is required</span
 154             >
 155           </div>
 156         </div>
 157       </md-input-container>
 158       <md-input-container class="md-block">
 159         <label translate="WHATSAPP.WELCOMEMESSAGE">welcomemessage</label>
 160         <textarea
 161           name="welcomemessage"
 162           ng-model="vm.dialogflowv2.welcomemessage"
 163           md-maxlength="255"
 164         ></textarea>
 165         <div class="hint">
 166           <span translate="WHATSAPP.HELP.WELCOMEMESSAGE"></span>
 167         </div>
 168
 169         <div
 170           ng-messages="whatsappAccountFormApp['welcomemessage'].$error"
 171           ng-show="whatsappAccountFormApp['welcomemessage'].$touched"
 172           role="alert"
 173         >
 174           <div ng-message="md-maxlength">
 175             <span
 176               translate="WHATSAPP.ERRORS.WELCOMEMESSAGE_MAX_LENGTH"
 177               translate-values="{max: 255}"
 178               >welcomemessage must have a maximum length equal to 255</span
 179             >
 180           </div>
 181         </div>
 182       </md-input-container>
 183
 184       <div class="error-list">
 185         <div
 186           ng-repeat="error in vm.errors"
 187           class="error"
 188           layout="row"
 189           layout-align="space-between center"
 190         >
 191           <div>
 192             <span class="message">{{error.message}}</span>
 193             <span class="type">({{error.type}})</span>
 194           </div>
 195           <md-button class="md-icon-button">
 196             <md-icon
 197               md-font-icon="icon-alert-box"
 198               aria-label="alert error"
 199               class="s16"
 200             ></md-icon>
 201           </md-button>
 202         </div>
 203       </div>
 204     </md-dialog-content>
 205
 206     <md-dialog-actions layout="row" layout-align="space-between center">
 207       <div
 208         layout="row"
 209         layout-align="start center"
 210         ng-if="vm.crudPermissions.canEdit"
 211       >
 212         <md-button
 213           type="submit"
 214           ng-click="vm.saveWhatsappAccountApp()"
 215           class="send-button md-accent md-raised"
 216           ng-disabled="whatsappAccountFormApp.$invalid || whatsappAccountFormApp.$pristine"
 217           aria-label="SAVE"
 218           translate="WHATSAPP.SAVE"
 219           translate-attr-aria-label="WHATSAPP.SAVE"
 220         >
 221           SAVE
 222         </md-button>
 223       </div>
 224     </md-dialog-actions>
 225   </form>
 226 </md-dialog>