diff options
author | Koren Lev <korenlev@gmail.com> | 2017-08-16 11:33:56 +0300 |
---|---|---|
committer | Koren Lev <korenlev@gmail.com> | 2017-08-16 11:33:56 +0300 |
commit | ef65f0fefeab974ec06426f289469c45e804678a (patch) | |
tree | 38c3ce9fcc62c474b45e5ee8960621cee982b75c /ui/imports/ui/components/accordion-nav-menu | |
parent | 798f7292513d08e0120e52775f0a4952adc7cef3 (diff) |
scans,messages - default latest time first, tree as drawer, env re-arranged
Change-Id: Ib6bc2e6d87821c3583b6a0521b759cedcf3a9868
Signed-off-by: Koren Lev <korenlev@gmail.com>
Diffstat (limited to 'ui/imports/ui/components/accordion-nav-menu')
3 files changed, 25 insertions, 1 deletions
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; |