mirror of
https://github.com/ntop/ntopng.git
synced 2026-04-30 16:09:32 +00:00
1dce9e5842
Adds bootstrap-5.0.0-beta3-dist Adds bootstrap-5.0.0 Updates bootstrap-5.0.0-beta3-dist to bootstrap-5.0.0-dist initial migration to bs v5 porting to bs5 improvements on dropdown menu filter fixed host map dropdown removed excessive padding fix button toggle re-add blog news removed text decoration for links fix button layout (#5348) remove underscore from href (#5347)
608 lines
23 KiB
Lua
608 lines
23 KiB
Lua
--
|
|
-- (C) 2013-21 - ntop.org
|
|
--
|
|
|
|
require "os"
|
|
require "lua_utils"
|
|
local ts_utils = require("ts_utils_core")
|
|
|
|
local template = require "template_utils"
|
|
local stats_utils = require("stats_utils")
|
|
local page_utils = require "page_utils"
|
|
|
|
local have_nedge = ntop.isnEdge()
|
|
local info = ntop.getInfo(true)
|
|
local is_admin = isAdministrator()
|
|
local maxSpeed
|
|
|
|
local ifid = interface.getId()
|
|
local _ifstats = interface.getStats()
|
|
|
|
if not interface.isPcapDumpInterface() and not have_nedge then
|
|
-- if the speed in not custom we try to read the speed from the interface
|
|
-- and, as a final resort, we use 1Gbps
|
|
if tonumber(_ifstats.speed) ~= nil then
|
|
maxSpeed = tonumber(_ifstats.speed) * 1e6
|
|
else
|
|
maxSpeed = 1000000000 -- 1 Gbit
|
|
end
|
|
end -- closes interface.isPcapDumpInterface() == false
|
|
|
|
if not info.oem then
|
|
|
|
print ([[
|
|
<hr>
|
|
<footer id="n-footer">
|
|
<div class="container-fluid">
|
|
<div class="row mt-2">
|
|
<div class="col-12 col-md-4 pl-md-0 text-center text-md-start">
|
|
<small>
|
|
<a href="https://www.ntop.org/products/traffic-analysis/ntop/" target="_blank">
|
|
]] .. getNtopngRelease(info) ..[[
|
|
</a>
|
|
</small>
|
|
</div>
|
|
<div class="col-12 col-md-4 text-center">
|
|
<small>]].. ntop.getInfo()["copyright"] ..[[</small>
|
|
]])
|
|
print [[
|
|
</div>
|
|
<div class="col-12 col-md-4 text-center text-md-end pr-md-0">
|
|
<small>
|
|
<i class="fas fa-clock" title="]] print(i18n("about.server_time")) print[["></i> <div class="d-inline-block" id='network-clock'></div> | ]] print(i18n("about.uptime")) print[[: <div class="d-inline-block" id='network-uptime'></div>
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
]]
|
|
|
|
else -- info.oem
|
|
print[[<div class="col-12 text-end">
|
|
<small>
|
|
<i class="fas fa-clock"></i> <div class="d-inline-block" id='network-clock' title="]] print(i18n("about.server_time")) print[["></div> | ]] print(i18n("about.uptime")) print[[: <div class="d-inline-block" id='network-uptime'></div>
|
|
</small>
|
|
</div>]]
|
|
end
|
|
|
|
local traffic_peity_width = "64"
|
|
|
|
if ts_utils.getDriverName() == "influxdb" then
|
|
|
|
local msg = ntop.getCache("ntopng.cache.influxdb.last_error")
|
|
if not isEmptyString(msg) then
|
|
print([[
|
|
<script type="text/javascript">
|
|
$("#influxdb-error-msg-text").html("]].. (msg:gsub('"', '\\"')) ..[[");
|
|
$("#influxdb-error-msg").show();
|
|
</script>
|
|
]])
|
|
end
|
|
end
|
|
|
|
-- Dismiss Notification Code and Toggle Dark theme
|
|
print([[
|
|
<script type='text/javascript'>
|
|
$(document).ready(function() {
|
|
|
|
$(`.notification button.dismiss`).click(function() {
|
|
const $toast = $(this).parents('.notification');
|
|
const id = $toast.data("toastId");
|
|
ToastUtils.dismissToast(id, "]].. ntop.getRandomCSRFValue() ..[[", (data) =>{
|
|
if (data.success) $toast.toast('hide');
|
|
});
|
|
});
|
|
|
|
$(`.toggle-dark-theme`).click(function() {
|
|
const request = $.post(`]].. ntop.getHttpPrefix() ..[[/lua/update_prefs.lua`, {
|
|
action: 'toggle_theme', toggle_dark_theme: ]].. tostring(not page_utils.is_dark_mode_enabled()) ..[[,
|
|
csrf: "]].. ntop.getRandomCSRFValue() ..[["
|
|
});
|
|
request.done(function(res) {
|
|
if (res.success) location.reload();
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
]])
|
|
|
|
-- Restart product code
|
|
if (is_admin and ntop.isPackage() and not ntop.isWindows()) then
|
|
|
|
print(template.gen("modal_confirm_dialog.html", {
|
|
dialog = {
|
|
id = 'restart-modal',
|
|
action = 'restartService()',
|
|
title = i18n("restart.restart_product", {product=info.product}),
|
|
message = i18n("restart.confirm", {product=info.product}),
|
|
custom_alert_class = 'alert alert-danger',
|
|
confirm = i18n('restart.restart'),
|
|
confirm_button = 'btn-danger'
|
|
}
|
|
}))
|
|
|
|
print[[
|
|
<script type="text/javascript">
|
|
|
|
const restartCSRF = ']] print(ntop.getRandomCSRFValue()) print[[';
|
|
const restartService = function() {
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: ']] print (ntop.getHttpPrefix()) print [[/lua/admin/service_restart.lua',
|
|
data: {
|
|
csrf: restartCSRF
|
|
},
|
|
success: function(rsp) {
|
|
alert("]] print(i18n("restart.restarting", {product=info.product})) print[[");
|
|
}
|
|
});
|
|
}
|
|
|
|
$('.restart-service').click(() => {
|
|
$('#restart-modal').modal('show');
|
|
});
|
|
|
|
</script>
|
|
]]
|
|
end
|
|
|
|
|
|
-- render switchable system view
|
|
print([[
|
|
<script type="text/javascript">
|
|
|
|
$(document).ready(function() {
|
|
|
|
// ignore scientific numbers input
|
|
$(`.ignore-scientific`).keypress(function(e) {
|
|
if (e.which != 8 && e.which != 0 && e.which < 48 || e.which > 57) {
|
|
e.preventDefault();
|
|
}
|
|
})
|
|
|
|
ToastUtils.initToasts();
|
|
});
|
|
|
|
const toggleSystemInterface = (isSystemSwitching = false, $form = null) => {
|
|
if($form != null)
|
|
$form.submit();
|
|
else
|
|
console.error("An error has occurred when switching interface!");
|
|
}
|
|
]])
|
|
print([[
|
|
</script>
|
|
]])
|
|
|
|
-- End of Toggle System Interface
|
|
|
|
-- Only show the message if the host protocol/category timeseries are enabled
|
|
local message_enabled = (areHostL7TimeseriesEnabled(ifid) or areHostCategoriesTimeseriesEnabled(ifid)) and
|
|
(ts_utils.getDriverName() ~= "influxdb") and
|
|
(ntop.getPref("ntopng.prefs.disable_ts_migration_message") ~= "1")
|
|
|
|
|
|
-- Import the BlogNotification Utils script only
|
|
-- if ntopng is not in OEM version
|
|
if not info.oem then
|
|
-- Create a CSRF Token to handle the blog notifications
|
|
print([[
|
|
<script type='text/javascript'>
|
|
const blogNotificationCsrf = "]].. ntop.getRandomCSRFValue() ..[[";
|
|
</script>
|
|
<script type='text/javascript' src=']].. ntop.getHttpPrefix() ..[[/js/utils/blog-notification-utils.js?]].. ntop.getStaticFileEpoch() ..[['></script>
|
|
]])
|
|
end
|
|
|
|
print [[
|
|
<script type="text/javascript">
|
|
]]
|
|
|
|
print[[
|
|
var is_historical = false;
|
|
|
|
function checkMigrationMessage(data) {
|
|
const max_local_hosts = 500;
|
|
let enabled = ]] print(ternary(message_enabled, "true", "false")) print[[;
|
|
|
|
if(enabled && (data.num_local_hosts > max_local_hosts))
|
|
$("#move-rrd-to-influxdb").show();
|
|
}
|
|
|
|
$(`[data-toast-id='0'`).on('hide.bs.toast', function() {
|
|
$.post(']] print(ntop.getHttpPrefix()) print[[/lua/update_prefs.lua', {
|
|
csrf: ']] print(ntop.getRandomCSRFValue()) print[[', action: 'disable-telemetry-data'
|
|
});
|
|
});
|
|
|
|
$("#move-rrd-to-influxdb, #host-id-message-warning, #influxdb-error-msg").on("close.bs.alert", function() {
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: ']] print (ntop.getHttpPrefix()) print [[/lua/update_prefs.lua',
|
|
data: {
|
|
csrf: ']] print(ntop.getRandomCSRFValue()) print[[',
|
|
action: this.id,
|
|
ifid: ]] print(string.format("%u", ifid)) print[[,
|
|
}
|
|
});
|
|
});
|
|
|
|
let updatingChart_uploads = [
|
|
$("#n-navbar .network-load-chart-upload").show().peity("line", { width: ]] print(traffic_peity_width) print[[, max: null }),
|
|
$(".mobile-menu-stats .network-load-chart-upload").show().peity("line", { width: ]] print(traffic_peity_width) print[[, max: null }),
|
|
];
|
|
let updatingChart_downloads = [
|
|
$("#n-navbar .network-load-chart-download").show().peity("line", { width: ]] print(traffic_peity_width) print[[, max: null, fill: "lightgreen"}),
|
|
$(".mobile-menu-stats .network-load-chart-download").show().peity("line", { width: ]] print(traffic_peity_width) print[[, max: null, fill: "lightgreen"})
|
|
];
|
|
let updatingChart_totals = [
|
|
$("#n-navbar .network-load-chart-total").show().peity("line", { width: ]] print(traffic_peity_width) print[[, max: null}),
|
|
$(".mobile-menu-stats .network-load-chart-total").show().peity("line", { width: ]] print(traffic_peity_width) print[[, max: null})
|
|
];
|
|
|
|
const footerRefresh = function() {
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: ']]print (ntop.getHttpPrefix()) print [[/lua/rest/v1/get/interface/data.lua',
|
|
data: { ifid: ]] print(tostring(ifid)) print[[ },
|
|
success: function(content) {
|
|
if(content["rc_str"] != "OK") {
|
|
return;
|
|
}
|
|
|
|
const rsp = content["rsp"];
|
|
|
|
try {
|
|
var values = updatingChart_uploads[0].text().split(",")
|
|
var values1 = updatingChart_downloads[0].text().split(",")
|
|
var values2 = updatingChart_totals[0].text().split(",")
|
|
|
|
var pps = rsp.throughput_pps;
|
|
var bps = rsp.throughput_bps * 8;
|
|
var bps_upload = rsp.throughput.upload.bps * 8;
|
|
var bps_download = rsp.throughput.download.bps * 8;
|
|
|
|
values.shift();
|
|
values.push(bps_upload);
|
|
updatingChart_uploads[0].text(values.join(",")).change();
|
|
updatingChart_uploads[1].text(values.join(",")).change();
|
|
values1.shift();
|
|
values1.push(-bps_download);
|
|
updatingChart_downloads[0].text(values1.join(",")).change();
|
|
updatingChart_downloads[1].text(values1.join(",")).change();
|
|
values2.shift();
|
|
values2.push(bps);
|
|
updatingChart_totals[0].text(values2.join(",")).change();
|
|
updatingChart_totals[1].text(values2.join(",")).change();
|
|
var v = bps_upload - bps_download;
|
|
|
|
]]
|
|
|
|
if (interface.isPcapDumpInterface() == false) and (not have_nedge) then
|
|
print[[
|
|
|
|
var v = Math.round(Math.min((bps*100)/]] print(string.format("%u", maxSpeed)) print[[, 100));
|
|
$('.network-load').html(v+"%");
|
|
]]
|
|
end
|
|
|
|
print[[
|
|
$('.chart-upload-text:visible').html(NtopUtils.bitsToSize(bps_upload, 1000));
|
|
$('.chart-download-text:visible').html(NtopUtils.bitsToSize(bps_download, 1000));
|
|
$('.chart-total-text:visible').html(NtopUtils.bitsToSize(bps_upload + bps_download, 1000));
|
|
]]
|
|
|
|
-- systemInterfaceEnabled is defined inside menu.lua
|
|
|
|
print[[
|
|
$('#network-clock').html(`${rsp.localtime}`);
|
|
$('#network-uptime').html(`${rsp.uptime}`);
|
|
|
|
let msg = `<div class='m-2'><div class='d-flex'>`;
|
|
|
|
if (rsp.system_host_stats.cpu_states) {
|
|
const iowait = ']] print(i18n("about.iowait")) print[[: ' + NtopUtils.formatValue(rsp.system_host_stats.cpu_states.iowait) + "%";
|
|
const active = ']] print(i18n("about.active")) print[[: ' + NtopUtils.formatValue(rsp.system_host_stats.cpu_states.user + rsp.system_host_stats.cpu_states.system + rsp.system_host_stats.cpu_states.nice + rsp.system_host_stats.cpu_states.irq + rsp.system_host_stats.cpu_states.softirq + rsp.system_host_stats.cpu_states.guest + rsp.system_host_stats.cpu_states.guest_nice) + "%";
|
|
const idle = ']] print(i18n("about.idle")) print[[: ' + NtopUtils.formatValue(rsp.system_host_stats.cpu_states.idle + rsp.system_host_stats.cpu_states.steal) + "%";
|
|
$('#cpu-states').html(iowait + " / " + active + " / " + idle);
|
|
}
|
|
|
|
if (rsp.system_host_stats.mem_total != undefined) {
|
|
var mem_total = rsp.system_host_stats.mem_total;
|
|
var mem_used = rsp.system_host_stats.mem_used;
|
|
var mem_used_ratio = mem_used / mem_total;
|
|
|
|
mem_used_ratio = mem_used_ratio * 100;
|
|
mem_used_ratio = Math.round(mem_used_ratio * 100) / 100;
|
|
mem_used_ratio = mem_used_ratio + "%";
|
|
|
|
$('#ram-used').html(']] print(i18n("ram_used")) print[[: ' + mem_used_ratio + ' / ]] print(i18n("ram_available")) print[[: ' + NtopUtils.bytesToSize((mem_total - mem_used) * 1024) + ' / ]] print(i18n("ram_total")) print[[: ' + NtopUtils.bytesToSize(mem_total * 1024));
|
|
$('#ram-process-used').html(']] print(i18n("ram_used")) print[[: ' + NtopUtils.bytesToSize(rsp.system_host_stats.mem_ntopng_resident * 1024));
|
|
}
|
|
|
|
if (rsp.system_host_stats.dropped_alerts) {
|
|
const drop_pct = rsp.system_host_stats.dropped_alerts / (rsp.system_host_stats.dropped_alerts + rsp.system_host_stats.written_alerts) * 100;
|
|
$('#dropped-alerts').html(NtopUtils.fint(rsp.system_host_stats.dropped_alerts) + " [" + NtopUtils.fpercent(drop_pct) + "]");
|
|
}
|
|
else {
|
|
$('#dropped-alerts').html("0");
|
|
}
|
|
|
|
$('#stored-alerts').html(rsp.system_host_stats.written_alerts ? NtopUtils.fint(rsp.system_host_stats.written_alerts) : "0");
|
|
$('#alerts-queries').html(rsp.system_host_stats.alerts_queries ? NtopUtils.fint(rsp.system_host_stats.alerts_queries) : "0");
|
|
|
|
if (rsp.system_host_stats.cpu_load !== undefined) $('#cpu-load-pct').html(NtopUtils.ffloat(rsp.system_host_stats.cpu_load));
|
|
|
|
if(rsp.out_of_maintenance) {
|
|
msg += "<a href=\"https://www.ntop.org/support/faq/how-can-i-renew-maintenance-for-commercial-products/\" target=\"_blank\"><span class=\"badge bg-warning\">]] print(i18n("about.maintenance_expired", {product=info["product"]})) print[[ <i class=\"fas fa-external-link-alt\"></i></span></a> ";
|
|
}
|
|
|
|
if(rsp.degraded_performance) {
|
|
msg += "<a href=\"]] print (ntop.getHttpPrefix()) print [[/lua/system_interfaces_stats.lua?page=internals&tab=periodic_activities&periodic_script_issue=any_issue\">"
|
|
msg += "<span class=\"badge bg-warning\"><i class=\"fas fa-exclamation-triangle\" title=\"]] print(i18n("internals.degraded_performance")) print[[\"></i></span></a>";
|
|
}
|
|
|
|
if ((rsp.engaged_alerts > 0 || rsp.alerted_flows > 0) && ]] print(ternary(hasAllowedNetworksSet(), "false", "true")) print[[) {
|
|
|
|
var error_color = "#B94A48";
|
|
|
|
if(rsp.engaged_alerts > 0) {
|
|
msg += "<a href=\"]] print (ntop.getHttpPrefix()) print [[/lua/alert_stats.lua?ifid=]] print(tostring(ifid)) print[[\">"
|
|
msg += "<span class=\"badge bg-danger\"><i class=\"fas fa-exclamation-triangle\"></i> "+NtopUtils.addCommas(rsp.engaged_alerts)+"</span></a>";
|
|
}
|
|
|
|
if(rsp.alerted_flows_warning > 0 && !(systemInterfaceEnabled)) {
|
|
msg += "<a href=\"]] print (ntop.getHttpPrefix()) print [[/lua/flows_stats.lua?alert_type_severity=warning\">"
|
|
msg += "<span class=\"badge bg-warning\">"+NtopUtils.addCommas(rsp.alerted_flows_warning)+ " <i class=\"fas fa-stream\"></i> ]] print[[ <i class=\"fas fa-exclamation-triangle\"></i></span></a>";
|
|
}
|
|
|
|
if(rsp.alerted_flows_error > 0 && !(systemInterfaceEnabled)) {
|
|
msg += "<a href=\"]] print (ntop.getHttpPrefix()) print [[/lua/flows_stats.lua?alert_type_severity=error_or_higher\">"
|
|
msg += "<span class=\"badge bg-danger\">"+NtopUtils.addCommas(rsp.alerted_flows_error)+ " <i class=\"fas fa-stream\"></i> ]] print[[ <i class=\"fas fa-exclamation-triangle\"></i></span></a>";
|
|
}
|
|
}
|
|
|
|
if((rsp.engaged_alerts > 0 || rsp.alerted_flows > 0) && $("#alerts-id").is(":visible") == false) {
|
|
$("#alerts-id").show();
|
|
}
|
|
|
|
if(rsp.ts_alerts && rsp.ts_alerts.influxdb && (!systemInterfaceEnabled)) {
|
|
msg += "<a href=\"]] print (ntop.getHttpPrefix()) print [[/plugins/influxdb_stats.lua?ifid=]] print(tostring(ifid)) print[[&page=alerts#tab-table-engaged-alerts\">"
|
|
msg += "<span class=\"badge bg-danger\"><i class=\"fas fa-database\"></i></span></a>";
|
|
}
|
|
|
|
var alarm_threshold_low = 60; /* 60% */
|
|
var alarm_threshold_high = 90; /* 90% */
|
|
var alert = 0;
|
|
|
|
if(rsp.num_local_hosts > 0 && (!systemInterfaceEnabled)) {
|
|
msg += "<a href=\"]] print (ntop.getHttpPrefix()) print [[/lua/hosts_stats.lua?mode=local\">";
|
|
msg += "<span title=\"]] print(i18n("local_hosts")) print[[\" class=\"badge bg-success\">";
|
|
msg += NtopUtils.addCommas(rsp.num_local_hosts)+" <i class=\"fas fa-laptop\" aria-hidden=\"true\"></i></span></a>";
|
|
|
|
checkMigrationMessage(rsp);
|
|
}
|
|
|
|
const num_remote_hosts = rsp.num_hosts - rsp.num_local_hosts;
|
|
if(num_remote_hosts > 0 && (!systemInterfaceEnabled)) {
|
|
msg += "<a href=\"]] print (ntop.getHttpPrefix()) print [[/lua/hosts_stats.lua?mode=remote\">";
|
|
var remote_hosts_label = "]] print(i18n("remote_hosts")) print[[";
|
|
|
|
if (rsp.hosts_pctg < alarm_threshold_low && !systemInterfaceEnabled) {
|
|
msg += "<span title=\"" + remote_hosts_label +"\" class=\"badge bg-secondary\">";
|
|
}
|
|
else if (rsp.hosts_pctg < alarm_threshold_high && !systemInterfaceEnabled) {
|
|
alert = 1;
|
|
msg += "<span title=\"" + remote_hosts_label +"\" class=\"badge bg-warning\">";
|
|
}
|
|
else {
|
|
alert = 1;
|
|
msg += "<span title=\"" + remote_hosts_label +"\" class=\"badge bg-danger\">";
|
|
}
|
|
|
|
msg += NtopUtils.addCommas(num_remote_hosts)+" <i class=\"fas fa-laptop\" aria-hidden=\"true\"></i></span></a>";
|
|
}
|
|
|
|
if(rsp.num_devices > 0 && (!systemInterfaceEnabled)) {
|
|
var macs_label = "]] print(i18n("mac_stats.layer_2_source_devices", {device_type=""})) print[[";
|
|
msg += "<a href=\"]] print (ntop.getHttpPrefix()) print [[/lua/macs_stats.lua?devices_mode=source_macs_only\">";
|
|
|
|
if (rsp.macs_pctg < alarm_threshold_low) {
|
|
msg += "<span title=\"" + macs_label +"\" class=\"badge bg-secondary\">";
|
|
}
|
|
else if(rsp.macs_pctg < alarm_threshold_high) {
|
|
alert = 1;
|
|
msg += "<span title=\"" + macs_label +"\" class=\"badge bg-warning\">";
|
|
}
|
|
else {
|
|
alert = 1;
|
|
msg += "<span title=\"" + macs_label +"\" class=\"badge bg-danger\">";
|
|
}
|
|
|
|
msg += NtopUtils.addCommas(rsp.num_devices)+" <i class=\"fas fa-ethernet\"></i></span></a>";
|
|
}
|
|
|
|
if(rsp.num_flows > 0 && (!systemInterfaceEnabled)) {
|
|
msg += "<a href=\"]] print (ntop.getHttpPrefix()) print [[/lua/flows_stats.lua\">";
|
|
|
|
if (rsp.flows_pctg < alarm_threshold_low) {
|
|
msg += "<span class=\"badge bg-secondary\">";
|
|
}
|
|
else if(rsp.flows_pctg < alarm_threshold_high) {
|
|
alert = 1;
|
|
msg += "<span class=\"badge bg-warning\">";
|
|
}
|
|
else {
|
|
alert = 1;
|
|
msg += "<span class=\"badge bg-danger\">";
|
|
}
|
|
|
|
msg += NtopUtils.addCommas(rsp.num_flows)+" <i class=\"fas fa-stream\"></i> </span> </a>";
|
|
|
|
if (rsp.flow_export_drops > 0) {
|
|
const export_pctg = rsp.flow_export_drops / (rsp.flow_export_count + rsp.flow_export_drops + 1);
|
|
if (export_pctg > ]] print(stats_utils.UPPER_BOUND_INFO_EXPORTS) print[[) {
|
|
const badge_class = (export_pctg <= ]] print(stats_utils.UPPER_BOUND_WARNING_EXPORTS) print[[) ? 'warning' : 'danger';
|
|
msg += "<a href=\"]] print (ntop.getHttpPrefix()) print [[/lua/if_stats.lua\"><span class=\"badge bg-"+badge_class+"\"><i class=\"fas fa-exclamation-triangle\" style=\"color: #FFFFFF;\"></i> "+NtopUtils.addCommas(rsp.flow_export_drops)+" Export drop";
|
|
if(rsp.flow_export_drops > 1) msg += "s";
|
|
msg += "</span></a>";
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
if ((rsp.num_live_captures != undefined) && (rsp.num_live_captures > 0) && (!systemInterfaceEnabled)) {
|
|
msg += "<a href=\"]] print (ntop.getHttpPrefix()) print [[/lua/live_capture_stats.lua\">";
|
|
msg += "<span class=\"badge bg-primary\">";
|
|
msg += NtopUtils.addCommas(rsp.num_live_captures)+" <i class=\"fas fa-download fa-lg\"></i></span></a>";
|
|
}
|
|
|
|
if (rsp.traffic_recording != undefined && (!systemInterfaceEnabled)) {
|
|
|
|
var status_label="primary";
|
|
var status_title="]] print(i18n("traffic_recording.recording")) print [[";
|
|
|
|
if (rsp.traffic_recording != "recording") {
|
|
status_label = "danger";
|
|
status_title = "]] print(i18n("traffic_recording.failure")) print [[";
|
|
}
|
|
|
|
msg += "<a href=\"]] print (ntop.getHttpPrefix()) print [[/lua/if_stats.lua?ifid=]] print(tostring(ifid)) print[[&page=traffic_recording&tab=status\">";
|
|
msg += "<span class=\"badge bg-"+status_label+"\" title=\""+NtopUtils.addCommas(status_title)+"\">";
|
|
msg += "<i class=\"fas fa-hdd fa-lg\"></i></span></a>";
|
|
}
|
|
|
|
if (rsp.traffic_extraction != undefined && (!systemInterfaceEnabled)) {
|
|
|
|
var status_title="]] print(i18n("traffic_recording.traffic_extraction_jobs")) print [[";
|
|
var status_label = "secondary";
|
|
|
|
if (rsp.traffic_extraction == "ready") status_label="primary";
|
|
|
|
msg += "<a href=\"]] print (ntop.getHttpPrefix()) print [[/lua/if_stats.lua?ifid=]] print(tostring(ifid)) print[[&page=traffic_recording&tab=jobs\">";
|
|
msg += "<span class=\"badge bg-"+status_label+"\" title=\""+NtopUtils.addCommas(status_title)+"\">";
|
|
msg += rsp.traffic_extraction_num_tasks+" <i class=\"fas fa-tasks fa-lg\"></i></span></a>";
|
|
}
|
|
|
|
msg += '</div></div>';
|
|
// append the message inside the network-load element
|
|
const $msg = $(msg);
|
|
// resize element's font size to fit better
|
|
if ($msg.width() > $msg.css('max-width')) {
|
|
$msg.find('span').css('font-size', '0.748rem');
|
|
}
|
|
|
|
$('.network-load').html($msg);
|
|
|
|
} catch(e) {
|
|
console.warn(e);
|
|
/* alert("JSON Error (session expired?): logging out"); window.location.replace("]]print (ntop.getHttpPrefix())print [[/lua/logout.lua"); */
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
$(document).ajaxError(function(err, response, ajaxSettings, thrownError) {
|
|
if((response.status == 403) && (response.responseText == "Login Required"))
|
|
window.location.href = "]] print(ntop.getHttpPrefix().."/lua/login.lua") print[[";
|
|
});
|
|
|
|
footerRefresh(); /* call immediately to give the UI a more responsive look */
|
|
setInterval(footerRefresh, ]]
|
|
|
|
local footer_refresh_rate = ntop.getPrefs()["housekeeping_frequency"]
|
|
|
|
print(footer_refresh_rate.."")
|
|
print[[ * 1000); /* re-schedule every [interface-rate] seconds */
|
|
|
|
//Automatically open dropdown-menu
|
|
$(document).ready(function(){
|
|
$('ul.nav li.dropdown').hover(function() {
|
|
$(this).find('.dropdown-menu').stop(true, true).delay(150).fadeIn(100);
|
|
}, function() {
|
|
$(this).find('.dropdown-menu').stop(true, true).delay(150).fadeOut(100);
|
|
});
|
|
$('.collapse')
|
|
.on('shown.bs.collapse', function(){
|
|
$(this).parent().find(".fa-caret-down").removeClass("fa-caret-down").addClass("fa-caret-up");
|
|
})
|
|
.on('hidden.bs.collapse', function(){
|
|
$(this).parent().find(".fa-caret-up").removeClass("fa-caret-up").addClass("fa-caret-down");
|
|
});
|
|
});
|
|
|
|
]]
|
|
|
|
-- This code rewrites the current page state after a POST request to avoid Document Expired errors
|
|
if not table.empty(_POST) then
|
|
print[[
|
|
if ((typeof(history) === "object")
|
|
&& (typeof(history).replaceState === "function")
|
|
&& (typeof(window.location.href) === "string"))
|
|
history.replaceState(history.state, "", window.location.href);
|
|
]]
|
|
end
|
|
|
|
print[[
|
|
|
|
// hide the possibly shown alerts icon in the header
|
|
]]
|
|
if not _ifstats.isView or ntop.getPrefs().are_alerts_enabled == false then
|
|
print("$('#alerts-li').hide();")
|
|
else
|
|
print("$('#alerts-li').show();")
|
|
end
|
|
|
|
print([[
|
|
</script>
|
|
]])
|
|
|
|
-- ######################################
|
|
|
|
if have_nedge then
|
|
print[[<form id="powerOffForm" method="post">
|
|
<input name="csrf" value="]] print(ntop.getRandomCSRFValue()) print[[" type="hidden" />
|
|
<input name="poweroff" value="" type="hidden" />
|
|
</form>
|
|
<form id="rebootForm" method="post">
|
|
<input name="csrf" value="]] print(ntop.getRandomCSRFValue()) print[[" type="hidden" />
|
|
<input name="reboot" value="" type="hidden" />
|
|
</form>]]
|
|
|
|
print(
|
|
template.gen("modal_confirm_dialog.html", {
|
|
dialog={
|
|
id = "poweroff_dialog",
|
|
action = "$('#powerOffForm').submit()",
|
|
title = i18n("nedge.power_off"),
|
|
message = i18n("nedge.power_off_confirm"),
|
|
confirm = i18n("nedge.power_off"),
|
|
}
|
|
})
|
|
)
|
|
|
|
print(
|
|
template.gen("modal_confirm_dialog.html", {
|
|
dialog={
|
|
id = "reboot_dialog",
|
|
action = "$('#rebootForm').submit()",
|
|
title = i18n("nedge.reboot"),
|
|
message = i18n("nedge.reboot_corfirm"),
|
|
confirm = i18n("nedge.reboot"),
|
|
}
|
|
})
|
|
)
|
|
end
|
|
|
|
-- ######################################
|
|
|
|
local http_prefix = ntop.getHttpPrefix()
|
|
|
|
-- close wrapper
|
|
print[[
|
|
</main>
|
|
</div>
|
|
<script type="text/javascript" src="]] print(http_prefix) print[[/bootstrap/js/bootstrap.min.js?"></script>
|
|
<script type="text/javascript" src="]] print(http_prefix) print[[/selectpicker/js/bootstrap-select.min.js"></script>
|
|
</body>
|
|
</html> ]]
|