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

   1 <cd-modal [modalRef]="activeModal">
   2   <ng-container i18n="form title"
   3                 class="modal-title">Delete Zone</ng-container>
   4
   5   <ng-container class="modal-content">
   6     <form name="zoneForm"
   7           [formGroup]="zoneForm"
   8           novalidate>
   9       <div class="custom-control ms-4 mt-4">
  10         <label i18n>
  11             Do you want to delete all pools associated with it?</label>
  12         <label class="mb-4"
  13                i18n>
  14             This will delete the following pools and any data stored in these pools:</label>
  15         <ng-container *ngIf="zoneData$ | async as data">
  16           <div id="scroll">
  17             <ng-container *ngFor="let pool of data.placement_pools">
  18               <strong>{{pool?.val.data_extra_pool}}</strong>
  19               <strong>{{pool?.val.index_pool}}</strong>
  20               <strong>{{pool?.val.storage_classes.STANDARD.data_pool}}</strong>
  21             </ng-container>
  22           </div>
  23         </ng-container>
  24         <div class="form-group">
  25           <div class="custom-control custom-checkbox mt-2">
  26             <input type="checkbox"
  27                    class="custom-control-input"
  28                    name="deletePools"
  29                    id="deletePools"
  30                    formControlName="deletePools"
  31                    (change)="showDangerText()">
  32             <label class="custom-control-label"
  33                    for="deletePools"
  34                    i18n>Yes, I want to delete the pools.</label>
  35           </div>
  36           <div *ngIf="displayText"
  37                class="me-4">
  38             <cd-alert-panel type="danger"
  39                             i18n>
  40                             This will delete all the data in the pools!
  41             </cd-alert-panel>
  42           </div>
  43         </div>
  44       </div>
  45
  46       <div class="modal-footer">
  47         <cd-form-button-panel (submitActionEvent)="submit()"
  48                               [form]="zoneForm"
  49                               [submitText]="actionLabels.DELETE">
  50         </cd-form-button-panel>
  51       </div>
  52     </form>
  53   </ng-container>
  54
  55 </cd-modal>