gui fixes, trasnparent backgroun on scrollbar

This commit is contained in:
gabryon99 2020-01-29 10:36:17 +01:00
parent 0f9bf472e3
commit 913592a059
3 changed files with 20 additions and 18 deletions

View file

@ -41,8 +41,10 @@ print [[
<div class="col-4 text-left">
<small><A HREF="https://www.ntop.org/products/traffic-analysis/ntop/" target="_blank">]] print(info.product .. ' ' .. getNtopngRelease() .." Edition v.".. info.version) print [[ <i class="fas fa-external-link-alt"></i></A>
| <A HREF="https://github.com/ntop/ntopng"> <i class="fab fa-github"></i> <i class="fas fa-external-link-alt"></i> </A></small>
<small><a href="https://www.ntop.org/products/traffic-analysis/ntop/" target="_blank">]]
print(info.product .. ' ' .. getNtopngRelease() .." Edition v.".. info.version)
print [[ <i class="fas fa-external-link-alt"></i></a>
| <a href="https://github.com/ntop/ntopng"> <i class="fab fa-github"></i> <i class="fas fa-external-link-alt"></i> </A></small>
</div>
<div class="col-4 text-center">
@ -134,9 +136,9 @@ print [[/lua/update_prefs.lua',
});
});
var updatingChart_upload = $(".network-load-chart-upload").peity("line", { width: ]] print(traffic_peity_width) print[[, max: null });
var updatingChart_download = $(".network-load-chart-download").peity("line", { width: ]] print(traffic_peity_width) print[[, max: null, fill: "lightgreen"});
var updatingChart_total = $(".network-load-chart-total").peity("line", { width: ]] print(traffic_peity_width) print[[, max: null});
var updatingChart_upload = $(".network-load-chart-upload").show().peity("line", { width: ]] print(traffic_peity_width) print[[, max: null });
var updatingChart_download = $(".network-load-chart-download").show().peity("line", { width: ]] print(traffic_peity_width) print[[, max: null, fill: "lightgreen"});
var updatingChart_total = $(".network-load-chart-total").show().peity("line", { width: ]] print(traffic_peity_width) print[[, max: null});
var footerRefresh = function() {
$.ajax({
@ -206,7 +208,7 @@ print[[
$('#network-load-clock').html(clock_msg);
var msg = `
<li class='nav-item p-btn'>
<li class='nav-item p-btn mx-2'>
<div class='d-flex'>`;

View file

@ -886,9 +886,9 @@ print([[
<button data-toggle='sidebar' class='btn d-sm-none d-md-none d-lg-none'>
<i class='fas fa-bars'></i>
</button>
<i class="fas fa-ethernet"></i>&nbsp;
<ul class='navbar-nav mr-auto'>
<li class='nav-item dropdown'>
<span class='mr-1'><i class="fas fa-ethernet"></i></span>
<a class="btn btn-outline-dark dropdown-toggle" data-toggle="dropdown" href="#">
]] .. (getHumanReadableInterfaceName(ifname)) .. [[
</a>
@ -1006,7 +1006,7 @@ print([[
if not interface.isPcapDumpInterface() then
print([[
<li class='nav-item mx-2'>
<li class='nav-item w-10 mx-2'>
<div class='info-stats'>
]]..
(function()
@ -1018,12 +1018,12 @@ if not interface.isPcapDumpInterface() then
<a href=']].. ntop.getHttpPrefix() ..[[/lua/if_stats.lua'>
<div class='up'>
<i class="fas fa-arrow-up"></i>
<span class="network-load-chart-upload">0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0</span>
<span style='display: none;' class="network-load-chart-upload">0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0</span>
<span class="text-right" id="chart-upload-text"></span>
</div>
<div class='down'>
<i class="fas fa-arrow-down"></i>
<span class="network-load-chart-download">0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0</span>
<span style='display: none;' class="network-load-chart-download">0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0</span>
<span class="text-right" id="chart-download-text"></span>
</div>
</a>
@ -1031,7 +1031,7 @@ if not interface.isPcapDumpInterface() then
else
return ([[
<a href=']].. ntop.getHttpPrefix() ..[[/lua/if_stats.lua'>
<span class="network-load-chart-total">0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0</span>
<span style='display: none;' class="network-load-chart-total">0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0</span>
<span class="text-right" id="chart-total-text"></span>
</a>
]])