From ef65f0fefeab974ec06426f289469c45e804678a Mon Sep 17 00:00:00 2001
From: Koren Lev <korenlev@gmail.com>
Date: Wed, 16 Aug 2017 11:33:56 +0300
Subject: scans,messages - default latest time first, tree as drawer, env
 re-arranged

Change-Id: Ib6bc2e6d87821c3583b6a0521b759cedcf3a9868
Signed-off-by: Koren Lev <korenlev@gmail.com>
---
 .../ui/components/accordion-nav-menu/accordion-nav-menu.html | 12 +++++++++++-
 .../ui/components/accordion-nav-menu/accordion-nav-menu.js   |  6 ++++++
 .../ui/components/accordion-nav-menu/accordion-nav-menu.styl |  8 ++++++++
 3 files changed, 25 insertions(+), 1 deletion(-)

(limited to 'ui/imports/ui/components/accordion-nav-menu')

diff --git a/ui/imports/ui/components/accordion-nav-menu/accordion-nav-menu.html b/ui/imports/ui/components/accordion-nav-menu/accordion-nav-menu.html
index d4cf5de..9a75637 100644
--- a/ui/imports/ui/components/accordion-nav-menu/accordion-nav-menu.html
+++ b/ui/imports/ui/components/accordion-nav-menu/accordion-nav-menu.html
@@ -10,12 +10,21 @@
  -->
 <template name="accordionNavMenu">
   <nav class="os-accordion-nav-menu">
+    {{#if showCollapsed }}
+    <div class="sm-collapsed-menu">
+      <a class="sm-menu-toggle-btn">
+        <i class="material-icons">menu</i>
+      </a>
+    </div>
+    {{else }}
     <div id="left-nav-menu" class="left-nav-menu">
       <div class="menu-header">
         <p>
             {{ envName }}
         </p>
-        <a href="#"><i class="material-icons">menu</i></a>
+        <a class="sm-menu-toggle-btn">
+          <i class="material-icons">menu</i>
+        </a>
       </div>
       <ul class="sm-menu-items-list">
         <li>
@@ -39,5 +48,6 @@
       </ul>
       <div class="menu-footer"> Cisco Systems inc. All rights reserved.</div>
     </div>
+    {{/if }}
   </nav>
 </template>
diff --git a/ui/imports/ui/components/accordion-nav-menu/accordion-nav-menu.js b/ui/imports/ui/components/accordion-nav-menu/accordion-nav-menu.js
index b3bafa2..ba35c73 100644
--- a/ui/imports/ui/components/accordion-nav-menu/accordion-nav-menu.js
+++ b/ui/imports/ui/components/accordion-nav-menu/accordion-nav-menu.js
@@ -61,6 +61,8 @@ Template.accordionNavMenu.onCreated(function () {
       onScrollToNodePerformed: { type: Function },
       onOpenLinkReq: { type: Function },
       onResetNeedChildDetection: { type: Function },
+      onToggleMenu: { type: Function },
+      showCollapsed: { type: Boolean },
     }).validate(data);
   });
 
@@ -86,6 +88,10 @@ Template.accordionNavMenu.events({
   'click .sm-toggle-graph-button': function (_event, _instance) {
     let data = Template.currentData();
     data.onToggleGraphReq();
+  },
+
+  'click .sm-menu-toggle-btn': function (_event, instance) {
+    instance.data.onToggleMenu();
   }
 });
 
diff --git a/ui/imports/ui/components/accordion-nav-menu/accordion-nav-menu.styl b/ui/imports/ui/components/accordion-nav-menu/accordion-nav-menu.styl
index b3c9ef1..8e47e23 100644
--- a/ui/imports/ui/components/accordion-nav-menu/accordion-nav-menu.styl
+++ b/ui/imports/ui/components/accordion-nav-menu/accordion-nav-menu.styl
@@ -9,3 +9,11 @@
     display: flex;
     flex-flow: column;
     align-items: stretch;
+
+  .sm-collapsed-menu
+    padding-top: 10px;
+    padding-left: 3px;
+    
+    a
+      color: white;
+      cursor: pointer;
-- 
cgit 1.2.3-korg