diasporadiaries

a platform for writing stories with personal accounts and messages
git clone git://parazyd.org/diasporadiaries.git
Log | Files | Refs | Submodules | README | LICENSE

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:
Mtemplates/nav.html | 18+++++++-----------
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>