import 15.2.5

[ceph.git] / ceph / src / pybind / mgr / dashboard / frontend / src / app / shared / components / critical-confirmation-modal / critical-confirmation-modal.component.html

diff --git a/ceph/src/pybind/mgr/dashboard/frontend/src/app/shared/components/critical-confirmation-modal/critical-confirmation-modal.component.html b/ceph/src/pybind/mgr/dashboard/frontend/src/app/shared/components/critical-confirmation-modal/critical-confirmation-modal.component.html
index c6c9304551c307d220a9e91ed73f11cecfa3a0cd..ed834b0897f71556ee2f4d09e7e24c7f8a03eec3 100644 (file)
--- a/ceph/src/pybind/mgr/dashboard/frontend/src/app/shared/components/critical-confirmation-modal/critical-confirmation-modal.component.html
+++ b/ceph/src/pybind/mgr/dashboard/frontend/src/app/shared/components/critical-confirmation-modal/critical-confirmation-modal.component.html
@@ -25,16 +25,18 @@
           <ng-template #noNames>
             <p i18n>Are you sure that you want to {{ actionDescription | lowercase }} the selected {{ itemDescription }}?</p>
           </ng-template>
-          <div class="form-group"
-               [ngClass]="{'has-error': deletionForm.showError('confirmation', formDir)}">
-            <div class="checkbox checkbox-primary">
+          <ng-container *ngTemplateOutlet="childFormGroupTemplate; context:{form:deletionForm}"></ng-container>
+          <div class="form-group">
+            <div class="custom-control custom-checkbox">
               <input type="checkbox"
+                     class="custom-control-input"
                      name="confirmation"
                      id="confirmation"
                      formControlName="confirmation"
                      autofocus>
-              <label i18n
-                     for="confirmation">Yes, I am sure.</label>
+              <label class="custom-control-label"
+                     for="confirmation"
+                     i18n>Yes, I am sure.</label>
             </div>
           </div>
         </div>