From 5e92fdf83bbdff652743f9c73be574023483be1f Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Wed, 2 Mar 2022 12:27:48 +0200
Subject: [PATCH] add featured menu items in the nav bar - dev only

---
 sharedComponents/navigationBar.component.html | 30 +++++++++++++++++--
 sharedComponents/navigationBar.component.ts   | 14 +++++++--
 2 files changed, 40 insertions(+), 4 deletions(-)

diff --git a/sharedComponents/navigationBar.component.html b/sharedComponents/navigationBar.component.html
index 893bb754..9375da32 100644
--- a/sharedComponents/navigationBar.component.html
+++ b/sharedComponents/navigationBar.component.html
@@ -247,8 +247,9 @@
                 </li>
               </ng-container>
 							<!-- Custom menu items -->
-							<ng-container *ngIf="customMenuItems?.length > 0 && properties.environment == 'development'">
-								<ng-container *ngFor="let menu of customMenuItems">
+							<!-- TODO: Add to mobile menu as well! -->
+							<ng-container *ngIf="additionalMenuItems?.length > 0 && properties.environment == 'development'">
+								<ng-container *ngFor="let menu of additionalMenuItems">
 									<li class="uk-parent">
 										<!-- INTERNAL ROOT-->
 										<a *ngIf="menu.type == 'internal' && menu.route && isEnabled([menu.route], showPage)" routerLinkActive="uk-link"
@@ -310,6 +311,31 @@
         </nav>
       </div>
     </div>
+		<!-- New navbar for featured menu items - test only -->
+		<ng-container *ngIf="featuredMenuItems?.length > 0 && properties.environment == 'development'">
+			<div class="featuredNavBar">
+				<ul>
+					<ng-container *ngFor="let item of featuredMenuItems">
+						<li>
+							<!-- INTERNAL -->
+							<a *ngIf="item.type == 'internal' && item.route && isEnabled([item.route], showPage)" routerLinkActive="uk-link"
+							routerLink="{{item.route}}"
+							[queryParams]="item.params"
+							[fragment]="item.fragment"
+							[class.uk-active]="isTheActiveMenuItem(item)">
+						{{item.title}}
+					</a>
+					<!-- EXTERNAL -->
+					<a *ngIf="item.type == 'external' && item.url" routerLinkActive="uk-link"
+							href="{{item.url}}"
+							target="_blank">
+						{{item.title}}
+					</a>
+						</li>
+					</ng-container>
+				</ul>
+			</div>
+		</ng-container>
 
   </div>
   <div class="first_page_section uk-section-default uk-section uk-padding-remove-vertical">
diff --git a/sharedComponents/navigationBar.component.ts b/sharedComponents/navigationBar.component.ts
index be35cb3e..7dc6406c 100644
--- a/sharedComponents/navigationBar.component.ts
+++ b/sharedComponents/navigationBar.component.ts
@@ -51,7 +51,8 @@ export class NavigationBarComponent implements OnInit, OnDestroy {
   showPage = {};
   specialAnnouncementContent: string = null;
 
-	public customMenuItems: MenuItem[] = [];
+	public additionalMenuItems: MenuItem[] = [];
+	public featuredMenuItems: MenuItem[] = [];
 
   constructor(private router: Router,
               private  route: ActivatedRoute,
@@ -109,7 +110,16 @@ export class NavigationBarComponent implements OnInit, OnDestroy {
 			this.subs.push(
 				this._helpContentService.getMenuItems(this.portal).subscribe(
 					data => {
-						this.customMenuItems = data;
+						// Will divide all the custom menu items into 2 arrays.
+						// One for the extra(added next to the hardcoded menu items in the existing nav bar) - additionalMenuItems
+						// One for the featured(new nav bar below the existing one) - featuredMenuItems
+						data.forEach(menuItem => {
+							if(menuItem.isFeatured) {
+								this.featuredMenuItems.push(menuItem);
+							} else {
+								this.additionalMenuItems.push(menuItem);
+							}
+						});
 					},
 					error => this.handleError("Server error fetching custom menu items", error)
 				)