From b52ef0730631b72d8d5062eb378a4d1e891d97f6 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Mon, 8 Jan 2024 16:59:32 +0200
Subject: [PATCH] [angular-16-irish-monitor | ADDED]: Add environment badge in
 header of navbar

---
 sharedComponents/navigationBar.component.html | 10 +++++++---
 sharedComponents/navigationBar.component.ts   |  7 +++++++
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/sharedComponents/navigationBar.component.html b/sharedComponents/navigationBar.component.html
index ba758807..cb69a3d2 100644
--- a/sharedComponents/navigationBar.component.html
+++ b/sharedComponents/navigationBar.component.html
@@ -149,11 +149,15 @@
   <div id="main-menu" class="uk-visible@m">
     <div *ngIf="activeHeader" [class.uk-light]='activeHeader.darkBg'>
       <div class="uk-navbar-container" uk-sticky>
-        <div *ngIf="(properties.environment =='beta' || properties.environment =='development') && showLogo  && activeHeader.badge">
-          <img class="uk-position-top-left"
+        <a *ngIf="(properties.environment =='beta' || properties.environment =='development') && showLogo  && activeHeader.badge"
+           [routerLink]="activeHeader.environmentBadge?.routerLink?activeHeader.environmentBadge.routerLink:null" target="_blank">
+          <img *ngIf="!activeHeader.environmentBadge" class="uk-position-top-left"
                [src]="'assets/common-assets/'+(properties.environment =='beta'?'beta_flag.svg':'prototype_flag.svg')"
                alt="BETA" style="height: 65px; width: 65px; z-index: 1000">
-        </div>
+          <img *ngIf="activeHeader.environmentBadge" class="uk-position-top-left"
+               [src]="activeHeader.environmentBadge.asset" [alt]="properties.environment"
+               style="height: 75px; width: 75px; z-index: 1000">
+        </a>
         <div class="uk-container uk-container-expand">
           <nav class="uk-navbar" uk-navbar="delay-hide: 400">
             <ng-container *ngIf="!onlyTop">
diff --git a/sharedComponents/navigationBar.component.ts b/sharedComponents/navigationBar.component.ts
index d2ed7fb6..436ac0a6 100644
--- a/sharedComponents/navigationBar.component.ts
+++ b/sharedComponents/navigationBar.component.ts
@@ -24,6 +24,12 @@ import {RouterHelper} from "../utils/routerHelper.class";
 
 declare var UIkit;
 
+export interface Badge {
+  asset: string,
+  routerLink?: string,
+  external?: boolean
+}
+
 export interface Header {
   route?: string,
   url?: string,
@@ -33,6 +39,7 @@ export interface Header {
   logoInfo?: string,
   position: 'left' | 'center' | 'right',
   badge: boolean,
+  environmentBadge?: Badge,
   darkBg?: boolean,
   menuPosition?:  'center' | 'right',
   replaceHeader?: Header;