Merge pull request ceph#66049 from rhcs-dashboard/table-overview-redirect

mgr/dashboard: generic redirect link for a table item

Reviewed-by: Naman Munet <[email protected]>

Author: nizamial09

src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table/table.component.html

@@ -477,3 +477,9 @@
   </div>
   }
 </ng-template>
+
+<ng-template #redirectTpl
+             let-value="data.value"
+             let-column="data.column">
+  <a [routerLink]="column.customTemplateConfig?.redirectLink">{{value}}</a>
+</ng-template>

src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table/table.component.ts

@@ -90,6 +90,8 @@ export class TableComponent implements AfterViewInit, OnInit, OnChanges, OnDestr
   tableActionTpl: TemplateRef<any>;
   @ViewChild('editingTpl', { static: true })
   editingTpl: TemplateRef<any>;
+  @ViewChild('redirectTpl', { static: true })
+  redirectTpl: TemplateRef<any>;
 
   @ContentChild(TableDetailDirective) rowDetail!: TableDetailDirective;
   @ContentChild(TableActionsComponent) tableActions!: TableActionsComponent;
@@ -862,6 +864,7 @@ export class TableComponent implements AfterViewInit, OnInit, OnChanges, OnDestr
     this.cellTemplates.tooltip = this.tooltipTpl;
     this.cellTemplates.copy = this.copyTpl;
     this.cellTemplates.editing = this.editingTpl;
+    this.cellTemplates.redirect = this.redirectTpl;
   }
 
   useCustomClass(value: any): string {

src/pybind/mgr/dashboard/frontend/src/app/shared/enum/cell-template.enum.ts

@@ -99,5 +99,18 @@ export enum CellTemplate {
   Also need to pass forceIdentifer=true and also a unique identifier prop like
   identifier="uid" to the table in some cases to avoid issues.
   */
-  editing = 'editing'
+  editing = 'editing',
+  /*
+  This template let's you provide a redirect url and let you redirect from when you click
+  on the cell item. The redirect link can be provided in the customTemplateConfig
+  // {
+  //    ...
+  //    cellTransformation: CellTemplate.redirect,
+  //    customTemplateConfig: {
+  //          redirectLink: ['dashboard', 'overview'],
+  //    }
+  //    ...
+  // }
+  */
+  redirect = 'redirect'
 }