notifications demo

Author: gondzo

package.json

@@ -4,9 +4,9 @@
   "scripts": {
     "ng": "ng",
     "start": "node server.js",
-    "dev": "ng s --project micro-frontends-angular-app --disable-host-check --port 4200 --deploy-url http://localhost:4200/ --live-reload false",
-    "dev-https": "ng s --ssl  --project micro-frontends-angular-app --disable-host-check --port 4200 --deploy-url http://localhost:4200/ --live-reload false",
-    "build-local": "ng build micro-frontends-angular-app --prod --deploy-url http://localhost:4200/",
+    "dev": "ng s --project micro-frontends-angular-app --disable-host-check --port 4200 --host 0.0.0.0 --serve-path /angular/ --deploy-url http://localhost:4200/angular/  --live-reload false",
+    "dev-https": "ng s --ssl  --project micro-frontends-angular-app --disable-host-check --port 4200 --host 0.0.0.0 --serve-path /angular/ --deploy-url http://localhost:4200/angular/ --live-reload false",
+    "build-local": "ng build micro-frontends-angular-app --prod --deploy-url http://localhost:4200/angular/",
     "build": "ng build micro-frontends-angular-app --prod",
     "test": "ng test",
     "lint": "ng lint",

src/app/app.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { setAppMenu } from '@topcoder/micro-frontends-navbar-app';
+import { setAppMenu, setNotificationPlatform, PLATFORM } from '@topcoder/micro-frontends-navbar-app';
 import appMenu from './constants/appMenu';
 
 @Component({
@@ -13,5 +13,6 @@ export class AppComponent implements OnInit {
   ngOnInit(): void {
     // when app starts it should set its side menu structure
     setAppMenu('/micro-frontends-angular-route', appMenu);
+    setNotificationPlatform(PLATFORM.COMMUNITY);
   }
 }

src/app/constants/appMenu.ts

@@ -25,6 +25,12 @@ const appMenu = [
     icon: homeIcon,
     activeIcon: homeActiveIcon,
   },
+  {
+    title: 'View All Notifications',
+    path: '/notifications',
+    icon: homeIcon,
+    activeIcon: homeActiveIcon,
+  },
 ];
 
 export default appMenu;

src/typings.d.ts

@@ -6,6 +6,8 @@ declare module '@topcoder/micro-frontends-navbar-app' {
   export const getAuthUserProfile: any;
   export const disableSidebarForRoute: any;
   export const enableSidebarForRoute: any;
+  export const setNotificationPlatform: (platform: string) => void;
+  export const PLATFORM: { [key: string]: string };
 }
 
 declare module "*.svg" {