[Usage-Counts | Trunk]: Add header on app component
This commit is contained in:
parent
ceee4473ca
commit
0ced2e7174
|
@ -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>
|
[user]="user" [userMenuItems]=userMenuItems [menuItems]=menuItems [properties]=properties></navbar>
|
||||||
<div class="custom-main-content">
|
<div class="custom-main-content">
|
||||||
<main [class.full-height]="isHome">
|
<main [class.full-height]="isHome">
|
||||||
|
|
|
@ -4,6 +4,7 @@ import {EnvProperties} from './openaireLibrary/utils/properties/env-properties';
|
||||||
import {User} from './openaireLibrary/login/utils/helper.class';
|
import {User} from './openaireLibrary/login/utils/helper.class';
|
||||||
import {properties} from '../environments/environment';
|
import {properties} from '../environments/environment';
|
||||||
import {LayoutService} from './services/layout.service';
|
import {LayoutService} from './services/layout.service';
|
||||||
|
import {Header} from './openaireLibrary/sharedComponents/navigationBar.component';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app',
|
selector: 'app',
|
||||||
|
@ -20,6 +21,8 @@ export class AppComponent implements OnInit {
|
||||||
showMenu: boolean = false;
|
showMenu: boolean = false;
|
||||||
user: User;
|
user: User;
|
||||||
isHome: boolean;
|
isHome: boolean;
|
||||||
|
header: Header;
|
||||||
|
logoPath: string = 'assets/common-assets/';
|
||||||
|
|
||||||
constructor(private layoutService: LayoutService) {}
|
constructor(private layoutService: LayoutService) {}
|
||||||
|
|
||||||
|
@ -29,6 +32,15 @@ export class AppComponent implements OnInit {
|
||||||
this.showMenu = true;
|
this.showMenu = true;
|
||||||
this.layoutService.isHome.subscribe(isHome => {
|
this.layoutService.isHome.subscribe(isHome => {
|
||||||
this.isHome = 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);
|
this.buildMenu(isHome);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
|
@ -7,7 +7,7 @@ import {BehaviorSubject, Observable} from 'rxjs';
|
||||||
})
|
})
|
||||||
export class LayoutService {
|
export class LayoutService {
|
||||||
|
|
||||||
private isHomeSubject: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(false);
|
private isHomeSubject: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(true);
|
||||||
|
|
||||||
constructor(private router: Router) {
|
constructor(private router: Router) {
|
||||||
this.router.events.subscribe(event => {
|
this.router.events.subscribe(event => {
|
||||||
|
|
Loading…
Reference in New Issue