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

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