v3.4.3

New left menu

app/templates/base.html

@@ -48,7 +48,7 @@
 						<li class="p_menu"><a title="Statistics, monitoring and logs" class="stats">Stats</a>			
 							<ul class="v_menu">
 								<li><a href=/app/overview.py title="Server and service status" class="overview-link head-submenu">Overview</a></li>
-								<li><a href=/app/viewsttats.py title"Show stats" class="stats head-submenu">Stats</a></li>
+								<li><a href=/app/viewsttats.py title="Show stats" class="stats head-submenu">Stats</a></li>
 								<li><a href=/app/logs.py title="View logs" class="logs head-submenu"> Logs</a></li>	
 								<li><a href=/app/edit.py title="Runtime API" class="runtime head-submenu">Runtime API</a></li>
 								<li><a href=/app/metrics.py title="Metrics" class="metrics head-submenu">Metrics</a></li>
@@ -115,7 +115,7 @@
 					</ul>
 				</nav>
 				<div class="copyright-menu">
-					HAproxy-WI v3.4.3
+					<a href="https://github.com/aidaho12/haproxy-wi/" title="Github repo" target="_blank" style="color: #fff">HAproxy-WI v3.4.3</a>
 					<br>
 					<a href="https://www.patreon.com/haproxy_wi" title="Donate" target="_blank" style="color: #fff; margin-left: 30px; color: red;" class="patreon">  Patreon</a>
 				</div>
@@ -217,4 +217,4 @@
 			<div id="ajax"></div>
 		</div>			
 	</body>
-</html>
+</html>

inc/script.js

@@ -459,12 +459,12 @@ $( function() {
     var cur_url = '/app/' + location.split('/').pop();
 	cur_url = cur_url.split('?');
 		
-    $('.menu li').each(function () {
-        var link = $(this).find('a').attr('href');
-        if (cur_url[0] == link) {
-            $(this).addClass('current');
-        }
-    });
+   // $('.menu li').each(function () {
+   //     var link = $(this).find('a').attr('href');
+   //     if (cur_url[0] == link) {
+   //         $(this).addClass('current');
+   //     }
+   // });
 	var now = new Date(Date.now());
 	var date1 = now.getHours() * 60 - 1 * 60;
 	var date2 = now.getHours() * 60 + now.getMinutes();
@@ -1502,4 +1502,4 @@ function saveList(action, list, color) {
 			$("#ajax").html(data); 
 		}
 	} );	
-}
+}

inc/style.css

@@ -52,7 +52,7 @@ pre {
 	display: block;
 }
 .top-menu, .footer {
-	background-color: #33414E;
+	background-color: #292e34;
 }
 .logoText {
 	color: #EBF1F1;
@@ -396,21 +396,23 @@ ul{
 }
 .menu {
 	min-height: calc(100vh - 95px);
+	font-size: 18px;
 }
 .menu a{
-	background: #33414e;
+	background: #292e34;
 	color: #fff;
 	padding: 10px;
 	display: block;
 	border-bottom: 1px solid #666;
 	transition: 0.5s all;
+	cursor: pointer;
 }
 .sidebar{
 	width: 200px;
 	margin: 20px;
 }
 .menu a:hover{
-	background: #33414e;
+	background: #48505A;
 	padding: 10px 0 10px 20px;
 	color: #fff;
 }
@@ -435,6 +437,9 @@ ul{
 	transition: 0.5s opacity;
 	z-index: 1001;
 }
+.v_menu a {
+	background-color: #48505A;
+}
 .p_menu:hover .v_menu{
 	opacity: 1;
 	top: 0;
@@ -702,4 +707,4 @@ label {
 .mCSB_container {
 	overflow-y: hidden !important;
 	overflow-x: auto !important;
-}
+}