X-Git-Url: https://gerrit.automotivelinux.org/gerrit/gitweb?a=blobdiff_plain;f=webapp%2Fsrc%2Fapp%2F%40theme%2Flayouts%2Fxds%2Fxds.layout.html;h=ffbe80c2b6419c74ecdfbb7403f52e82d4cec3a7;hb=2c41aae53904c26bc3b4975ab96db3d5ff8413ad;hp=bf2b4e6e3e5f9b3c8a1a68cac04985684a0113d3;hpb=38c0c21a969e621c725245ce91c78e77076c5ce7;p=src%2Fxds%2Fxds-agent.git

diff --git a/webapp/src/app/@theme/layouts/xds/xds.layout.html b/webapp/src/app/@theme/layouts/xds/xds.layout.html
index bf2b4e6..ffbe80c 100644
--- a/webapp/src/app/@theme/layouts/xds/xds.layout.html
+++ b/webapp/src/app/@theme/layouts/xds/xds.layout.html
@@ -4,17 +4,33 @@
     <ngx-header [position]="sidebar.id === 'left' ? 'normal': 'inverse'"></ngx-header>
   </nb-layout-header>
 
-  <nb-sidebar class="menu-sidebar" tag="menu-sidebar" responsive [right]="sidebar.id === 'right'">
+  <nb-sidebar class="menu-sidebar" tag="menu-sidebar" responsive [right]="sidebar.id === 'right'" state="compacted"
+    (mouseenter)="onMouseEnter($event)" (mouseleave)="onMouseLeave($event)">
 
-    <nb-sidebar-header (click)="toogleSidebar()">
-      <!-- XXX - ugly rework -->
+    <nb-sidebar-header (click)="pinSidebar()">
+      <!-- left sidebar -->
+      <!-- FIXME - bug flicking menu
       <nb-actions *ngIf="sidebar.id === 'left'" size="small" class="header-container right">
-        <nb-action *ngIf="!sidebarCompact" icon="fa fa-angle-double-left" style="margin-left: 80%;"></nb-action>
-        <nb-action *ngIf="sidebarCompact" icon="fa fa-angle-double-right"></nb-action>
+        <nb-action id="pin-sidebar" [icon]="(!sidebarPinned || sidebarCompact) ? 'fa fa-angle-double-right':'fa fa-angle-double-left'"
+        [ngbTooltip]="sidebarPinned ? 'Undock the sidebar so it is hidden when no being focused':'Dock the sidebar so you can always see it'" placement="bottom">
+        </nb-action>
       </nb-actions>
+      -->
+      <nb-actions *ngIf="sidebar.id === 'left'" size="small" class="header-container right">
+          <nb-action id="pin-sidebar" icon="fa fa-angle-double-left" placement="bottom" (click)="closeSidebar()">
+          </nb-action>
+      </nb-actions>
+      <!-- right sidebar -->
+      <!-- FIXME - bug flicking menu
+      <nb-actions *ngIf="sidebar.id === 'right'" size="small" class="header-container left">
+        <nb-action id="pin-sidebar" [icon]="(!sidebarPinned || sidebarCompact) ? 'fa fa-angle-double-left':'fa fa-angle-double-right'"
+        [ngbTooltip]="sidebarPinned ? 'Undock the sidebar so it is hidden when no being focused':'Dock the sidebar so you can always see it'" placement="bottom">
+        </nb-action>
+      </nb-actions>
+      -->
       <nb-actions *ngIf="sidebar.id === 'right'" size="small" class="header-container left">
-        <nb-action *ngIf="!sidebarCompact" icon="fa fa-angle-double-right" style="margin-right: 80%;"></nb-action>
-        <nb-action *ngIf="sidebarCompact" icon="fa fa-angle-double-left"></nb-action>
+          <nb-action id="pin-sidebar" icon="fa fa-angle-double-right" placement="bottom" (click)="closeSidebar()">
+          </nb-action>
       </nb-actions>
     </nb-sidebar-header>