Merge pull request #13394 from LeoMorgan113/fix/widget-title-panel

Fix for widgetTitlePanel templateOutlet

ui-ngx/src/app/modules/home/components/widget/lib/chart/bar-chart-with-labels-widget.component.html

@@ -19,7 +19,7 @@
   <div class="tb-bar-chart-overlay" [style]="overlayStyle"></div>
   @if (widgetComponent.dashboardWidget.showWidgetTitlePanel) {
     <div class="tb-widget-title-row flex justify-between">
-      <ng-container *ngTemplateOutlet="widgetComponent.widgetTitlePanel"></ng-container>
+      <ng-container *ngTemplateOutlet="widgetTitlePanel || widgetComponent.widgetTitlePanel"></ng-container>
       <ng-container *ngTemplateOutlet="widgetComponent.widgetHeaderActionsPanel"></ng-container>
     </div>
   } @else {

ui-ngx/src/app/modules/home/components/widget/lib/chart/bar-chart-with-labels-widget.component.ts

@@ -58,6 +58,9 @@ export class BarChartWithLabelsWidgetComponent implements OnInit, OnDestroy, Aft
   @Input()
   ctx: WidgetContext;
 
+  @Input()
+  widgetTitlePanel: TemplateRef<any>;
+
   showLegend: boolean;
   legendClass: string;
 

ui-ngx/src/app/modules/home/components/widget/lib/chart/range-chart-widget.component.html

@@ -19,7 +19,7 @@
   <div class="tb-range-chart-overlay" [style]="overlayStyle"></div>
   @if (widgetComponent.dashboardWidget.showWidgetTitlePanel) {
     <div class="tb-widget-title-row flex justify-between">
-      <ng-container *ngTemplateOutlet="widgetComponent.widgetTitlePanel"></ng-container>
+      <ng-container *ngTemplateOutlet="widgetTitlePanel || widgetComponent.widgetTitlePanel"></ng-container>
       <ng-container *ngTemplateOutlet="widgetComponent.widgetHeaderActionsPanel"></ng-container>
     </div>
   } @else {

ui-ngx/src/app/modules/home/components/widget/lib/chart/range-chart-widget.component.ts

@@ -68,6 +68,9 @@ export class RangeChartWidgetComponent implements OnInit, OnDestroy, AfterViewIn
   @Input()
   ctx: WidgetContext;
 
+  @Input()
+  widgetTitlePanel: TemplateRef<any>;
+
   showLegend: boolean;
   legendClass: string;
 

ui-ngx/src/app/modules/home/components/widget/lib/chart/time-series-chart-widget.component.html

@@ -19,7 +19,7 @@
   <div class="tb-time-series-chart-overlay" [style]="overlayStyle"></div>
   @if (widgetComponent.dashboardWidget.showWidgetTitlePanel) {
     <div class="tb-widget-title-row flex justify-between">
-      <ng-container *ngTemplateOutlet="widgetComponent.widgetTitlePanel"></ng-container>
+      <ng-container *ngTemplateOutlet="widgetTitlePanel || widgetComponent.widgetTitlePanel"></ng-container>
       <ng-container *ngTemplateOutlet="widgetComponent.widgetHeaderActionsPanel"></ng-container>
     </div>
   } @else {

ui-ngx/src/app/modules/home/components/widget/lib/chart/time-series-chart-widget.component.ts

@@ -61,6 +61,9 @@ export class TimeSeriesChartWidgetComponent implements OnInit, OnDestroy, AfterV
   @Input()
   ctx: WidgetContext;
 
+  @Input()
+  widgetTitlePanel: TemplateRef<any>;
+
   horizontalLegendPosition = false;
 
   showLegend: boolean;

ui-ngx/src/app/modules/home/components/widget/lib/maps/map-widget.component.html

@@ -19,7 +19,7 @@
   <div class="tb-map-overlay" [style]="overlayStyle"></div>
     @if (widgetComponent.dashboardWidget.showWidgetTitlePanel) {
       <div class="tb-widget-title-row flex justify-between">
-        <ng-container *ngTemplateOutlet="widgetComponent.widgetTitlePanel"></ng-container>
+        <ng-container *ngTemplateOutlet="widgetTitlePanel || widgetComponent.widgetTitlePanel"></ng-container>
         <ng-container *ngTemplateOutlet="widgetComponent.widgetHeaderActionsPanel"></ng-container>
       </div>
     } @else {

ui-ngx/src/app/modules/home/components/widget/lib/maps/map-widget.component.ts

@@ -21,6 +21,7 @@ import {
   Input,
   OnDestroy,
   OnInit,
+  TemplateRef,
   ViewChild,
   ViewEncapsulation
 } from '@angular/core';
@@ -54,6 +55,9 @@ export class MapWidgetComponent implements OnInit, OnDestroy {
   @Input()
   ctx: WidgetContext;
 
+  @Input()
+  widgetTitlePanel: TemplateRef<any>;
+
   backgroundStyle$: Observable<ComponentStyle>;
   overlayStyle: ComponentStyle = {};
   padding: string;