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

   1 <md-dialog
   2   class="whatsappCannedAnswer-dialog"
   3   aria-label="New WhatsappCannedAnswer"
   4 >
   5   <form name="whatsappCannedAnswerForm" class="md-inline-form" novalidate>
   6     <md-toolbar class="md-accent md-hue-2">
   7       <div
   8         class="md-toolbar-tools"
   9         layout="row"
  10         layout-align="space-between center"
  11       >
  12         <span class="title">{{ vm.title | translate }}</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
  22     <md-dialog-content ms-scroll>
  23       <div class="error-list">
  24         <div
  25           ng-repeat="error in vm.errors"
  26           class="error"
  27           layout="row"
  28           layout-align="space-between center"
  29         >
  30           <div>
  31             <span class="message">{{error.message}}</span>
  32             <span class="type">({{error.type}})</span>
  33           </div>
  34           <md-button class="md-icon-button">
  35             <md-icon
  36               md-font-icon="icon-alert-box"
  37               aria-label="alert error"
  38               class="s16"
  39             ></md-icon>
  40           </md-button>
  41         </div>
  42       </div>
  43       <md-input-container class="md-block">
  44         <label translate="APP.KEY">Key</label>
  45         <input
  46           type=""
  47           name="key"
  48           ng-model="vm.whatsappCannedAnswer.key"
  49           md-maxlength="255"
  50           ng-required="true"
  51           autofocus
  52         />
  53
  54         <div
  55           ng-messages="whatsappCannedAnswerForm['key'].$error"
  56           ng-show="whatsappCannedAnswerForm['key'].$touched"
  57           role="alert"
  58         >
  59           <div ng-message="required">
  60             <span translate="APP.ERRORS.KEY_REQUIRED"
  61               >Key field is required</span
  62             >
  63           </div>
  64         </div>
  65       </md-input-container>
  66       <md-input-container class="md-block">
  67         <label translate="APP.VALUE">Value</label>
  68         <textarea
  69           name="value"
  70           ng-model="vm.whatsappCannedAnswer.value"
  71           required
  72         ></textarea>
  73
  74         <div
  75           ng-messages="whatsappCannedAnswerForm['value'].$error"
  76           ng-show="whatsappCannedAnswerForm['value'].$touched"
  77           role="alert"
  78         >
  79           <div ng-message="required">
  80             <span translate="APP.ERRORS.VALUE_REQUIRED"
  81               >Value field is required</span
  82             >
  83           </div>
  84         </div>
  85       </md-input-container>
  86       <md-input-container class="md-block">
  87         <label translate="APP.DESCRIPTION">Description</label>
  88         <input
  89           type="text"
  90           name="description"
  91           ng-model="vm.whatsappCannedAnswer.description"
  92         />
  93
  94         <div
  95           ng-messages="whatsappCannedAnswerForm['description'].$error"
  96           ng-show="whatsappCannedAnswerForm['description'].$touched"
  97           role="alert"
  98         >
  99           <div ng-message="required">
 100             <span translate="WHATSAPP.ERRORS.DESCRIPTION_REQUIRED"
 101               >Description field is required</span
 102             >
 103           </div>
 104         </div>
 105       </md-input-container>
 106
 107       <div class="error-list">
 108         <div
 109           ng-repeat="error in vm.errors"
 110           class="error"
 111           layout="row"
 112           layout-align="space-between center"
 113         >
 114           <div>
 115             <span class="message">{{error.message}}</span>
 116             <span class="type">({{error.type}})</span>
 117           </div>
 118           <md-button class="md-icon-button">
 119             <md-icon
 120               md-font-icon="icon-alert-box"
 121               aria-label="alert error"
 122               class="s16"
 123             ></md-icon>
 124           </md-button>
 125         </div>
 126       </div>
 127     </md-dialog-content>
 128
 129     <md-dialog-actions
 130       layout="row"
 131       layout-align="space-between center"
 132       ng-if="!vm.crudPermissions.readOnly"
 133     >
 134       <div layout="row" layout-align="start center">
 135         <md-button
 136           type="submit"
 137           ng-if="vm.crudPermissions.canEdit && !vm.newWhatsappCannedAnswer"
 138           ng-click="vm.saveWhatsappCannedAnswer()"
 139           class="send-button md-accent md-raised"
 140           ng-disabled="whatsappCannedAnswerForm.$invalid || whatsappCannedAnswerForm.$pristine"
 141           aria-label="SAVE"
 142           translate="APP.SAVE"
 143           translate-attr-aria-label="APP.SAVE"
 144         >
 145           SAVE
 146         </md-button>
 147
 148         <md-button
 149           type="submit"
 150           ng-if="vm.crudPermissions.canEdit && vm.newWhatsappCannedAnswer"
 151           ng-click="vm.addNewWhatsappCannedAnswer()"
 152           class="send-button md-accent md-raised"
 153           ng-disabled="whatsappCannedAnswerForm.$invalid"
 154           aria-label="ADD"
 155           translate="WHATSAPP.ADD_WHATSAPPCANNEDANSWER"
 156           translate-attr-aria-label="WHATSAPP.ADD_WHATSAPPCANNEDANSWER"
 157         >
 158           ADD WHATSAPPCANNEDANSWER
 159         </md-button>
 160       </div>
 161       <div layout="row">
 162         <md-button
 163           class="md-icon-button"
 164           ng-if="vm.crudPermissions.canDelete && !vm.newWhatsappCannedAnswer"
 165           ng-click="vm.deleteWhatsappCannedAnswer($event)"
 166           aria-label="DELETE"
 167           translate
 168           translate-attr-aria-label="APP.DELETE"
 169         >
 170           <md-icon md-font-icon="icon-delete"></md-icon>
 171           <md-tooltip><span translate="APP.DELETE">DELETE</span></md-tooltip>
 172         </md-button>
 173       </div>
 174     </md-dialog-actions>
 175   </form>
 176 </md-dialog>