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

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