NAS-117789: Prevents errors in ix-page-title-header on one page from disabling...

NAS-117789: Prevents errors in ix-page-title-header on one page from disabling header on all pages (#7007)

src/app/modules/common/layouts/admin-layout/admin-layout.component.ts

@@ -6,7 +6,6 @@ import {
   Component,
   ElementRef,
   OnInit,
-  TemplateRef,
   ViewChild,
   ViewContainerRef,
 } from '@angular/core';
@@ -166,9 +165,15 @@ export class AdminLayoutComponent implements OnInit, AfterViewChecked, AfterView
   ngAfterViewInit(): void {
     this.layoutService.pageHeaderUpdater$
       .pipe(untilDestroyed(this))
-      .subscribe((headerContent: TemplateRef<unknown>) => {
-        this.headerPortalOutlet = new TemplatePortal(headerContent, this.viewContainerRef);
-        this.cdr.detectChanges();
+      .subscribe((headerContent) => {
+        try {
+          this.headerPortalOutlet = new TemplatePortal(headerContent, this.viewContainerRef);
+          this.cdr.detectChanges();
+        } catch (error: unknown) {
+          // Prevents an error on one header from breaking headers on all pages.
+          console.error('Error when rendering page header template', error);
+          this.headerPortalOutlet = null;
+        }
       });
   }
 

src/app/services/layout.service.ts

@@ -8,11 +8,7 @@ import * as domHelper from 'app/helpers/dom.helper';
 export class LayoutService {
   private readonly collapsedMenuClass = 'collapsed-menu';
 
-  private headerUpdater$: ReplaySubject<TemplateRef<unknown>> = new ReplaySubject();
-
-  get pageHeaderUpdater$(): ReplaySubject<TemplateRef<unknown>> {
-    return this.headerUpdater$;
-  }
+  readonly pageHeaderUpdater$ = new ReplaySubject<TemplateRef<unknown>>();
 
   get isMobile(): boolean {
     return window.innerWidth < 960;