Make the application modular to have a "main" and "backend" part.
This commit is contained in:
parent
884f721002
commit
e5b0e1fcfd
28 changed files with 112 additions and 7 deletions
32
app/views/_common/_components/navigation.volt
Normal file
32
app/views/_common/_components/navigation.volt
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
|
||||
<div class="navigation" role="navigation">
|
||||
|
||||
<button class="menu-button" type="button" data-toggle="collapse" data-target="#main-menu" aria-expanded="false" aria-label="Toggle navigation">
|
||||
{{ icon('solid/bars') }}
|
||||
</button>
|
||||
|
||||
<div class="navigation-user-menu">
|
||||
{% if auth.hasIdentity() %}
|
||||
<div class="navigation-user-menu-dropdown">
|
||||
<a id="user-dropdown-button" class="navigation-user-menu-dropdown-button"
|
||||
data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
|
||||
|
||||
{{ icon('solid/user') }} <strong>{{ auth.getUser().username }}</strong>
|
||||
</a>
|
||||
|
||||
<ul aria-labelledby="user-dropdown" class="navigation-user-menu-dropdown-list">
|
||||
<li>{{ link_to(['for': 'user-settings'], '<i class="icon fas fa-cog"></i> Settings') }}</li>
|
||||
<li>{{ link_to('/user/activity', '<i class="icon fas fa-list-alt"></i> Activity') }}</li>
|
||||
<li role="separator" class="divider"></li>
|
||||
<li>{{ link_to(['for': 'logout'], '<i class="icon far fa-times-circle"></i> Log out') }}</li>
|
||||
</ul>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="navigation-user-menu-login">{{ link_to(['for': 'login'], '<i class="icon far fa-arrow-alt-circle-right"></i> Login', 'class': 'login-button') }}</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<nav class="navigation-menu collapse" id="main-menu">
|
||||
{{ menu.render(0) }}
|
||||
</nav>
|
||||
</div>
|
||||
Reference in a new issue