New dashboard look & feel

[src/xds/xds-agent.git] / webapp / src / app / @theme / components / header / header.component.html

diff --git a/webapp/src/app/@theme/components/header/header.component.html b/webapp/src/app/@theme/components/header/header.component.html
new file mode 100644 (file)
index 0000000..5d5eff6
--- /dev/null
+++ b/webapp/src/app/@theme/components/header/header.component.html
@@ -0,0 +1,32 @@
+<div class="header-container"
+     [class.left]="position === 'normal'"
+     [class.right]="position === 'inverse'">
+  <div class="logo-containter">
+    <a (click)="toggleSidebar()" href="#" class="navigation"><i class="nb-menu"></i></a>
+<!-- MODS_XDS
+    <div class="logo" (click)="goToHome()">ngx-<span>admin</span></div>
+-->
+    <div class="logo" (click)="goToHome()">XDS <span>dashboard</span></div>
+  </div>
+<!-- MODS_XDS
+  <ngx-theme-switcher></ngx-theme-switcher>
+-->
+</div>
+
+<nb-actions
+  size="medium"
+  class="header-container"
+  [class.right]="position === 'normal'"
+  [class.left]="position === 'inverse'">
+  <nb-action icon="nb-grid-b" class="toggle-layout" (click)="toggleSettings()"></nb-action>
+  <nb-action>
+    <nb-user [menu]="userMenu" [name]="user?.name" [picture]="user?.picture"></nb-user>
+  </nb-action>
+  <nb-action class="control-item" disabled icon="nb-notifications"></nb-action>
+<!-- MODS_XDS
+  <nb-action class="control-item" icon="nb-email"></nb-action>
+-->
+  <nb-action class="control-item">
+    <nb-search type="rotate-layout" (click)="startSearch()"></nb-search>
+  </nb-action>
+</nb-actions>