From 2ad798c38a89a916339eb8c47b2a3e4b9b35d826 Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Mon, 28 Nov 2022 14:24:21 +0200
Subject: [PATCH] add communities' custom menu items for mobile

---
 sharedComponents/navigationBar.component.html | 69 +++++++++++++++++--
 1 file changed, 62 insertions(+), 7 deletions(-)

diff --git a/sharedComponents/navigationBar.component.html b/sharedComponents/navigationBar.component.html
index adab204f..fe40a74d 100644
--- a/sharedComponents/navigationBar.component.html
+++ b/sharedComponents/navigationBar.component.html
@@ -76,9 +76,71 @@
                       <li *ngIf="submenu.route.length == 0 && submenu.url.length == 0 && isEnabled(submenu.entitiesRequired,showEntity) && isEnabled(submenu.routeRequired, showPage)"
                           class="uk-nav-header">{{submenu.title}}</li>
                     </ng-container>
+										<ng-container *ngIf="menu.route === '/' && isFeaturedMenuEnabled && featuredMenuItems?.length > 0">
+											<ng-container *ngFor="let item of featuredMenuItems">
+												<li [class.uk-active]="isTheActiveMenu(item)">
+													<a *ngIf="item.type == 'internal' && item.route && isEnabled([item.route], showPage)"
+														routerLink="{{item.route}}"
+														[queryParams]="item.params"
+														[fragment]="item.fragment"
+														(click)="closeCanvas(canvas)">
+														{{item.title}}
+													</a>
+													<a *ngIf="item.type == 'external' && item.url"
+														href="{{item.url}}" class="custom-external"
+														target="_blank"
+														(click)="closeCanvas(canvas)">
+														{{item.title}}
+													</a>
+												</li>
+											</ng-container>
+										</ng-container>
                   </ul>
                 </li>
               </ng-container>
+							<ng-container *ngIf="isMenuEnabled && additionalMenuItems?.length > 0">
+								<ng-container *ngFor="let menu of additionalMenuItems">
+									<li [class.uk-active]="isTheActiveMenu(menu)">
+										<a *ngIf="menu.type == 'internal' && menu.route && isEnabled([menu.route], showPage)"
+											 routerLink="{{menu.route}}"
+											 [queryParams]="menu.params"
+											 [fragment]="menu.fragment"
+											 (click)="closeCanvas(canvas)">
+											{{menu.title}}
+										</a>
+										<a *ngIf="menu.type == 'external' && menu.url"
+											 href="{{menu.url}}"
+											 target="_blank" class="custom-external"
+											 (click)="closeCanvas(canvas)">
+											{{menu.title}}
+										</a>
+										<a *ngIf="menu.type == 'noAction'">
+											{{menu.title}}
+										</a>
+										<ul class="uk-nav-sub">
+											<ng-container *ngIf="menu.items?.length">
+												<ng-container *ngFor="let submenu of menu.items">
+													<li [class.uk-active]="isTheActiveMenu(submenu)">
+														<a *ngIf="submenu.type == 'internal' && submenu.route && isEnabled([submenu.route], showPage)"
+															 routerLink="{{submenu.route}}"
+															 [queryParams]="submenu.params"
+															 [fragment]="submenu.fragment"
+															 (click)="closeCanvas(canvas)">
+															{{submenu.title}}
+														</a>
+														<a *ngIf="submenu.type == 'external' && submenu.url"
+															 href="{{submenu.url}}"
+															 target="_blank" class="custom-external"
+															 (click)="closeCanvas(canvas)">
+															{{submenu.title}}
+														</a>
+													</li>
+												</ng-container>
+											</ng-container>
+										</ul>
+									</li>
+								</ng-container>
+							</ng-container>
             </ng-container>
           </ul>
           <ng-container *ngIf="userMenu">
@@ -176,25 +238,20 @@
                       </div>
                     </li>
                   </ng-container>
-                  <!-- Custom menu items -->
-                  <!-- TODO: Add to mobile menu as well! -->
                   <ng-container *ngIf="isMenuEnabled && additionalMenuItems?.length > 0">
                     <ng-container *ngFor="let menu of additionalMenuItems">
                       <li class="uk-parent" [class.uk-active]="isTheActiveMenu(menu)">
-                        <!-- INTERNAL ROOT-->
                         <a *ngIf="menu.type == 'internal' && menu.route && isEnabled([menu.route], showPage)"
                            routerLink="{{menu.route}}"
                            [queryParams]="menu.params"
                            [fragment]="menu.fragment">
                           {{menu.title}}
                         </a>
-                        <!-- EXTERNAL ROOT-->
                         <a *ngIf="menu.type == 'external' && menu.url"
                            href="{{menu.url}}"
                            target="_blank" class="custom-external">
                           {{menu.title}}
                         </a>
-                        <!-- NO ACTION ROOT-->
                         <a *ngIf="menu.type == 'noAction'">
                           {{menu.title}}
                         </a>
@@ -205,14 +262,12 @@
                               <ul class="uk-nav uk-navbar-dropdown-nav">
                                 <ng-container *ngFor="let submenu of menu.items">
                                   <li [class.uk-active]="isTheActiveMenu(submenu)">
-                                    <!-- INTERNAL CHILD -->
                                     <a *ngIf="submenu.type == 'internal' && submenu.route && isEnabled([submenu.route], showPage)"
                                        routerLink="{{submenu.route}}"
                                        [queryParams]="submenu.params"
                                        [fragment]="submenu.fragment">
                                       {{submenu.title}}
                                     </a>
-                                    <!-- EXTERNAL CHILD -->
                                     <a *ngIf="submenu.type == 'external' && submenu.url"
                                        href="{{submenu.url}}"
                                        target="_blank" class="custom-external">