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 <[email protected]>

Author: aaSharma14

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`
       })
     };

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)
     );
   }