From 0c1d26244e38ebf2593afd8571c5d723968ba853 Mon Sep 17 00:00:00 2001
From: Naman Munet <naman.munet@ibm.com>
Date: Thu, 9 Oct 2025 16:28:11 +0530
Subject: [PATCH] mgr/dashboard: support templates in table component title

fixes: https://tracker.ceph.com/issues/73456

Signed-off-by: Naman Munet <naman.munet@ibm.com>
---
 .../app/shared/datatable/table/table.component.html  |  6 +++++-
 .../app/shared/datatable/table/table.component.ts    | 12 +++++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table/table.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table/table.component.html
index 849f02be658ce..ebc32bf79fbe7 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table/table.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table/table.component.html
@@ -4,7 +4,11 @@
   <cds-table-header *ngIf="headerTitle">
     <h4 cdsTableHeaderTitle
         i18n>
-      {{headerTitle}}
+      @if (isHeaderTitleString) {
+        {{ headerTitle }}
+    } @else {
+      <ng-container *ngTemplateOutlet="headerTitle"></ng-container>
+    }
     </h4>
     <p cdsTableHeaderDescription
        i18n
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table/table.component.ts b/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table/table.component.ts
index 081918b9235d2..f4a41e5d6f419 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table/table.component.ts
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table/table.component.ts
@@ -94,8 +94,15 @@ export class TableComponent implements AfterViewInit, OnInit, OnChanges, OnDestr
   @ContentChild(TableDetailDirective) rowDetail!: TableDetailDirective;
   @ContentChild(TableActionsComponent) tableActions!: TableActionsComponent;
 
+  private _headerTitle: string | TemplateRef<any>;
+  isHeaderTitleString = false;
+
   @Input()
-  headerTitle: string;
+  set headerTitle(value: string | TemplateRef<any>) {
+    this._headerTitle = value;
+    this.isHeaderTitleString = typeof value === 'string';
+  }
+
   @Input()
   headerDescription: string;
   // This is the array with the items to be shown.
@@ -293,6 +300,9 @@ export class TableComponent implements AfterViewInit, OnInit, OnChanges, OnDestr
     return this.selectionType === 'single';
   }
 
+  get headerTitle(): string | TemplateRef<any> {
+    return this._headerTitle;
+  }
   /**
    * Controls if all checkboxes are viewed as selected.
    */
-- 
2.39.5