From 34a58d3410761027ca135431f72d1dabaea9bec8 Mon Sep 17 00:00:00 2001
From: Denis Arh <denis.arh@gmail.com>
Date: Sat, 6 Mar 2021 08:32:38 +0100
Subject: [PATCH] Add 'active' class to active nav item

---
 auth/assets/templates/authorized-clients.html.tpl | 2 +-
 auth/assets/templates/change-password.html.tpl    | 2 +-
 auth/assets/templates/inc_nav.html.tpl            | 9 ++++-----
 auth/assets/templates/profile.html.tpl            | 2 +-
 auth/assets/templates/sessions.html.tpl           | 2 +-
 5 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/auth/assets/templates/authorized-clients.html.tpl b/auth/assets/templates/authorized-clients.html.tpl
index 9a01c1c34..0ae4c7989 100644
--- a/auth/assets/templates/authorized-clients.html.tpl
+++ b/auth/assets/templates/authorized-clients.html.tpl
@@ -1,4 +1,4 @@
-{{ template "inc_header.html.tpl" . }}
+{{ template "inc_header.html.tpl" set . "activeNav" "clients" }}
 <div class="card-body p-0">
 	{{ template "inc_alerts.html.tpl" .alerts }}
     <h4 class="card-title p-3 border-bottom">Authorized clients</h4>
diff --git a/auth/assets/templates/change-password.html.tpl b/auth/assets/templates/change-password.html.tpl
index 0d1770cce..b49847756 100644
--- a/auth/assets/templates/change-password.html.tpl
+++ b/auth/assets/templates/change-password.html.tpl
@@ -1,4 +1,4 @@
-{{ template "inc_header.html.tpl" . }}
+{{ template "inc_header.html.tpl" set . "activeNav" "security" }}
 <div class="card-body p-0">
 	{{ template "inc_alerts.html.tpl" .alerts }}
 	<h4 class="card-title p-3 border-bottom">Change your password</h4>
diff --git a/auth/assets/templates/inc_nav.html.tpl b/auth/assets/templates/inc_nav.html.tpl
index 177971bf4..ccbaeb901 100644
--- a/auth/assets/templates/inc_nav.html.tpl
+++ b/auth/assets/templates/inc_nav.html.tpl
@@ -15,20 +15,19 @@
 	</div>
 	{{ else if .user }}
 	<ul class="nav ml-1 d-flex justify-content-around">
-	   {{/* @TO-DO Denis -- apply active class to selected nav item */}}
-		<li class="nav-item active">
+		<li class="nav-item {{ if eq .activeNav "profile" }}active{{ end  }}">
 			<a class="nav-link" href="{{ links.Profile }}">Your profile</a>
 		</li>
 		{{ if .settings.LocalEnabled }}
-		<li class="nav-item">
+		<li class="nav-item {{ if eq .activeNav "security" }}active{{ end  }}">
 			<a class="nav-link" href="{{ links.ChangePassword }}">Security</a>
 		</li>
 		{{ end }}
-		<li class="nav-item">
+		<li class="nav-item {{ if eq .activeNav "sessions" }}active{{ end  }}">
 			<a class="nav-link" href="{{ links.Sessions }}">Login sessions</a>
 		</li>
 		{{ if .settings.ExternalEnabled }}
-		<li class="nav-item">
+		<li class="nav-item {{ if eq .activeNav "clients" }}active{{ end  }}">
 			<a class="nav-link" href="{{ links.AuthorizedClients }}">Authorized clients</a>
 		</li>
 		{{ end }}
diff --git a/auth/assets/templates/profile.html.tpl b/auth/assets/templates/profile.html.tpl
index 80fabb655..f128d243d 100644
--- a/auth/assets/templates/profile.html.tpl
+++ b/auth/assets/templates/profile.html.tpl
@@ -1,4 +1,4 @@
-{{ template "inc_header.html.tpl" . }}
+{{ template "inc_header.html.tpl" set . "activeNav" "profile" }}
 <div class="card-body p-0">
 	{{ template "inc_alerts.html.tpl" .alerts }}
 	<h4 class="card-title p-3 border-bottom">Your profile</h4>
diff --git a/auth/assets/templates/sessions.html.tpl b/auth/assets/templates/sessions.html.tpl
index 6d4a2ffb8..085091bbe 100644
--- a/auth/assets/templates/sessions.html.tpl
+++ b/auth/assets/templates/sessions.html.tpl
@@ -1,4 +1,4 @@
-{{ template "inc_header.html.tpl" . }}
+{{ template "inc_header.html.tpl" set . "activeNav" "sessions" }}
 <div class="card-body p-0">
 	{{ template "inc_alerts.html.tpl" .alerts }}
 	    <div class="card-title p-3 border-bottom">