Merge pull request #29 from catenax-ng/fix/TRACEFOSS-891-error-header

TRACEFOSS-891: fixed header for error pages

Author: ds-ext-dskrzypczak

src/app/modules/core/layout/header/header.component.html

@@ -44,7 +44,7 @@
     <app-breadcrumbs></app-breadcrumbs>
   </div>
 
-  <div class="header--app-header">
+  <div *ngIf="activeMenu" class="header--app-header">
     <h3>{{ 'pageTitle.' + activeMenu | i18n }}</h3>
   </div>
 

src/app/modules/core/layout/header/header.component.ts

@@ -41,8 +41,8 @@ export class HeaderComponent {
     admin: 'apps',
   };
 
-  constructor(private readonly router: Router) {
-    this.router.events
+  constructor(router: Router) {
+    router.events
       .pipe(filter(event => event instanceof NavigationEnd))
       .subscribe(({ urlAfterRedirects, url }: NavigationEnd) => {
         const currentUrl = urlAfterRedirects ?? url;

src/app/modules/page/error-page/presentation/error-page.component.ts

@@ -21,9 +21,9 @@
 
 import { Component } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
-import { map } from 'rxjs/operators';
 import { RoleService } from '@core/user/role.service';
 import { LayoutFacade } from '@shared/abstraction/layout-facade';
+import { map } from 'rxjs/operators';
 
 @Component({
   selector: 'app-error',
@@ -42,13 +42,12 @@ export class ErrorPageComponent {
     private readonly activatedRoute: ActivatedRoute,
     private readonly layoutFacade: LayoutFacade,
   ) {
-    const errorPage = activatedRoute.data.pipe(map(d => d.errorPage));
-    errorPage.subscribe({
-      next: (errorPage: any) => {
-        if (errorPage && errorPage.type) {
-          this.title = errorPage.type + '.title';
-          this.message = errorPage.type + '.message';
-        }
+    const errorPage$ = activatedRoute.data.pipe(map(d => d.errorPage));
+    errorPage$.subscribe({
+      next: (errorPage: Record<string, string>) => {
+        if (!errorPage?.type) return;
+        this.title = errorPage.type + '.title';
+        this.message = errorPage.type + '.message';
       },
     });
 

src/assets/locales/de/page.error-page.json

@@ -1,17 +1,17 @@
 {
   "errorPage": {
-    "title": "Fehler Seite",
-    "message": "TBD: Something went wrong."
+    "title": "Unerwarteter Fehler",
+    "message": "Etwas scheint schief gelaufen zu sein."
   },
   "pageNotFound": {
-    "title": "TBD: Page not found",
-    "message": "Die von Ihnen angeforderte Seite konnte nicht gefunden werden."
+    "title": "Die Seite wurde nicht gefunden",
+    "message": "Die von Ihnen aufgerufene Seite konnte nicht gefunden werden."
   },
   "noPermissions": {
-    "title": "TBD: No permissions",
-    "message": "TBD: You don't have access to this page. Please contact with your admin."
+    "title": "Die Seite wurde nicht gefunden",
+    "message": "Sie haben keinen Zugriff auf diese Seite. Bitte wenden Sie sich an Ihren Administrator."
   },
   "actions": {
-    "homepage": "TBD: Home page"
+    "homepage": "Dashboard"
   }
 }

src/assets/locales/en/page.error-page.json

@@ -12,6 +12,6 @@
     "message": "You don't have access to this page. Please contact with your admin."
   },
   "actions": {
-    "homepage": "Home page"
+    "homepage": "Dashboard"
   }
 }