git.apps.os.sepia.ceph.com Git - ceph.git/blob

   1 <cd-modal #modal
   2           [modalRef]="modalRef">
   3   <ng-container class="modal-title">
   4     <ng-container *ngTemplateOutlet="deletionHeading"></ng-container>
   5   </ng-container>
   6
   7   <ng-container class="modal-content">
   8     <form name="deletionForm"
   9           #formDir="ngForm"
  10           [formGroup]="deletionForm"
  11           novalidate>
  12       <div class="modal-body">
  13         <ng-container *ngTemplateOutlet="description"></ng-container>
  14         <p>
  15           <ng-container i18n>
  16             To confirm the deletion, enter
  17           </ng-container>
  18           <kbd>{{ pattern }}</kbd>
  19           <ng-container i18n>
  20             and click on
  21           </ng-container>
  22           <kbd>
  23             <ng-container *ngTemplateOutlet="deletionHeading"></ng-container>
  24           </kbd>.
  25         </p>
  26         <div class="form-group"
  27              [ngClass]="{'has-error': deletionForm.showError('confirmation', formDir)}">
  28           <input type="text"
  29                  class="form-control"
  30                  name="confirmation"
  31                  id="confirmation"
  32                  [placeholder]="pattern"
  33                  [pattern]="escapeRegExp(pattern)"
  34                  autocomplete="off"
  35                  (keyup)="updateConfirmation($event)"
  36                  formControlName="confirmation"
  37                  autofocus>
  38           <span class="help-block"
  39                 *ngIf="deletionForm.showError('confirmation', formDir, 'required')"
  40                 i18n>
  41           This field is required.
  42         </span>
  43           <span class="help-block"
  44                 *ngIf="deletionForm.showError('confirmation', formDir, 'pattern')">
  45           '{{ confirmation.value }}'
  46           <span i18n>doesn't match</span>
  47           '{{ pattern }}'.
  48         </span>
  49         </div>
  50       </div>
  51       <div class="modal-footer">
  52         <cd-submit-button #submitButton
  53                           [form]="deletionForm"
  54                           (submitAction)="deletionCall()">
  55           <ng-container *ngTemplateOutlet="deletionHeading"></ng-container>
  56         </cd-submit-button>
  57         <button class="btn btn-link btn-sm"
  58                 (click)="hideModal()"
  59                 i18n>
  60           Cancel
  61         </button>
  62       </div>
  63     </form>
  64   </ng-container>
  65 </cd-modal>
  66
  67 <ng-template #deletionHeading>
  68   <ng-container i18n>
  69     Delete
  70   </ng-container>
  71   {{ metaType }}
  72 </ng-template>