diff options
Diffstat (limited to 'webapp/src/app/@theme/components')
3 files changed, 30 insertions, 6 deletions
diff --git a/webapp/src/app/@theme/components/footer/footer.component.ts b/webapp/src/app/@theme/components/footer/footer.component.ts index 8e1e825..1e3d704 100644 --- a/webapp/src/app/@theme/components/footer/footer.component.ts +++ b/webapp/src/app/@theme/components/footer/footer.component.ts @@ -6,8 +6,6 @@ import { Component } from '@angular/core'; template: ` <span class="created-by">Created by <b><a href="http://iot.bzh" target="_blank">IoT.bzh</a></b> 2017 - - <span style="font-size: small;">(powered by <a href="https://github.com/akveo/ngx-admin" target="_blank">akveo/ngx-admin</a>)</span> </span> <!-- MODS_XDS <div class="socials"> diff --git a/webapp/src/app/@theme/components/header/header.component.html b/webapp/src/app/@theme/components/header/header.component.html index 4fa66b8..2cbde26 100644 --- a/webapp/src/app/@theme/components/header/header.component.html +++ b/webapp/src/app/@theme/components/header/header.component.html @@ -24,7 +24,8 @@ </nb-action> <nb-action class="control-item" disabled icon="nb-notifications"> </nb-action> - <nb-action icon="fa fa-question-circle-o"> + <nb-action> + <nb-user [menu]="helpMenu" [name]="helpName" [showInitials]="true" [showName]="false" (menuClick)=helpClick($event)></nb-user> </nb-action> <!-- MODS_XDS diff --git a/webapp/src/app/@theme/components/header/header.component.ts b/webapp/src/app/@theme/components/header/header.component.ts index e2a84cb..4a9ac0f 100644 --- a/webapp/src/app/@theme/components/header/header.component.ts +++ b/webapp/src/app/@theme/components/header/header.component.ts @@ -5,6 +5,9 @@ import { NbMenuService, NbSidebarService } from '@nebular/theme'; import { UserService } from '../../../@core-xds/services/users.service'; import { AnalyticsService } from '../../../@core/utils/analytics.service'; +import { NgbModal } from '@ng-bootstrap/ng-bootstrap'; +import { AboutModalComponent } from '../../../pages/about/about-modal/about-modal.component'; + @Component({ selector: 'ngx-header', styleUrls: ['./header.component.scss'], @@ -19,10 +22,23 @@ export class HeaderComponent implements OnInit { userMenu = [{ title: 'Profile' }, { title: 'Log out' }]; + // XDS_MODS - FIXME: better to define own XDS component instead of reuse nb-user + helpName = '?'; + helpMenu = [ + { + title: 'Online XDS documentation', + target: '_blank', + url: 'http://docs.automotivelinux.org/docs/devguides/en/dev/#xcross-development-system-user\'s-guide', + }, + { title: 'About' }, + ]; + constructor(private sidebarService: NbSidebarService, - private menuService: NbMenuService, - private userService: UserService, - private analyticsService: AnalyticsService) { + private menuService: NbMenuService, + private userService: UserService, + private analyticsService: AnalyticsService, + private modalService: NgbModal, + ) { } ngOnInit() { @@ -48,4 +64,13 @@ export class HeaderComponent implements OnInit { startSearch() { this.analyticsService.trackEvent('startSearch'); } + + // XDS_MODS + helpClick($event: any) { + if ($event.title === 'About') { + // FIXME SEB - move code in XDS part + const activeModal = this.modalService.open(AboutModalComponent, { size: 'lg', container: 'nb-layout' }); + } + + } } |