catalog-ui/src/app/view-models/modals/email-modal/email-modal-view.html

   1 <ng1-modal modal="modalInstanceEmail" type="classic" class="w-sdc-modal-email modal-type-standard" header="{{emailModalModel.title}}" show-close-button="true">
   2     <loader data-display="isLoading"></loader>
   3     <form novalidate class="w-sdc-form" name="editForm">
   4
   5             <div class="i-sdc-form-item" data-ng-class="{'error': validateField(editForm.to)}">
   6                 <label class="i-sdc-form-label col-sm-2">To</label>
   7                 <div class="col-sm-10">
   8                     <input class="i-sdc-form-input" type="text"
   9                            data-ng-model="emailModalModel.email.to"
  10                            data-ng-model-options="{ debounce: 500 }"
  11                            data-ng-maxlength="255"
  12                            data-required
  13                            name="to"
  14                            id="to"
  15                            data-ng-disabled="true"
  16                         />
  17                 </div>
  18
  19                 <div class="input-error" data-ng-show="validateField(editForm.to)" alignToSelector="#to">
  20                     <span ng-show="editForm.to.$error.required" translate="VALIDATION_ERROR_REQUIRED" translate-values="{'field': 'To' }"></span>
  21                     <span ng-show="editForm.to.$error.maxlength" translate="VALIDATION_ERROR_MAX_LENGTH" translate-values="{'max': '255' }"></span>
  22                     <span ng-show="editForm.to.$error.pattern" translate="VALIDATION_ERROR_SPECIAL_CHARS_NOT_ALLOWED"></span>
  23                 </div>
  24
  25             </div>
  26
  27             <div class="i-sdc-form-item" data-ng-class="{'error': validateField(editForm.subject)}">
  28                 <label class="i-sdc-form-label col-sm-2">Subject</label>
  29                 <div class="col-sm-10">
  30                     <input class="i-sdc-form-input" type="text"
  31                            data-ng-model="emailModalModel.email.subject"
  32                            data-ng-model-options="{ debounce: 500 }"
  33                            data-ng-maxlength="255"
  34                            data-required
  35                            name="subject"
  36                            data-ng-disabled="true"
  37                         />
  38                 </div>
  39
  40                 <div class="input-error" data-ng-show="validateField(editForm.subject)">
  41                     <span ng-show="editForm.subject.$error.required" translate="VALIDATION_ERROR_REQUIRED" translate-values="{'field': 'Subject' }"></span>
  42                     <span ng-show="editForm.subject.$error.maxlength" translate="VALIDATION_ERROR_MAX_LENGTH" translate-values="{'max': '255' }"></span>
  43                     <span ng-show="editForm.subject.$error.pattern" translate="VALIDATION_ERROR_SPECIAL_CHARS_NOT_ALLOWED"></span>
  44                 </div>
  45
  46             </div>
  47
  48             <div class="i-sdc-form-item" data-ng-class="{'error': validateField(editForm.message)}">
  49                 <label class="i-sdc-form-label required col-sm-2">Message</label>
  50                 <div class="col-sm-10">
  51                         <textarea class="w-sdc-modal-body-email"
  52                                   data-ng-model="emailModalModel.email.message"
  53                                   placeholder="{{'EMAIL_MODAL_MESSAGE' | translate }}"
  54                                   data-required
  55                                   name="message"
  56                                   data-ng-pattern="commentValidationPattern"
  57                                   maxlength="255"
  58                                   data-tests-id="changeLifeCycleMessage"
  59                                   data-ng-maxlength="255">
  60                         </textarea>
  61
  62                     <div class="input-error" data-ng-show="validateField(editForm.message)">
  63                         <span ng-show="editForm.message.$error.required" translate="VALIDATION_ERROR_REQUIRED" translate-values="{'field': 'Message' }"></span>
  64                         <span ng-show="editForm.message.$error.maxlength" translate="VALIDATION_ERROR_MAX_LENGTH" translate-values="{'max': '255' }"></span>
  65                         <span ng-show="editForm.message.$error.pattern" translate="VALIDATION_ERROR_SPECIAL_CHARS_NOT_ALLOWED"></span>
  66                     </div>
  67                 </div>
  68
  69             </div>
  70
  71     </form>
  72
  73     <div class="w-sdc-modal-footer classic">
  74         <button class="tlv-btn blue" data-tests-id="OK" data-ng-click="submit()" data-ng-disabled="editForm.$invalid">OK</button>
  75         <button class="tlv-btn grey" data-tests-id="Cancel" data-ng-click="cancel()" >Cancel</button>
  76     </div>
  77 </ng1-modal>