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 {{ actionDescription | lowercase }} the selected {{ itemDescription }}?</p>
  16           <div class="form-group"
  17                [ngClass]="{'has-error': deletionForm.showError('confirmation', formDir)}">
  18             <div class="checkbox checkbox-primary">
  19               <input type="checkbox"
  20                      name="confirmation"
  21                      id="confirmation"
  22                      formControlName="confirmation"
  23                      autofocus>
  24               <label i18n
  25                      for="confirmation">Yes, I am sure.</label>
  26             </div>
  27           </div>
  28         </div>
  29       </div>
  30       <div class="modal-footer">
  31         <cd-submit-button #submitButton
  32                           [form]="deletionForm"
  33                           (submitAction)="callSubmitAction()">
  34           <ng-container *ngTemplateOutlet="deletionHeading"></ng-container>
  35         </cd-submit-button>
  36         <button class="btn btn-link btn-sm"
  37                 (click)="hideModal()"
  38                 i18n>Cancel</button>
  39       </div>
  40     </form>
  41   </ng-container>
  42 </cd-modal>
  43
  44 <ng-template #deletionHeading>
  45   {{ actionDescription | titlecase }} {{ itemDescription }}
  46 </ng-template>