add anonymous menu

Author: chriskapp

projects/fusio-sdk/src/lib/component/bootstrap/bootstrap.component.html

@@ -8,7 +8,13 @@
         <div ngbDropdown class="fusio-header-profile" *ngIf="user">
           <button type="button" class="btn" id="userMenu" ngbDropdownToggle>{{ user.name }} <i class="bi bi-person"></i></button>
           <div ngbDropdownMenu aria-labelledby="userMenu">
-            <button ngbDropdownItem routerLink="{{ item.path }}" *ngFor="let item of menu">{{ item.title }}</button>
+            <button ngbDropdownItem routerLink="{{ item.path }}" *ngFor="let item of userMenu">{{ item.title }}</button>
+          </div>
+        </div>
+        <div ngbDropdown class="fusio-header-profile" *ngIf="!user">
+          <button type="button" class="btn" id="anonymousMenu" ngbDropdownToggle>Anonymous <i class="bi bi-person"></i></button>
+          <div ngbDropdownMenu aria-labelledby="anonymousMenu">
+            <button ngbDropdownItem routerLink="{{ item.path }}" *ngFor="let item of anonymousMenu">{{ item.title }}</button>
           </div>
         </div>
         <div class="fusio-content">

projects/fusio-sdk/src/lib/component/bootstrap/bootstrap.component.ts

@@ -10,13 +10,15 @@ import {Item, NavigationService} from "../../service/navigation.service";
 })
 export class BootstrapComponent implements OnInit {
   user?: User;
-  menu: Array<Item> = [];
+  userMenu: Array<Item> = [];
+  anonymousMenu: Array<Item> = [];
 
   constructor(private userMeta: UserService, private navigation: NavigationService) { }
 
   ngOnInit(): void {
     this.user = this.userMeta.get();
-    this.menu = this.navigation.getUserNavigation();
+    this.userMenu = this.navigation.getUserNavigation();
+    this.anonymousMenu = this.navigation.getAnonymousNavigation();
   }
 
 }

projects/fusio-sdk/src/lib/config/config.ts

@@ -14,6 +14,7 @@ export interface Config {
   loginPath?: string,
   navigation?: Array<GroupItem>,
   userNavigation?: Array<Item>,
+  anonymousNavigation?: Array<Item>,
   accountNavigation?: Array<Item>,
   paymentProvider?: string,
   paymentCurrency?: string,

projects/fusio-sdk/src/lib/service/config.service.ts

@@ -63,6 +63,16 @@ export class ConfigService {
     }];
   }
 
+  public getAnonymousNavigation(): Array<Item> {
+    return this.config.anonymousNavigation || [{
+      title: 'Login',
+      path: '/login'
+    }, {
+      title: 'Register',
+      path: '/register',
+    }];
+  }
+
   public getAccountNavigation(): Array<Item> {
     return this.config.accountNavigation || [{
       title: 'Account',

projects/fusio-sdk/src/lib/service/navigation.service.ts

@@ -18,6 +18,10 @@ export class NavigationService {
     return this.checkPermissionsItems(this.config.getUserNavigation());
   }
 
+  getAnonymousNavigation(): Array<Item> {
+    return this.config.getAnonymousNavigation();
+  }
+
   getAccountNavigation(): Array<Item> {
     return this.checkPermissionsItems(this.config.getAccountNavigation());
   }