1 <cd-modal [modalRef]="activeModal">
2 <ng-container i18n="form title"
3 class="modal-title">Delete Zone</ng-container>
5 <ng-container class="modal-content">
9 <div class="modal-body ms-4">
11 This will delete your <strong>{{zone?.name}}</strong> Zone.
13 <ng-container *ngIf="includedPools.size">
16 Do you want to delete the associated pools with the <strong>{{zone?.name}}</strong> Zone?</label>
19 This will delete the following pools and any data stored in these pools:</label>
20 <strong *ngFor="let pool of includedPools"
21 class="block">{{ pool }}</strong>
22 <div class="form-group">
23 <div class="custom-control custom-checkbox mt-2">
24 <input type="checkbox"
25 class="custom-control-input"
28 formControlName="deletePools"
29 (change)="showDangerText()">
30 <label class="custom-control-label"
32 i18n>Yes, I want to delete the pools.</label>
34 <div *ngIf="displayText"
36 <cd-alert-panel type="danger"
38 This will delete all the data in the pools!
45 <div class="modal-footer">
46 <cd-form-button-panel (submitActionEvent)="submit()"
48 [submitText]="actionLabels.DELETE">
49 </cd-form-button-panel>