1 files changed, 42 insertions, 0 deletions
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-devices-selection-modal/osd-devices-selection-modal.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-devices-selection-modal/osd-devices-selection-modal.component.html
new file mode 100644
index 000000000..3e53d5c41
--- /dev/null
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-devices-selection-modal/osd-devices-selection-modal.component.html
@@ -0,0 +1,42 @@
+<cd-modal [modalRef]="activeModal">
+  <ng-container class="modal-title"
+                i18n>{{ deviceType }} devices</ng-container>
+
+  <ng-container class="modal-content">
+    <form #frm="ngForm"
+          [formGroup]="formGroup"
+          novalidate>
+      <div class="modal-body">
+        <cd-alert-panel *ngIf="!canSubmit"
+                        type="warning"
+                        size="slim"
+                        [showTitle]="false">
+          <ng-container i18n>At least one of these filters must be applied in order to proceed:</ng-container>
+          <span *ngFor="let filter of requiredFilters"
+                class="badge badge-dark ml-2">
+            {{ filter }}
+          </span>
+        </cd-alert-panel>
+        <cd-inventory-devices #inventoryDevices
+                              [devices]="devices"
+                              [filterColumns]="filterColumns"
+                              [showAvailDeviceOnly]="true"
+                              [hiddenColumns]="['available', 'osd_ids']"
+                              (filterChange)="onFilterChange($event)">
+        </cd-inventory-devices>
+        <div *ngIf="canSubmit">
+          <p class="text-center">
+            <span i18n>Number of devices: {{ filteredDevices.length }}. Raw capacity:
+              {{ capacity | dimlessBinary }}.</span>
+          </p>
+        </div>
+      </div>
+      <div class="modal-footer">
+        <cd-form-button-panel (submitActionEvent)="onSubmit()"
+                              [form]="formGroup"
+                              [disabled]="!canSubmit || filteredDevices.length === 0"
+                              [submitText]="action | titlecase"></cd-form-button-panel>
+      </div>
+    </form>
+  </ng-container>
+</cd-modal>