mgr/dashboard: add description for default Pool Application select options

Add a description for the default pool application values in the pool creation form i.e cephfs <-> FileSystem, rbd <-> Block, rgw <-> Object.

Fixes: https://tracker.ceph.com/issues/70866
Signed-off-by: Aashish Sharma <aasharma@redhat.com>

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/pool/pool-form/pool-form-data.ts b/src/pybind/mgr/dashboard/frontend/src/app/ceph/pool/pool-form/pool-form-data.ts
index 2c5dc57eb5b30fcc7d37cbad687cc3f72b9456e0..4e7dd8b80925ddc4cd8cccfba723a43270d07184 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/pool/pool-form/pool-form-data.ts
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/pool/pool-form/pool-form-data.ts
@@ -9,6 +9,12 @@ export class PoolFormData {
   crushInfo = false;
   applications: any;
 
+  readonly APP_LABELS: Record<string, string> = {
+    cephfs: 'Filesystem',
+    rbd: 'Block',
+    rgw: 'Object'
+  };
+
   constructor() {
     this.poolTypes = ['erasure', 'replicated'];
     this.applications = {
@@ -26,7 +32,7 @@ export class PoolFormData {
           pattern: $localize`Allowed characters '_a-zA-Z0-9'`,
           maxlength: $localize`Maximum length is 128 characters`
         },
-        filter: $localize`Filter or add applications'`,
+        filter: $localize`Filter or add applications`,
         add: $localize`Add application`
       })
     };

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/pool/pool-form/pool-form.component.ts b/src/pybind/mgr/dashboard/frontend/src/app/ceph/pool/pool-form/pool-form.component.ts
index b7cda346e984bdddfbe3ea78bdcc588f19d407fc..b68d52dfdced32da17c6ae8637bf70356eb9e0b3 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/pool/pool-form/pool-form.component.ts
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/pool/pool-form/pool-form.component.ts
@@ -301,7 +301,7 @@ export class PoolFormComponent extends CdForm implements OnInit {
 
   private setAvailableApps(apps: string[] = this.data.applications.default) {
     this.data.applications.available = _.uniq(apps.sort()).map(
-      (x: string) => new SelectOption(false, x, '')
+      (x: string) => new SelectOption(false, x, this.data.APP_LABELS[x] || x)
     );
   }