1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-08-02 20:15:26 +02:00

navigation merged into left sidebar

This commit is contained in:
Harvey Kandola 2017-09-20 08:10:43 +01:00
parent ea38729f55
commit 775990f040
16 changed files with 149 additions and 261 deletions

View file

@ -1,75 +0,0 @@
<div id="zone-navigation" class="zone-navigation">
<ul id="top-zone" class="top-zone">
{{#if session.hasAccounts}}
<li id="accounts-button" data-tooltip="Switch team" data-tooltip-position="right center">
<div id="accounts-button" class="round-button-mono button-white">
<i class="material-icons">apps</i>
</div>
</li>
{{/if}}
<li id="home-button" class="{{if view.folder 'selected'}}" data-tooltip="Home" data-tooltip-position="right center">
{{#link-to 'folders' tagName="div" class="round-button-mono button-white"}}
<i class="material-icons">home</i>
{{/link-to}}
</li>
<li id="search-button" class="{{if view.search 'selected'}}" data-tooltip="Search" data-tooltip-position="right center">
{{#link-to 'search' tagName="div" class="round-button-mono button-white"}}
<i class="material-icons icon-tool">search</i>
{{/link-to}}
</li>
</ul>
<ul id="pinned-zone" class="pinned-zone">
{{#each pins as |pin|}}
<li {{action 'jumpToPin' pin}} data-id={{pin.id}} id="pin-{{pin.id}}" data-tooltip="{{pin.pin}}" data-tooltip-position="right middle" class="pin"><span class="key">{{pin.pin}}</span></li>
{{/each}}
</ul>
<ul id="bottom-zone" class="bottom-zone">
{{#if session.session.content.authenticated.user.admin}}
<li id="workspace-settings" class="{{if view.settings 'selected'}}" data-tooltip="Settings" data-tooltip-position="right center">
{{#link-to 'customize.general'}}
<div class="round-button-mono button-white">
<i class="material-icons icon-tool">tune</i>
</div>
{{/link-to}}
</li>
{{/if}}
{{#if session.authenticated}}
<li id="user-profile-button" class="{{if view.profile 'selected'}}" data-tooltip="Profile" data-tooltip-position="right center">
{{#link-to 'profile'}}
<div class="round-button-mono button-white">
<i class="material-icons profile-link">{{session.user.initials}}</i>
</div>
{{/link-to}}
</li>
{{#if enableLogout}}
<li id="workspace-logout" data-tooltip="Logout" data-tooltip-position="right center">
{{#link-to 'auth.logout'}}
<div class="round-button-mono button-white">
<i class="material-icons icon-tool">exit_to_app</i>
</div>
{{/link-to}}
</li>
{{/if}}
{{else}}
<li id="workspace-login" data-tooltip="Login" data-tooltip-position="right center">
{{#link-to 'auth.login'}}
<div class="round-button-mono button-white">
<i class="material-icons">lock_open</i>
</div>
{{/link-to}}
</li>
{{/if}}
</ul>
{{#if session.hasAccounts}}
{{#dropdown-menu target="accounts-button" position="bottom right" open="click" }}
<ul class="menu">
{{#each session.accounts as |account|}}
<li class="item" {{action 'switchAccount' account.domain }}>{{account.title}}</li>
{{/each}}
</ul>
{{/dropdown-menu}}
{{/if}}
</div>

View file

@ -1,3 +1,51 @@
<div id="sidebar-wrapper">
<div class="navigation">
{{#link-to 'folders' tagName="div" class="round-button-mono button-white"}}
<i class="material-icons">home</i>
{{/link-to}}
<div class="button-gap" />
{{#link-to 'search' tagName="div" class="round-button-mono button-white"}}
<i class="material-icons icon-tool">search</i>
{{/link-to}}
{{#if session.authenticated}}
{{#if hasPins}}
<div class="button-gap" />
<div class="round-button-mono button-white" id="user-pins-button">
<i class="material-icons">favorite</i>
</div>
{{/if}}
<div class="button-gap" />
<div class="round-button-mono button-white" id="profile-button">
<i class="material-icons profile-link">{{session.user.initials}}</i>
</div>
{{#dropdown-menu target="profile-button" position="bottom left" open="click"}}
<ul class="menu">
{{#link-to 'profile' tagName="li" class="item"}}Profile{{/link-to}}
{{#if session.isAdmin}}
{{#link-to 'customize.general' tagName="li" class="item"}}Settings{{/link-to}}
{{/if}}
{{#if enableLogout}}
<li class="divider"></li>
{{#link-to 'auth.logout' tagName="li" class="item"}}Logout{{/link-to}}
{{/if}}
</ul>
{{/dropdown-menu}}
{{#if hasPins}}
{{#dropdown-menu target="user-pins-button" position="bottom left" open="click"}}
<ul class="menu">
{{#each pins as |pin|}}
<li {{action 'jumpToPin' pin}} data-id={{pin.id}} id="pin-{{pin.id}}" class="item">{{pin.pin}}</li>
{{/each}}
</ul>
{{/dropdown-menu}}
{{/if}}
{{else}}
{{#link-to 'auth.login'}}
<div class="round-button-mono button-white">
<i class="material-icons">lock_open</i>
</div>
{{/link-to}}
{{/if}}
</div>
{{yield}}
</div>