Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-01-19 07:46:09 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: demo version additions

Browse source
This commit is contained in:
Sergey Andrievskiy 2020-03-30 15:07:06 +03:00
commit 0335c543c2
235 changed files with 17451 additions and 1217 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,61 +1,60 @@
<div class="header-container">
<div class="logo-container">
<a
href="#"
class="sidebar-toggle"
matRipple
[matRippleUnbounded]="true"
[matRippleCentered]="true"
(click)="toggleSidebar()"
>
<a href="#"
class="sidebar-toggle"
matRipple
[matRippleUnbounded]="true"
[matRippleCentered]="true"
(click)="toggleSidebar()">
<nb-icon [icon]="(materialTheme$ | async) ? 'menu-outline' : 'menu-2-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 status="primary"
matRipple
[selected]="currentTheme"
(selectedChange)="changeTheme($event)"
class="theme-select">
<nb-option *ngFor="let theme of themes"
[value]="theme.value"
matRipple>
{{ 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"
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-action class="control-item github-stars">
<span class="subtitle text">Support us: </span>
<iframe src="https://ghbtns.com/github-btn.html?user=akveo&repo=ngx-admin&type=star&count=true"
frameborder="0"
scrolling="0"
width="170px"
height="20px">
</iframe>
</nb-action>
<nb-action class="control-item downloads-count">
<nb-icon icon="download"></nb-icon>
<span class="subtitle number">470.000</span>
</nb-action>
<nb-action class="control-item contact-us">
<a nbButton ghost href="mailto:contact@akveo.com" (click)="trackEmailClick()">
<nb-icon icon="email-outline" pack="eva"></nb-icon>
<span>contact@akveo.com</span>
</a>
</nb-action>
<nb-action class="control-item search">
<nb-search type="rotate-layout"
(click)="startSearch()"
matRipple
[matRippleUnbounded]="true"
[matRippleCentered]="true">
</nb-search>
</nb-action>
<nb-action class="control-item email" icon="email-outline"></nb-action>
<nb-action class="control-item notifications" icon="bell-outline"></nb-action>
<nb-action class="user-action" *nbIsGranted="['view', 'user']" >
<nb-user [nbContextMenu]="userMenu"
[onlyPicture]="userPictureOnly"
[name]="user?.name"