mirror of
https://github.com/documize/community.git
synced 2025-07-25 08:09:43 +02:00
[WIP] using new components
This commit is contained in:
parent
b31ab712c1
commit
ec5d21be4a
23 changed files with 439 additions and 224 deletions
68
gui/app/templates/components/layout/nav-bar.hbs
Normal file
68
gui/app/templates/components/layout/nav-bar.hbs
Normal file
|
@ -0,0 +1,68 @@
|
|||
<div id="nav-bar" class="nav-bar clearfix">
|
||||
<div class="row no-gutters">
|
||||
<div class="col col-sm-9">
|
||||
{{#link-to "profile" class='nav-link'}}
|
||||
<div class="nav-title">{{appMeta.title}}</div>
|
||||
<div class="nav-msg text-truncate">{{appMeta.message}}</div>
|
||||
{{/link-to}}
|
||||
</div>
|
||||
<div class="col col-sm-3">
|
||||
<div class="nav-right">
|
||||
<div class="btn-group">
|
||||
{{#link-to "search" class="button-icon-white"}}
|
||||
<i class="material-icons">search</i>
|
||||
{{/link-to}}
|
||||
</div>
|
||||
|
||||
{{#if session.authenticated}}
|
||||
{{#if hasPins}}
|
||||
<div class="button-icon-gap" />
|
||||
<div class="btn-group">
|
||||
<div class="button-icon-white" id="user-pins-button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="material-icons">star</i>
|
||||
</div>
|
||||
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="user-pins-button">
|
||||
{{#if hasSpacePins}}
|
||||
<h6 class="dropdown-header">Spaces</h6>
|
||||
{{#each spacePins as |pin|}}
|
||||
<a class="dropdown-item" href="#" {{action 'jumpToPin' pin}} data-id={{pin.id}} id="pin-{{pin.id}}">{{pin.pin}}</a>
|
||||
{{/each}}
|
||||
{{/if}}
|
||||
{{#if hasDocumentPins}}
|
||||
<h6 class="dropdown-header">Documents</h6>
|
||||
{{#each documentPins as |pin|}}
|
||||
<a class="dropdown-item" href="#" {{action 'jumpToPin' pin}} data-id={{pin.id}} id="pin-{{pin.id}}">{{pin.pin}}</a>
|
||||
{{/each}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<div class="button-icon-gap" />
|
||||
<div class="btn-group">
|
||||
<div class="button-gravatar-white align-text-bottom" id="profile-button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
{{session.user.initials}}
|
||||
</div>
|
||||
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="profile-button">
|
||||
{{#link-to 'profile' class="dropdown-item"}}Profile{{/link-to}}
|
||||
{{#if session.isAdmin}}
|
||||
{{#link-to 'customize.general' class="dropdown-item"}}Settings{{/link-to}}
|
||||
{{/if}}
|
||||
{{#if enableLogout}}
|
||||
<div class="dropdown-divider"></div>
|
||||
{{#link-to 'auth.logout' class="dropdown-item"}}Logout{{/link-to}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
{{else}}
|
||||
<div class="button-icon-gap" />
|
||||
<div class="btn-group">
|
||||
{{#link-to 'auth.login' class="button-icon-white "}}
|
||||
<i class="material-icons">lock_open</i>
|
||||
{{/link-to}}
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
|
@ -1,52 +1 @@
|
|||
<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="button-gap" />
|
||||
<div class="round-button-mono button-white">
|
||||
<i class="material-icons">lock_open</i>
|
||||
</div>
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
</div>
|
||||
{{yield}}
|
||||
</div>
|
||||
{{yield}}
|
Loading…
Add table
Add a link
Reference in a new issue