New left menu
pull/98/head
Aidaho12 2019-01-24 10:18:30 +06:00
parent d34b0c6209
commit 3650b7b54e
3 changed files with 19 additions and 14 deletions

View File

@ -48,7 +48,7 @@
<li class="p_menu"><a title="Statistics, monitoring and logs" class="stats">Stats</a> <li class="p_menu"><a title="Statistics, monitoring and logs" class="stats">Stats</a>
<ul class="v_menu"> <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/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/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/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> <li><a href=/app/metrics.py title="Metrics" class="metrics head-submenu">Metrics</a></li>
@ -115,7 +115,7 @@
</ul> </ul>
</nav> </nav>
<div class="copyright-menu"> <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> <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> <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> </div>

View File

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

View File

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