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="bodyTemplate; context: bodyContext"></ng-container>
  14         <div class="question">
  15           <p i18n>Are you sure that you want to
  16             {{ actionDescription | lowercase }} the selected {{ itemDescription }}?</p>
  17           <div class="form-group"
  18                [ngClass]="{':invalid': deletionForm.showError('confirmation', formDir)}">
  19             <div class="form-check abc-checkbox abc-checkbox-primary">
  20               <input class="form-check-input"
  21                      type="checkbox"
  22                      name="confirmation"
  23                      id="confirmation"
  24                      formControlName="confirmation"
  25                      autofocus>
  26               <label class="form-check-label"
  27                      i18n
  28                      for="confirmation">Yes, I am sure.</label>
  29             </div>
  30           </div>
  31         </div>
  32       </div>
  33       <div class="modal-footer">
  34         <cd-submit-button #submitButton
  35                           [form]="deletionForm"
  36                           (submitAction)="callSubmitAction()">
  37           <ng-container *ngTemplateOutlet="deletionHeading"></ng-container>
  38         </cd-submit-button>
  39         <cd-back-button [back]="modalRef.hide"
  40                         name="Cancel"
  41                         i18n-name>
  42         </cd-back-button>
  43       </div>
  44     </form>
  45   </ng-container>
  46 </cd-modal>
  47
  48 <ng-template #deletionHeading>
  49   {{ actionDescription | titlecase }} {{ itemDescription }}
  50 </ng-template>