mirror of
https://github.com/akveo/ngx-admin.git
synced 2025-12-16 15:40:11 +01:00
65 lines
1.7 KiB
HTML
65 lines
1.7 KiB
HTML
<div class="header-container">
|
|
<div class="logo-container">
|
|
<a
|
|
href="#"
|
|
class="sidebar-toggle"
|
|
matRipple
|
|
[matRippleUnbounded]="true"
|
|
[matRippleCentered]="true"
|
|
(click)="toggleSidebar()"
|
|
><nb-icon icon="menu-outline"></nb-icon></a>
|
|
<a class="logo" href="#" (click)="navigateHome()">ngx-<span>admin</span></a>
|
|
</div>
|
|
<nb-select
|
|
status="primary"
|
|
matRipple
|
|
[selected]="currentTheme"
|
|
(selectedChange)="changeTheme($event)"
|
|
>
|
|
<nb-option
|
|
*ngFor="let theme of themes"
|
|
[value]="theme.value"
|
|
matRipple
|
|
>{{ theme.name }}</nb-option>
|
|
</nb-select>
|
|
<ngx-layout-direction-switcher class="direction-switcher"></ngx-layout-direction-switcher>
|
|
</div>
|
|
|
|
<div class="header-container">
|
|
<nb-actions size="small">
|
|
|
|
<nb-action class="control-item">
|
|
<nb-search
|
|
type="rotate-layout"
|
|
matRipple
|
|
[matRippleUnbounded]="true"
|
|
[matRippleCentered]="true"
|
|
></nb-search></nb-action>
|
|
<nb-action
|
|
class="control-item"
|
|
icon="email-outline"
|
|
matRipple
|
|
[matRippleUnbounded]="true"
|
|
[matRippleCentered]="true"
|
|
></nb-action>
|
|
<nb-action
|
|
class="control-item"
|
|
icon="bell-outline"
|
|
matRipple
|
|
[matRippleUnbounded]="true"
|
|
[matRippleCentered]="true"
|
|
></nb-action>
|
|
<nb-action
|
|
class="user-action"
|
|
*nbIsGranted="['view', 'user']"
|
|
matRipple
|
|
[matRippleUnbounded]="true"
|
|
[matRippleCentered]="true">
|
|
<nb-user [nbContextMenu]="userMenu"
|
|
[onlyPicture]="userPictureOnly"
|
|
[name]="user?.name"
|
|
[picture]="user?.picture">
|
|
</nb-user>
|
|
</nb-action>
|
|
</nb-actions>
|
|
</div>
|