commit cb4fc4d68e995d4a2f84d63304481d54aa871e25
parent 8715a4680458eb6e8d1cddc9bb7588e307ed59b6
Author: parazyd <parazyd@dyne.org>
Date: Mon, 21 Jan 2019 21:22:20 +0100
Add "active" class in nav.html when applicable.
Diffstat:
1 file changed, 7 insertions(+), 11 deletions(-)
diff --git a/templates/nav.html b/templates/nav.html
@@ -9,17 +9,13 @@
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
- <!--
- <li class="nav-item ">
- <a class="nav-link" href="/">Home</a>
- </li>
- -->
+
<li class="nav-item">
- <a class="nav-link" href="/write">Write!</a>
+ <a class="nav-link {% if request.endpoint == 'write' %}active{% endif %}" href="/write">Write!</a>
</li>
<li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+ <a class="nav-link dropdown-toggle {% if request.endpoint == 'country' %}active{% endif %}" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Stories
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
@@ -31,7 +27,7 @@
</div>
</li>
<li class="nav-item">
- <a class="nav-link" href="/contact">Contact</a>
+ <a class="nav-link {% if request.endpoint == 'contact' %}active{% endif %}" href="/contact">Contact</a>
</li>
</ul>
@@ -39,7 +35,7 @@
{% if current_user.is_active %}
{% if current_user.is_admin %}
<li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDashboard" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+ <a class="nav-link dropdown-toggle {% if request.endpoint == 'dashboard' or request.endpoint == 'users' %}active{% endif %}" href="#" id="navbarDashboard" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dashboard
</a>
<div class="dropdown-menu" aria-labelledby="navbarDashboard">
@@ -56,10 +52,10 @@
</li>
{% endif %}
<li class="nav-item">
- <a class="nav-link" href="/profile?id={{ current_user.id }}">Profile</a>
+ <a class="nav-link {% if request.endpoint == 'profile' %}active{% endif %}" href="/profile?id={{ current_user.id }}">Profile</a>
</li>
<li class="nav-item">
- <a class="nav-link" href="/messages">Messages</a>
+ <a class="nav-link {% if request.endpoint == 'messages' %}active{% endif %}" href="/messages">Messages</a>
<li class="nav-item">
<a class="nav-link" href="/logout">Logout</a>
</li>