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