1 files changed, 41 insertions, 0 deletions
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-flags-modal/osd-flags-modal.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-flags-modal/osd-flags-modal.component.html
new file mode 100644
index 000000000..2ae6460fb
--- /dev/null
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-flags-modal/osd-flags-modal.component.html
@@ -0,0 +1,41 @@
+<cd-modal [modalRef]="activeModal">
+  <ng-container class="modal-title"
+                i18n>Cluster-wide OSD Flags</ng-container>
+
+  <ng-container class="modal-content">
+    <form name="osdFlagsForm"
+          #formDir="ngForm"
+          [formGroup]="osdFlagsForm"
+          novalidate
+          cdFormScope="osd">
+      <div class="modal-body osd-modal">
+        <div class="custom-control custom-checkbox"
+             *ngFor="let flag of flags; let last = last">
+          <input class="custom-control-input"
+                 type="checkbox"
+                 [checked]="flag.value"
+                 (change)="flag.value = !flag.value"
+                 [name]="flag.code"
+                 [id]="flag.code"
+                 [disabled]="flag.disabled">
+          <label class="custom-control-label"
+                 [for]="flag.code"
+                 ng-class="['tc_' + key]">
+            <strong>{{ flag.name }}</strong>
+            <br>
+            <span class="form-text text-muted">{{ flag.description }}</span>
+          </label>
+          <hr class="m-1"
+              *ngIf="!last">
+        </div>
+      </div>
+
+      <div class="modal-footer">
+        <cd-form-button-panel (submitActionEvent)="submitAction()"
+                              [form]="osdFlagsForm"
+                              [showSubmit]="permissions.osd.update"
+                              [submitText]="actionLabels.UPDATE"></cd-form-button-panel>
+      </div>
+    </form>
+  </ng-container>
+</cd-modal>