Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-22 02:10:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Profile creation part done.

Browse source
This commit is contained in:
Anish Gurung 2024-03-21 15:32:11 -07:00
parent 39385049e5
commit f75e93e3eb
10 changed files with 1000 additions and 486 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/app/@theme/components/header/header.component.html
View file

@ -3,24 +3,37 @@
<a (click)="toggleSidebar()" href="#" class="sidebar-toggle">
<nb-icon icon="menu-2-outline"></nb-icon>
</a>
<a class="logo" href="#" (click)="navigateHome()"><span><img src="assets/images/thread.png" alt="My Logo"></span>Resume Tailor</a>
<a class="logo" href="#" (click)="navigateHome()"
><span><img src="assets/images/thread.png" alt="My Logo" /></span>Resume
Tailor</a
>
</div>
<div class="spc"> </div>
<nb-select [selected]="currentTheme" (selectedChange)="changeTheme($event)" status="primary">
<nb-option *ngFor="let theme of themes" [value]="theme.value"> {{ theme.name }}</nb-option>
<div class="spc"></div>
<nb-select
[selected]="currentTheme"
(selectedChange)="changeTheme($event)"
status="primary"
>
<nb-option *ngFor="let theme of themes" [value]="theme.value">
{{ theme.name }}</nb-option
>
</nb-select>
</div>
<div class="header-container">
<nb-actions size="small">
<nb-action class="control-item">
<nb-search type="rotate-layout"></nb-search>
</nb-action>
<nb-action class="control-item" icon="email-outline"></nb-action>
<nb-action class="control-item" icon="bell-outline"></nb-action>
<nb-action class="user-action" *nbIsGranted="['view', 'user']">
<nb-user [nbContextMenu]="userMenu" [onlyPicture]="userPictureOnly" [name]="user?.name" [picture]="user?.picture">
<nb-user
[nbContextMenu]="userMenu"
[onlyPicture]="userPictureOnly"
[name]="user?.name"
[picture]="user?.picture"
>
</nb-user>
</nb-action>
</nb-actions>

32
src/app/@theme/components/header/header.component.ts
View file

@ -1,10 +1,11 @@
import { Component, OnDestroy, OnInit } from '@angular/core';
import { NbMediaBreakpointsService, NbMenuService, NbSidebarService, NbThemeService } from '@nebular/theme';
import { NbMediaBreakpointsService, NbMenuService, NbSidebarService, NbThemeService, NbMenuItem } from '@nebular/theme';
import { UserData } from '../../../@core/data/users';
import { LayoutService } from '../../../@core/utils';
import { map, takeUntil } from 'rxjs/operators';
import { Subject } from 'rxjs';
import { AuthService } from '../../../service/auth.service';
@Component({
selector: 'ngx-header',
@ -26,14 +27,14 @@ export class HeaderComponent implements OnInit, OnDestroy {
value: 'dark',
name: 'Dark',
},
{
value: 'cosmic',
name: 'Cosmic',
},
{
value: 'corporate',
name: 'Corporate',
},
// {
// value: 'cosmic',
// name: 'Cosmic',
// },
// {
// value: 'corporate',
// name: 'Corporate',
// },
];
currentTheme = 'default';
@ -45,7 +46,8 @@ export class HeaderComponent implements OnInit, OnDestroy {
private themeService: NbThemeService,
private userService: UserData,
private layoutService: LayoutService,
private breakpointService: NbMediaBreakpointsService) {
private breakpointService: NbMediaBreakpointsService,
private authService: AuthService) {
}
ngOnInit() {
@ -69,6 +71,12 @@ export class HeaderComponent implements OnInit, OnDestroy {
takeUntil(this.destroy$),
)
.subscribe(themeName => this.currentTheme = themeName);
this.menuService.onItemClick().subscribe((event: { item: NbMenuItem }) => {
if (event.item.title === 'Log out') {
this.logout();
}
});
}
ngOnDestroy() {
@ -91,4 +99,8 @@ export class HeaderComponent implements OnInit, OnDestroy {
this.menuService.navigateHome();
return false;
}
logout(): void {
this.authService.logout();
}
}