Set scopes nav buttons as active

When loading any scopes view, its nav button becomes active.

7 files changed, 20 insertions, 9 deletions

diff --git a/ogcp/templates/actions/add_center.html b/ogcp/templates/actions/add_center.html
index 59ab450..396e332 100644
--- a/ogcp/templates/actions/add_center.html
+++ b/ogcp/templates/actions/add_center.html
@@ -1,6 +1,8 @@
 {% extends 'scopes.html' %}
 {% import "bootstrap/wtf.html" as wtf %}
 
+{% block nav_center %} active{% endblock %}
+{% block nav_center_add %} active{% endblock %}
 {% block content %}
 
 <h1 class="m-5">{{_('Add center form')}}</h1>
diff --git a/ogcp/templates/actions/add_room.html b/ogcp/templates/actions/add_room.html
index d3ecc8b..0a51fa9 100644
--- a/ogcp/templates/actions/add_room.html
+++ b/ogcp/templates/actions/add_room.html
@@ -1,6 +1,8 @@
 {% extends 'scopes.html' %}
 {% import "bootstrap/wtf.html" as wtf %}
 
+{% block nav_room %} active{% endblock %}
+{% block nav_room_add %} active{% endblock %}
 {% block content %}
 
 <h1 class="m-5">{{_('Add room form')}}</h1>
diff --git a/ogcp/templates/actions/client_details.html b/ogcp/templates/actions/client_details.html
index f06fcda..62d73c7 100644
--- a/ogcp/templates/actions/client_details.html
+++ b/ogcp/templates/actions/client_details.html
@@ -3,6 +3,7 @@
 
 {% block nav_client %} active{% endblock %}
 {% block nav_client_details %} active{% endblock %}
+{% block nav_client_add %}active{% endblock %}
 {% block content %}
 
 <h1 class="m-5">{{_('Client details')}}</h1>
diff --git a/ogcp/templates/actions/delete_center.html b/ogcp/templates/actions/delete_center.html
index 1a52cdd..668bf9c 100644
--- a/ogcp/templates/actions/delete_center.html
+++ b/ogcp/templates/actions/delete_center.html
@@ -1,6 +1,8 @@
 {% extends 'scopes.html' %}
 {% import "bootstrap/wtf.html" as wtf %}
 
+{% block nav_center %} active{% endblock %}
+{% block nav_center_delete %} active{% endblock %}
 {% block content %}
 
 <h1 class="m-5">{{_('Delete center form')}}</h1>
diff --git a/ogcp/templates/actions/delete_client.html b/ogcp/templates/actions/delete_client.html
index 7a144b5..637be21 100644
--- a/ogcp/templates/actions/delete_client.html
+++ b/ogcp/templates/actions/delete_client.html
@@ -2,6 +2,8 @@
 {% import "bootstrap/wtf.html" as wtf %}
 {% import "macros.html" as macros %}
 
+{% block nav_client %} active{% endblock %}
+{% block nav_client_delete %} active{% endblock %}
 {% block content %}
 
 {% set ip_list = form.ips.data.split(' ') %}
diff --git a/ogcp/templates/actions/delete_room.html b/ogcp/templates/actions/delete_room.html
index 1761bb3..fffb25d 100644
--- a/ogcp/templates/actions/delete_room.html
+++ b/ogcp/templates/actions/delete_room.html
@@ -1,6 +1,8 @@
 {% extends 'scopes.html' %}
 {% import "bootstrap/wtf.html" as wtf %}
 
+{% block nav_room %} active{% endblock %}
+{% block nav_room_delete %} active{% endblock %}
 {% block content %}
 
 <h1 class="m-5">{{_('Delete room form')}}</h1>
diff --git a/ogcp/templates/scopes.html b/ogcp/templates/scopes.html
index c4d4740..d565c96 100644
--- a/ogcp/templates/scopes.html
+++ b/ogcp/templates/scopes.html
@@ -17,35 +17,35 @@
 
 {% block commands %}
   <div class="dropdown btn">
-    <button class="btn btn-secondary btn-light dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-expanded="false">
+    <button class="btn btn-secondary btn-light dropdown-toggle {% block nav_client %}{% endblock %}" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-expanded="false">
         {{ _('Client') }}
     </button>
     <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
-      <input class="btn btn-light dropdown-item" type="submit" value="{{ _('Add client') }}"
+      <input class="btn btn-light dropdown-item {% block nav_client_add %}{% endblock %}" type="submit" value="{{ _('Add client') }}"
              form="scopesForm" formaction="{{ url_for('action_client_add') }}" formmethod="get">
-      <input class="btn btn-light dropdown-item" type="submit" value="{{ _('Delete client') }}"
+      <input class="btn btn-light dropdown-item {% block nav_client_delete %}{% endblock %}" type="submit" value="{{ _('Delete client') }}"
              form="scopesForm" formaction="{{ url_for('action_client_delete') }}" formmethod="get">
     </div>
   </div>
   <div class="dropdown btn">
-    <button class="btn btn-secondary btn-light dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-expanded="false">
+    <button class="btn btn-secondary btn-light dropdown-toggle {% block nav_room %}{% endblock %}" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-expanded="false">
         {{ _('Room') }}
     </button>
     <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
-      <input class="btn btn-light dropdown-item" type="submit" value="{{ _('Add room') }}"
+      <input class="btn btn-light dropdown-item {% block nav_room_add %}{% endblock %}" type="submit" value="{{ _('Add room') }}"
              form="scopesForm" formaction="{{ url_for('action_room_add') }}" formmethod="get">
-      <input class="btn btn-light dropdown-item" type="submit" value="{{ _('Delete room') }}"
+      <input class="btn btn-light dropdown-item {% block nav_room_delete %}{% endblock %}" type="submit" value="{{ _('Delete room') }}"
              form="scopesForm" formaction="{{ url_for('action_room_delete') }}" formmethod="get">
     </div>
   </div>
   <div class="dropdown btn">
-    <button class="btn btn-secondary btn-light dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-expanded="false">
+    <button class="btn btn-secondary btn-light dropdown-toggle {% block nav_center %}{% endblock %}" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-expanded="false">
         {{ _('Center') }}
     </button>
     <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
-      <input class="btn btn-light dropdown-item" type="submit" value="{{ _('Add center') }}"
+      <input class="btn btn-light dropdown-item {% block nav_center_add %}{% endblock %}" type="submit" value="{{ _('Add center') }}"
              form="scopesForm" formaction="{{ url_for('action_center_add') }}" formmethod="get">
-      <input class="btn btn-light dropdown-item" type="submit" value="{{ _('Delete center') }}"
+      <input class="btn btn-light dropdown-item {% block nav_center_delete %}{% endblock %}" type="submit" value="{{ _('Delete center') }}"
              form="scopesForm" formaction="{{ url_for('action_center_delete') }}" formmethod="get">
     </div>
   </div>