mgr/dashboard: fix upgrade's cluster alerts popover

keep the legacy view so that it shows the alert types when opening the
popover

Fixes: https://tracker.ceph.com/issues/73733
Signed-off-by: Nizamudeen A <[email protected]>

Author: nizamial09

src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/upgrade/upgrade.component.html

@@ -59,7 +59,8 @@ <h5>{{ version }}</h5>
             </div>
             <div cdsToggletipContent>
               <div class="cds--popover-scroll-container">
-                <cd-health-checks [healthData]="healthData.health.checks"></cd-health-checks>
+                <cd-health-checks [healthData]="healthData.health.checks"
+                                  [legacyHealthChecks]="true"></cd-health-checks>
               </div>
             </div>
           </cds-toggletip>

src/pybind/mgr/dashboard/frontend/src/app/ceph/shared/health-checks/health-checks.component.html

@@ -7,6 +7,11 @@
   <li *ngFor="let check of healthData |  keyvalue">
     <span [ngStyle]="check.value.severity | healthColor"
           [class.health-warn-description]="check.value.severity === 'HEALTH_WARN'">
-    {{ check.key }}</span>: {{ check.value.summary.message }} <br>
+    @if (legacyHealthChecks) {
+    {{ check.value.type }}
+    } @else {
+    {{ check.key }}
+    }
+  </span>: {{ check.value.summary.message }} <br>
   </li>
 </ul>

src/pybind/mgr/dashboard/frontend/src/app/ceph/shared/health-checks/health-checks.component.ts

@@ -12,6 +12,9 @@ export class HealthChecksComponent {
   @Input()
   healthData: any;
 
+  @Input()
+  legacyHealthChecks = false;
+
   icons = Icons;
 
   permissions: Permissions;