[Usage-Counts | Trunk]: Add header on app component

src/app/app.component.html

@@ -1,4 +1,4 @@
-<navbar *ngIf= "showMenu" portal="usage-counts" [onlyTop]="false" [userMenu]="false" [showLogo]="!isHome"
+<navbar *ngIf= "showMenu && header" [header]="header" [onlyTop]="false" [userMenu]="false" [showLogo]="!isHome"
         [user]="user" [userMenuItems]=userMenuItems [menuItems]=menuItems [properties]=properties></navbar>
 <div class="custom-main-content">
     <main [class.full-height]="isHome">

src/app/app.component.ts

@@ -4,6 +4,7 @@ import {EnvProperties} from './openaireLibrary/utils/properties/env-properties';
 import {User} from './openaireLibrary/login/utils/helper.class';
 import {properties} from '../environments/environment';
 import {LayoutService} from './services/layout.service';
+import {Header} from './openaireLibrary/sharedComponents/navigationBar.component';
 
 @Component({
   selector: 'app',
@@ -20,6 +21,8 @@ export class AppComponent implements OnInit {
   showMenu: boolean = false;
   user: User;
   isHome: boolean;
+  header: Header;
+  logoPath: string = 'assets/common-assets/';
   
   constructor(private layoutService: LayoutService) {}
   
@@ -29,6 +32,15 @@ export class AppComponent implements OnInit {
     this.showMenu = true;
     this.layoutService.isHome.subscribe(isHome => {
       this.isHome = isHome
+      this.header = {
+        route: "/",
+        url: null,
+        title: 'usage-counts',
+        logoUrl: this.logoPath + 'logo-large-usage-counts.png',
+        logoSmallUrl:this.logoPath + 'logo-small-usage-counts.png',
+        position:'left',
+        badge:true
+      };
       this.buildMenu(isHome);
     });
   }

src/app/services/layout.service.ts

@@ -7,7 +7,7 @@ import {BehaviorSubject, Observable} from 'rxjs';
 })
 export class LayoutService {
   
-  private isHomeSubject: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(false);
+  private isHomeSubject: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(true);
   
   constructor(private router: Router) {
     this.router.events.subscribe(event => {