Browse Source
I move the alert section to the /layouts/header.html template because it was easier to get it to render between the logged-in user's site header and the site's 'normal' header. The site's side-menu (for logged-in users) still needs stuff adding to it -- and tweaking -- but the base style, layout and whatnot is in place.stable
Craig Oates
2 years ago
1 changed files with 123 additions and 40 deletions
@ -1,44 +1,127 @@ |
|||||||
<div> |
{% if roles.logged-in %} |
||||||
{% if roles.logged-in %} |
<div class="be-site-header"> |
||||||
<a href="/dashboard">Dashboard</a> |
<button type="button" |
||||||
<a href="/user/edit">Edit Account</a> |
id="be-site-side-menu-toggle" |
||||||
{% if roles.administrator %} |
onclick="toggleSiteSideMenu()"> |
||||||
<a href="/site-settings">Site Settings</a> |
<img alt="Site Side Menu" |
||||||
{% endif %} |
src="/images/icons/site-side-menu.png"> |
||||||
<form action="/logout" method="post"> |
Menu |
||||||
<input required type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}"> |
</button> |
||||||
<input type="submit" value="Log Out"> |
|
||||||
</form> |
<div class="be-user-info"> |
||||||
{% endif %} |
<p><span>Logged in as: </span>{{user.username}}</p> |
||||||
</div> |
</div> |
||||||
<div> |
|
||||||
{% ifequal system-data.first.enable-site-logo 1 %} |
|
||||||
<img alt="{{system-data.first.site-name}}" |
|
||||||
src="/images/site-logo.png"> |
|
||||||
{% endifequal %} |
|
||||||
<h1>{{system-data.first.site-name}}</h1> |
|
||||||
</div> |
</div> |
||||||
|
{% endif %} |
||||||
|
|
||||||
<div> |
{% if roles.logged-in %} |
||||||
<nav> |
<div class="be-site-side-menu" id="be-site-side-menu"> |
||||||
{% for page in system-data.last.first %} |
<div> |
||||||
{% ifequal page.enable-nav-menu 1 %} |
<div> |
||||||
{% if page.slug == "login" %} |
<a class="be-gui-link" href="/dashboard"> |
||||||
<a href="/{{page.slug}}">{{page.title}}</a> |
<img alt="Dashboard" |
||||||
{% elif page.slug == "home" %} |
src="/images/icons/dashboard.png"> |
||||||
<a href="/">{{page.title}}</a> |
Dashboard |
||||||
{% elif page.slug == "archive" %} |
</a> |
||||||
<a href="/{{page.slug}}">{{page.title}}</a> |
</div> |
||||||
{% elif page.slug == "pages" %} |
<div> |
||||||
<a href="/{{page.slug}}">{{page.title}}</a> |
<h2>Archive</h2> |
||||||
{% elif page.slug == "sign-up" %} |
<a class="be-gui-link" href="/create/archive-entry"> |
||||||
<a href="/{{page.slug}}">{{page.title}}</a> |
<img alt="New Page" |
||||||
{% else %} |
src="/images/icons/add-entry.png"> |
||||||
<a href="/view/page/{{page.slug}}">{{page.title}}</a> |
Create Entry |
||||||
|
</a> |
||||||
|
<a class="be-gui-link" href="/user/archive"> |
||||||
|
<img alt="New Page" |
||||||
|
src="/images/icons/manage-archive.png"> |
||||||
|
Archive Index |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<h2>Pages</h2> |
||||||
|
<a class="be-gui-link" href="/create/page"> |
||||||
|
<img alt="New Page" |
||||||
|
src="/images/icons/add-page.png"> |
||||||
|
Add Page |
||||||
|
</a> |
||||||
|
<a class="be-gui-link" href="/user/pages"> |
||||||
|
<img alt="New Page" |
||||||
|
src="/images/icons/manage-pages.png"> |
||||||
|
Pages Index |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<h2>Settings</h2> |
||||||
|
<a class="be-gui-link" href="/user/edit"> |
||||||
|
<img alt="Edit Profile" |
||||||
|
src="/images/icons/profile.png"> |
||||||
|
Edit Account |
||||||
|
</a> |
||||||
|
{% if roles.administrator %} |
||||||
|
<a class="be-gui-link" href="/users"> |
||||||
|
<img alt="Site Settings" |
||||||
|
src="/images/icons/manage-users.png"> |
||||||
|
Manage Users |
||||||
|
</a> |
||||||
|
<a class="be-gui-link" href="/site-settings"> |
||||||
|
<img alt="Site Settings" |
||||||
|
src="/images/icons/settings.png"> |
||||||
|
Site Settings |
||||||
|
</a> |
||||||
{% endif %} |
{% endif %} |
||||||
{% endifequal %} |
</div> |
||||||
{% endfor %} |
<div> |
||||||
</nav> |
<form action="/logout" |
||||||
</div> |
method="post"> |
||||||
|
<input required type="hidden" |
||||||
|
name="AUTHENTICITY-TOKEN" |
||||||
|
value="{{token}}"> |
||||||
|
<button class="be-gui-button" |
||||||
|
type="submit"> |
||||||
|
<img alt="Log Out" |
||||||
|
src="/images/icons/logout.png"> |
||||||
|
Log Out |
||||||
|
</button> |
||||||
|
</form> |
||||||
|
</div> |
||||||
</div> |
</div> |
||||||
<hr> |
{% endif %} |
||||||
|
|
||||||
|
<div id="fe-main"> |
||||||
|
{% if alert %} |
||||||
|
<div class="be-alert-container"> |
||||||
|
{{alert | safe}} |
||||||
|
</div> |
||||||
|
{% endif %} |
||||||
|
|
||||||
|
<div class="fe-site-header"> |
||||||
|
{% ifequal system-data.first.enable-site-logo 1 %} |
||||||
|
<img alt="{{system-data.first.site-name}}" |
||||||
|
src="/images/site-logo.png"> |
||||||
|
{% endifequal %} |
||||||
|
<h1>{{system-data.first.site-name}}</h1> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div> |
||||||
|
<nav> |
||||||
|
{% for page in system-data.last.first %} |
||||||
|
{% ifequal page.enable-nav-menu 1 %} |
||||||
|
{% if page.slug == "login" %} |
||||||
|
<a href="/{{page.slug}}">{{page.title}}</a> |
||||||
|
{% elif page.slug == "home" %} |
||||||
|
<a href="/">{{page.title}}</a> |
||||||
|
{% elif page.slug == "archive" %} |
||||||
|
<a href="/{{page.slug}}">{{page.title}}</a> |
||||||
|
{% elif page.slug == "pages" %} |
||||||
|
<a href="/{{page.slug}}">{{page.title}}</a> |
||||||
|
{% elif page.slug == "sign-up" %} |
||||||
|
<a href="/{{page.slug}}">{{page.title}}</a> |
||||||
|
{% else %} |
||||||
|
<a href="/view/page/{{page.slug}}">{{page.title}}</a> |
||||||
|
{% endif %} |
||||||
|
{% endifequal %} |
||||||
|
{% endfor %} |
||||||
|
</nav> |
||||||
|
</div> |
||||||
|
<hr> |
||||||
|
Loading…
Reference in new issue