sporada/nopaque
1
0
Fork 0
mirror of https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git synced 2024-11-15 01:05:42 +00:00
Code Issues Projects Releases Wiki Activity

Use HTML comments in navbar.html.j2

Browse Source
This commit is contained in:
Patrick Jentsch 2024-05-04 17:04:25 +02:00
parent 6025a4a606
commit 991810cff5
1 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
app/templates/_base/navbar.html.j2
View File

@ -1,35 +1,39 @@
<div class="navbar-fixed"> <div class="navbar-fixed">
<nav> <nav>
<div class="nav-wrapper primary-color"> <div class="nav-wrapper primary-color">
{# menu icon #}
{# shown for small/medium devices #}
{% if current_user.is_authenticated %} {% if current_user.is_authenticated %}
<!-- menu icon -->
<!-- small/medium devices -->
<a href="#!" class="sidenav-trigger" data-target="sidenav"><i class="material-icons">menu</i></a> <a href="#!" class="sidenav-trigger" data-target="sidenav"><i class="material-icons">menu</i></a>
{% endif %} {% endif %}
{# nopaque logo+wordmark #} <!-- nopaque logo+wordmark -->
<a href="{{ url_for('main.index') }}" class="brand-logo center" style="height: 100%;"> <!-- small/medium devices -->
<a href="{{ url_for('main.index') }}" class="brand-logo center hide-on-large-only" style="height: 100%;">
<img src="{{ url_for('static', filename='images/nopaque_-_logo+wordmark.png') }}" alt="" class="py-3" style="height: 100%;"> <img src="{{ url_for('static', filename='images/nopaque_-_logo+wordmark.png') }}" alt="" class="py-3" style="height: 100%;">
</a> </a>
<!-- large devices -->
<a href="{{ url_for('main.index') }}" class="brand-logo hide-on-med-and-down" style="height: 100%;">
<img src="{{ url_for('static', filename='images/nopaque_-_logo+wordmark.png') }}" alt="" class="p-3" style="height: 100%;">
</a>
{# right items #} <!-- right aligned navigation links -->
{# shown on large devices #} <!-- large devices -->
<ul class="right hide-on-med-and-down" style="height: 100%;"> <ul class="right hide-on-med-and-down" style="height: 100%;">
{% if current_user.is_authenticated %} {% if current_user.is_authenticated %}
{# avatar, username and email #} <!-- avatar, username and email -->
{# shown for authenticated users #}
<li style="height: 100%;"> <li style="height: 100%;">
<a href="#!" class="dropdown-trigger no-autoinit" data-target="nav-account-dropdown-content" id="nav-account-dropdown-trigger" style="height: 100%;"> <a href="#!" class="dropdown-trigger no-autoinit" data-target="nav-account-dropdown-content" id="nav-account-dropdown-trigger" style="height: 100%;">
<img src="{{ url_for('users.user_avatar', user_id=current_user.id) }}" alt="" class="left circle py-3 mr-1" style="height: 100%;"> <img src="{{ url_for('users.user_avatar', user_id=current_user.id) }}" alt="" class="left circle py-3" style="height: 100%;">
{{ current_user.username }} ({{ current_user.email }}) <span class="ml-1">{{ current_user.username }} ({{ current_user.email }})</span>
</a> </a>
</li> </li>
{% else %} {% else %}
{# log in and register items #} <!-- log in -->
{# shown for unauthenticated users on all devices #}
<li {% if request.path == url_for('auth.login') %}class="active"{% endif %}> <li {% if request.path == url_for('auth.login') %}class="active"{% endif %}>
<a href="{{ url_for('auth.login') }}"><i class="material-icons left">login</i>Log in</a> <a href="{{ url_for('auth.login') }}"><i class="material-icons left">login</i>Log in</a>
</li> </li>
<!-- register -->
<li {% if request.path == url_for('auth.register') %}class="active"{% endif %}> <li {% if request.path == url_for('auth.register') %}class="active"{% endif %}>
<a href="{{ url_for('auth.register') }}"><i class="material-icons left">assignment</i>Register</a> <a href="{{ url_for('auth.register') }}"><i class="material-icons left">assignment</i>Register</a>
</li> </li>