From: Ole Artz <ole.artz@t-online.de>
Date: Thu, 17 Aug 2017 13:15:07 +0000 (+0200)
Subject: DASH: adding navigation menu on top of page
X-Git-Url: https://jspc29.x-matter.uni-frankfurt.de/git/?a=commitdiff_plain;h=90904b3df11b1a993c424df1f0a4718b24977f83;p=mvd_epics.git

DASH: adding navigation menu on top of page
---

diff --git a/python_suite/dashboard/static/css/style.css b/python_suite/dashboard/static/css/style.css
index d347cdc..7384701 100644
--- a/python_suite/dashboard/static/css/style.css
+++ b/python_suite/dashboard/static/css/style.css
@@ -36,6 +36,32 @@ table, th {
   text-align: left;
 }
 
+/* MENU_BAR*/
+.menu_bar {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    background-color: #0509fc;
+}
+
+.menu_bar a {
+    color: white;
+    text-align: left;
+    padding: 14px 16px;
+    text-decoration: none;
+}
+
+.menu_bar a:hover:not {
+    background-color: #111;
+}
+
+.menu_bar {
+    cursor: pointer;
+}
+.active {
+    background-color:#4CAF50;
+}
 /* ALARMS */
 .invalid_alarm:after {
   content: "- invalid -";
diff --git a/python_suite/dashboard/views/pv_overview.jinja2 b/python_suite/dashboard/views/pv_overview.jinja2
index 1842dca..5d005d6 100644
--- a/python_suite/dashboard/views/pv_overview.jinja2
+++ b/python_suite/dashboard/views/pv_overview.jinja2
@@ -12,6 +12,11 @@
 			<a href="http://www.fair-center.eu/for-users/experiments/cbm-and-hades/cbm.html"><img src="/static/images/cbm_logo.png" alt="logo" class="cbm"/></a>
 			<h1>PRESTO - Overview<br/> Prototype of the Second Station of the Micro Vertex Detector of the Compressed Baryonic Matter</h1>
 		</div>
+		<nav class="menu_bar">
+			{% for page in config.pages %}
+			<a class="{{ 'active' if page == req_page else '' }}" href="/list/{{ page }}">{{ config.pages[page].name }}</a>
+			{% endfor %}
+		</nav>
 		<div id="PVs">
 			{% set page = config.pages[req_page] %}
 			{% for group in page.groups %}