Merge pull request ceph#51567 from rhcs-dashboard/remove-card-title

mgr/dashboard: remove title tooltip of cards landing page

Reviewed-by: Avan Thakkar <[email protected]>
Reviewed-by: Nizamudeen A <[email protected]>

Author: nizamial09

src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard-v3/card/card.component.html

@@ -1,6 +1,6 @@
 <div class="card shadow-sm flex-fill">
   <h4 class="card-title mt-4 ms-4 mb-0">
-    {{ title }}
+    {{ cardTitle }}
   </h4>
   <div class="card-body ps-0 pe-0">
     <ng-content></ng-content>

src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard-v3/card/card.component.spec.ts

@@ -24,7 +24,7 @@ describe('CardComponent', () => {
 
   it('Setting cards title makes title visible', () => {
     const title = 'Card Title';
-    component.title = title;
+    component.cardTitle = title;
     fixture.detectChanges();
     const titleDiv = fixture.debugElement.nativeElement.querySelector('.card-title');
 

src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard-v3/card/card.component.ts

@@ -7,5 +7,5 @@ import { Component, Input } from '@angular/core';
 })
 export class CardComponent {
   @Input()
-  title: string;
+  cardTitle: string;
 }

src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard-v3/dashboard/dashboard-v3.component.html

@@ -1,7 +1,7 @@
 <div class="container-fluid"
      *ngIf="healthData && enabledFeature$ | async as enabledFeature">
   <div class="row mx-0">
-    <cd-card title="Details"
+    <cd-card cardTitle="Details"
              i18n-title
              class="col-sm-3 px-3"
              [ngClass]="{'d-flex': flexHeight}"
@@ -16,7 +16,7 @@
       </dl>
     </cd-card>
 
-    <cd-card title="Status"
+    <cd-card cardTitle="Status"
              i18n-title
              class="col-sm-6 px-3 d-flex"
              aria-label="Status card">
@@ -77,7 +77,7 @@
       </section>
     </cd-card>
 
-    <cd-card title="Capacity"
+    <cd-card cardTitle="Capacity"
              i18n-title
              class="col-sm-3 px-3"
              [ngClass]="{'d-flex': flexHeight}"
@@ -94,7 +94,7 @@
   <!-- Second row -->
   <div class="row mx-0">
     <!-- Inventory Card -->
-    <cd-card title="Inventory"
+    <cd-card cardTitle="Inventory"
              i18n-title
              class="col-sm-3 px-3 d-flex"
              aria-label="Inventory card">
@@ -183,7 +183,7 @@
       </li>
     </cd-card>
 
-    <cd-card title="Cluster utilization"
+    <cd-card cardTitle="Cluster utilization"
              i18n-title
              class="col-sm-9 px-3 d-flex"
              aria-label="Cluster utilization card">

src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard-v3/dashboard/dashboard-v3.component.spec.ts

@@ -225,7 +225,7 @@ describe('Dashbord Component', () => {
 
     getHealthSpy.and.returnValue(of(payload));
     fixture.detectChanges();
-    const clusterStatusCard = fixture.debugElement.query(By.css('cd-card[title="Status"] i'));
+    const clusterStatusCard = fixture.debugElement.query(By.css('cd-card[cardTitle="Status"] i'));
     expect(clusterStatusCard.nativeElement.title).toEqual(`${payload.health.status}`);
 
     // HEALTH_ERR