ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/models/rgw-multisite-zonegroup-deletion-form/rgw-multisite-zonegroup-deletion-form.component.html

   1 <cd-modal [modalRef]="activeModal">
   2   <ng-container i18n="form title"
   3                 class="modal-title">Delete Zone Group</ng-container>
   4
   5   <ng-container class="modal-content">
   6     <form name="zonegroupForm"
   7           [formGroup]="zonegroupForm"
   8           novalidate>
   9       <div class="modal-body ms-4">
  10         <label i18n>
  11           This will delete your <strong>{{zonegroup?.name}}</strong> Zone Group.
  12         </label>
  13         <ng-container *ngIf="zonesList.length > 0">
  14           <label class="mt-3"
  15                  i18n>
  16               Do you want to delete the associated zones and pools with the <strong>{{zonegroup?.name}}</strong> Zone Group?</label>
  17           <ng-container *ngIf="includedPools.size > 0">
  18             <label i18n>
  19               This will delete the following:</label>
  20           </ng-container>
  21           <strong class="mt-3 mb-2 h5 block">Zones:</strong>
  22           <div id="scroll">
  23             <strong *ngFor="let zone of zonesList"
  24                     class="block">{{zone}}</strong>
  25           </div>
  26           <ng-container *ngIf="includedPools.size > 0">
  27             <strong class="mt-3 mb-2 h5 block">Pools:</strong>
  28             <div id="scroll"
  29                  class="mb-2">
  30               <strong *ngFor="let pool of includedPools"
  31                       class="block">{{ pool }}</strong>
  32             </div>
  33           </ng-container>
  34
  35           <div class="form-group">
  36             <div class="custom-control custom-checkbox mt-2">
  37               <input type="checkbox"
  38                      class="custom-control-input"
  39                      name="deletePools"
  40                      id="deletePools"
  41                      formControlName="deletePools"
  42                      (change)="showDangerText()">
  43               <ng-container *ngIf="includedPools.size > 0 else noPoolsConfirmation">
  44                 <label class="custom-control-label"
  45                        for="deletePools"
  46                        i18n>Yes, I want to delete the zones and their pools.</label>
  47               </ng-container>
  48             </div>
  49             <div *ngIf="displayText"
  50                  class="me-4">
  51               <cd-alert-panel type="danger"
  52                               i18n>
  53                               This will delete all the data in the pools!
  54               </cd-alert-panel>
  55             </div>
  56           </div>
  57         </ng-container>
  58       </div>
  59
  60       <div class="modal-footer">
  61         <cd-form-button-panel (submitActionEvent)="submit()"
  62                               [form]="zonegroupForm"
  63                               [submitText]="actionLabels.DELETE ">
  64         </cd-form-button-panel>
  65       </div>
  66     </form>
  67   </ng-container>
  68
  69 </cd-modal>
  70
  71 <ng-template #noPoolsConfirmation>
  72   <label class="custom-control-label"
  73          for="deletePools"
  74          i18n>Yes, I want to delete the zones.</label>
  75 </ng-template>