ntopng/scripts/lua/inc/footer.lua

878 lines
31 KiB
Lua

--
-- (C) 2013-24 - 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> ]] if(info.tzname ~= nil) then print(info.tzname) end print(" | ") 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 = "96"
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-modal').modal('hide');
}
});
}
$('.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 = ($form = null) => {
if($form != null) {
$form.submit();
}
else {
console.error("An error has occurred when switching interface!");
}
}
]])
print([[
</script>
]])
print [[
<script type="text/javascript">
]]
print [[
var is_historical = false;
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})
];
$(`.copy-http-url`).on('click', function() {
let sampleTextarea = document.createElement("textarea");
document.body.appendChild(sampleTextarea);
sampleTextarea.value = $(this).attr('data-to-copy');
sampleTextarea.select(); //select textarea content
document.execCommand("copy");
document.body.removeChild(sampleTextarea);
})
let isFooterRefreshInProcess = false;
const footerRefresh = function() {
if (isFooterRefreshInProcess == true) { return; }
isFooterRefreshInProcess = true;
$.ajax({
type: 'GET',
url: ']]
print(ntop.getHttpPrefix())
print [[/lua/rest/v2/get/interface/data.lua',
data: { ifid: ]]
print(tostring(ifid))
print [[, type: 'summary' },
success: function(content) {
isFooterRefreshInProcess = false;
if(content["rc_str"] != "OK") {
return;
}
const rsp = content["rsp"];
try {
ntopng_events_manager.emit_custom_event(ntopng_custom_events.GET_INTERFACE_DATA, rsp);
let bps_upload = rsp.throughput.upload * 8;
let bps_download = rsp.throughput.download * 8;
/* Upload chart */
let values = updatingChart_uploads[0].text().split(",")
values.shift();
values.push(bps_upload.toString());
updatingChart_uploads[0].text(values.join(",")).change();
updatingChart_uploads[1].text(values.join(",")).change();
$('.chart-upload-text:visible').html(NtopUtils.bitsToSize(bps_upload, 1000));
/* Download chart */
values = updatingChart_downloads[0].text().split(",")
values.shift();
values.push((-bps_download).toString());
updatingChart_downloads[0].text(values.join(",")).change();
updatingChart_downloads[1].text(values.join(",")).change();
$('.chart-download-text:visible').html(NtopUtils.bitsToSize(bps_download, 1000));
/* Disaggregate interface chart */
values = updatingChart_totals[0].text().split(",")
values.shift();
values.push(rsp.throughput_bps * 8);
updatingChart_totals[0].text(values.join(",")).change();
updatingChart_totals[1].text(values.join(",")).change();
]]
if (interface.isPcapDumpInterface() == false) and (not have_nedge) then
print [[
const v = Math.round(Math.min((rsp.throughput_bps * 8 *100)/]]
print(string.format("%u", maxSpeed))
print [[, 100));
$('.network-load').html(v+"%");
]]
end
-- 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 flex-wrap navbar-main-badges'>`;
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 data-bs-toggle='tooltip' data-bs-placement='bottom' 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) {
let alerts_badge = "bg-info";
if(rsp.engaged_alerts_error > 0) alerts_badge = "bg-danger";
else if(rsp.engaged_alerts_warning > 0) alerts_badge = "bg-warning";
msg += "<a href=']]
print(ntop.getHttpPrefix())
print [[/lua/alert_stats.lua?ifid=]]
print(tostring(ifid))
print [[&status=engaged'>"
msg += "<span class=\"badge " + alerts_badge + "\" data-bs-toggle='tooltip' data-bs-placement='bottom' title=']] print(i18n('graphs.engaged_alerts')) print[['><i class=\"fas fa-exclamation-triangle\"></i> "+NtopUtils.formatValue(rsp.engaged_alerts, 1)+"</span></a>";
}
if(rsp.alerted_flows_warning > 0 && !(systemInterfaceEnabled)) {
msg += "<a href=']]
print(ntop.getHttpPrefix())
print [[/lua/flows_stats.lua?alert_type=warning'>"
msg += "<span class=\"badge bg-warning\" data-bs-toggle='tooltip' data-bs-placement='bottom' title=']]
print(i18n("flow_details.alerted_flows"))
print [['>"+NtopUtils.formatValue(rsp.alerted_flows_warning, 1)+ " <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=error'>"
msg += "<span class=\"badge bg-danger\" data-bs-toggle='tooltip' data-bs-placement='bottom' title=']]
print(i18n("flow_details.dangerous_flows"))
print [['>"+NtopUtils.formatValue(rsp.alerted_flows_error, 1)+ " <i class=\"fas fa-stream\"></i> ]]
print [[ <i class=\"fas fa-exclamation-triangle\"></i></span></a>";
}
if(rsp.active_discovery_active === true) {
msg += "<a href=']]
print(ntop.getHttpPrefix())
print [[/lua/discover.lua'>"
msg += "<span class=\"badge bg-warning\" data-bs-toggle='tooltip' data-bs-placement='bottom' title=']]
print(i18n("prefs.network_discovery_running"))
print [['><i class=\"fas fa-project-diagram\"></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 [[/lua/monitor/influxdb_monitor.lua?ifid=]]
print(tostring(ifid))
print [[&page=alerts#tab-table-engaged-alerts'>"
msg += "<span class=\"badge bg-danger\" data-bs-toggle='tooltip' data-bs-placement='bottom' title=']] print(i18n('alerts_dashboard.influxdb_error')) print[['><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 data-bs-toggle='tooltip' data-bs-placement='bottom' title=\"]]
print(i18n("local_hosts"))
print [[\" class=\"badge bg-success\">";
msg += NtopUtils.formatValue(rsp.num_local_hosts, 1);
if(rsp.num_local_rcvd_only_hosts > 0) msg += " ("+NtopUtils.formatValue(rsp.num_local_rcvd_only_hosts, 1)+")";
msg += " <i class=\"fas fa-laptop\" aria-hidden=\"true\"></i></span></a>";
}
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 data-bs-toggle='tooltip' data-bs-placement='bottom' title=\"" + remote_hosts_label +"\" class=\"badge bg-secondary\">";
} else if (rsp.hosts_pctg < alarm_threshold_high && !systemInterfaceEnabled) {
alert = 1;
msg += "<span data-bs-toggle='tooltip' data-bs-placement='bottom' title=\"" + remote_hosts_label +"\" class=\"badge bg-warning\">";
} else {
alert = 1;
msg += "<span data-bs-toggle='tooltip' data-bs-placement='bottom' title=\"" + remote_hosts_label +"\" class=\"badge bg-danger\">";
}
msg += NtopUtils.formatValue(num_remote_hosts, 1);
num_remote_rcvd_only_hosts = rsp.num_rcvd_only_hosts - rsp.num_local_rcvd_only_hosts;
if(num_remote_rcvd_only_hosts > 0) msg += " ("+NtopUtils.formatValue(num_remote_rcvd_only_hosts, 1)+")";
msg += " <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 data-bs-toggle='tooltip' data-bs-placement='bottom' title=\"" + macs_label +"\" class=\"badge bg-secondary\">";
} else if(rsp.macs_pctg < alarm_threshold_high) {
alert = 1;
msg += "<span data-bs-toggle='tooltip' data-bs-placement='bottom' title=\"" + macs_label +"\" class=\"badge bg-warning\">";
} else {
alert = 1;
msg += "<span data-bs-toggle='tooltip' data-bs-placement='bottom' title=\"" + macs_label +"\" class=\"badge bg-danger\">";
}
msg += NtopUtils.formatValue(rsp.num_devices, 1)+" <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'>";
const flows_label = "]]
print(i18n("live_flows"))
print [["
if (rsp.flows_pctg < alarm_threshold_low) {
msg += "<span data-bs-toggle='tooltip' data-bs-placement='bottom' title=\"" + flows_label +"\" class=\"badge bg-secondary\">";
} else if(rsp.flows_pctg < alarm_threshold_high) {
alert = 1;
msg += "<span data-bs-toggle='tooltip' data-bs-placement='bottom' title=\"" + flows_label +"\" class=\"badge bg-warning\">";
} else {
alert = 1;
msg += "<span data-bs-toggle='tooltip' data-bs-placement='bottom' title=\"" + flows_label +"\" class=\"badge bg-danger\">";
}
msg += NtopUtils.formatValue(rsp.num_flows, 1)+" <i class=\"fas fa-stream\"></i> </span> </a>";
if (rsp.db && rsp.db.flow_export_drops > 0) {
const export_pctg = rsp.db.flow_export_drops / (rsp.db.flow_export_count + rsp.db.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+"\" data-bs-toggle='tooltip' data-bs-placement='bottom' title=\"]] print(i18n('flow_export_drops')) print[[\"><i class=\"fas fa-exclamation-triangle\" style=\"color: #FFFFFF;\"></i> "+NtopUtils.formatValue(rsp.db.flow_export_drops, 1)+" DB Export drop";
if(rsp.db.flow_export_drops > 1) msg += "s";
msg += "</span></a>";
}
}
if (rsp.dropped_zmq_msg > 0) {
msg += "<a href=']]
print(ntop.getHttpPrefix())
print [[/lua/if_stats.lua'><span class=\"badge bg-warning\"><i class=\"fas fa-tint\" style=\"color: #FFFFFF;\" data-bs-toggle='tooltip' data-bs-placement='bottom' title=\"]] print(i18n('dropping_zmq_msg')) print[[\"></i> "+NtopUtils.formatValue(rsp.dropped_zmq_msg, 1)+" ZMQ Drops</span></a>";
}
if (rsp.dropped_flows > 0) {
msg += "<a href=']]
print(ntop.getHttpPrefix())
print [[/lua/if_stats.lua'><span class=\"badge bg-warning\"><i class=\"fas fa-tint\" style=\"color: #FFFFFF;\" data-bs-toggle='tooltip' data-bs-placement='bottom' title=\"]] print(i18n('dropping_flows')) print[[\"></i> "+NtopUtils.formatValue(rsp.dropped_flows, 1)+" Flows Drops</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\" data-bs-toggle='tooltip' data-bs-placement='bottom' title=\"]] print(i18n('live_capture.active_live_captures')) print[[\">";
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+"\" data-bs-toggle='tooltip' data-bs-placement='bottom' 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+"\" data-bs-toggle='tooltip' data-bs-placement='bottom' title=\""+NtopUtils.addCommas(status_title)+"\">";
msg += rsp.traffic_extraction_num_tasks+" <i class=\"fas fa-tasks fa-lg\"></i></span></a>";
}
if (rsp.vs_in_progress != undefined && rsp.vs_in_progress > 0 && (!systemInterfaceEnabled)) {
msg += "<a href=']]
print(ntop.getHttpPrefix())
print [[/lua/vulnerability_scan.lua'>";
msg += "<span class=\"badge bg-primary\" data-bs-toggle='tooltip' data-bs-placement='bottom' title=\"]] print(i18n('vulnerability_scan.vulnerability_scan_in_progress')) print[[\">";
msg += NtopUtils.addCommas(rsp.vs_in_progress) +" <i class=\"fas fa-satellite-dish\"></i></span></a>";
}
if(rsp.ntopcloud == true) {
msg += "<a href=']]
print(ntop.getHttpPrefix())
print [[/lua/system_stats.lua?ifid=-1&page=ntopcloud'>";
msg += "<blink><span data-bs-toggle='tooltip' data-bs-placement='bottom' title=\"]] print(i18n('connected_to_the_cloud')) print[[\" class=\"badge bg-success\">ntop <i class=\"fas fa-cloud\"></i></span></blink></a>";
} else {
msg += "<a href=\"https://cloud.ntop.org\">";
msg += "<span data-bs-toggle='tooltip' data-bs-placement='bottom' title=\"]] print(i18n('not_connected_to_the_cloud')) print[[\" class=\"badge bg-danger\">ntop <i class=\"fas fa-cloud\"></i></span></a>";
}
if(rsp.is_loading == true) {
msg += "<blink><span data-bs-toggle='tooltip' data-bs-placement='bottom' title=\"]] print(i18n('loading')) print[[\" class=\"badge bg-primary\"><i class=\"fas fa-spinner\"></i> ]]
print(i18n("loading"))
print [[</span></blink>";
}
]]
if ntop.isOffline() then
print [[
msg += "<a href=\"#\" style=\"cursor: default\"><span data-bs-toggle='tooltip' data-bs-placement='bottom' title=\"]]
print(i18n("offline"))
print [[\" class=\"badge bg-secondary\"><i class=\"fas fa-plane\"></i></span></a>";
]]
end
print [[
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);
NtopUtils.reloadBSTooltips();
} 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, 7000); /* 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 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
print(template.gen("modal_confirm_dialog.html", {
dialog = {
id = "ext_link_dialog",
title = i18n("external_link"),
message = i18n("show_alerts.confirm_external_link"),
confirm = i18n("redirect")
}
}))
print [[
<script type="text/javascript">
$(document).ready(function(){
$(document).on('click','a.ntopng-external-link',function(event){
event.preventDefault();
const url=$(this)[0].href;
$("#url_ext_link_dialog").html(url+"<br/>]]
print(i18n("are_you_sure"))
print [[");
$("#btn-confirm-action_ext_link_dialog").attr('href',url);
$('#ext_link_dialog').modal('show');
});
});
</script>
]]
-- Updates submenu
if hasSoftwareUpdatesSupport() then
-- Updates check
print [[
<script type='text/javascript'>
$('#updates-info-li').html(']]
print(i18n("updates.checking"))
print [[');
$('#updates-install-li').hide();
const updates_csrf = ']]
print(ntop.getRandomCSRFValue())
print [[';
/* Updates status */
var updatesStatus = '';
var updatesLastCheck = 0;
/* Install latest update */
var installUpdate = function() {
if (confirm(']]
print(i18n("updates.install_confirm"))
if info["pro.license_days_left"] ~= nil and info["pro.license_days_left"] <=
0 then
-- License is valid, however maintenance is expired: warning the user
print(" " .. i18n("updates.maintenance_expired"))
end
print [[')) {
$.ajax({
type: 'POST',
url: ']]
print(ntop.getHttpPrefix())
print [[/lua/install_update.lua',
data: {
csrf: updates_csrf
},
success: function(rsp) {
$('#updates-info-li').html(']]
print(i18n("updates.installing"))
print [[')
$('#updates-info-li').attr('title', '');
$('#updates-install-li').hide();
$('#admin-badge').hide();
updatesStatus = 'installing';
}
});
}
}
/* Check for new updates */
var checkForUpdates = function() {
$.ajax({
type: 'POST',
url: ']]
print(ntop.getHttpPrefix())
print [[/lua/check_update.lua',
data: {
csrf: updates_csrf,
search: 'true'
},
success: function(rsp) {
$('#updates-info-li').html(']]
print(i18n("updates.checking"))
print [[');
$('#updates-info-li').attr('title', '');
$('#updates-install-li').hide();
$('#admin-badge').hide();
updatesStatus = 'checking';
}
});
}
/* Update the menu with the current updates status */
var updatesRefresh = function() {
const now = Date.now()/1000;
let check_time_sec = 10;
if (updatesStatus == 'installing' || updatesStatus == 'checking') {
/* Go ahead (frequent update) */
} else if (updatesStatus == 'update-avail' || updatesStatus == 'upgrade-failure') {
return; /* no need to check again */
} else { /* updatesStatus == 'not-avail' || updatesStatus == 'update-failure' || updatesStatus == <other errors> || updatesStatus == '' */
check_time_sec = 300;
}
if (now < updatesLastCheck + check_time_sec) return; /* check with low freq */
updatesLastCheck = now;
$.ajax({
type: 'GET',
url: ']]
print(ntop.getHttpPrefix())
print [[/lua/check_update.lua',
data: {},
success: function(rsp) {
if(rsp && rsp.status) {
updatesStatus = rsp.status;
if (rsp.status == 'installing') {
$('#updates-info-li').html(']]
print(i18n("updates.installing"))
print [[')
$('#updates-info-li').attr('title', '');
$('#updates-install-li').hide();
$('#admin-badge').hide();
} else if (rsp.status == 'checking') {
$('#updates-info-li').html(']]
print(i18n("updates.checking"))
print [[');
$('#updates-info-li').attr('title', '');
$('#updates-install-li').hide();
$('#admin-badge').hide();
} else if (rsp.status == 'update-avail' || rsp.status == 'upgrade-failure') {
$('#updates-info-li').html('<span class="badge bg-pill bg-danger">]]
print(i18n("updates.available"))
print [[</span> ]]
print(info["product"])
print [[ ' + rsp.version);
$('#updates-info-li').attr('title', '');
var icon = '<i class="fas fa-download"></i>';
$('#updates-install-li').attr('title', '');
if (rsp.status !== 'update-avail') {
icon = '<i class="fas fa-exclamation-triangle text-danger"></i>';
$('#updates-install-li').attr('title', "]]
print(i18n("updates.update_failure_message"))
print [[: " + rsp.status);
}
$('#updates-install-li').html(icon + " ]]
print(i18n("updates.install"))
print [[");
$('#updates-install-li').show();
$('#updates-install-li').off("click");
$('#updates-install-li').click(installUpdate);
if (rsp.status !== 'update-avail') $('#admin-badge').html('!');
else $('#admin-badge').html('1');
$('#admin-badge').show();
} else /* (rsp.status == 'not-avail' || rsp.status == 'update-failure' || rsp.status == <other errors>) */ {
var icon = '';
$('#updates-info-li').attr('title', '');
if (rsp.status !== 'not-avail') {
icon = '<i class="fas fa-exclamation-triangle text-danger"></i> ';
$('#updates-info-li').attr('title', "]]
print(i18n("updates.update_failure_message"))
print [[: " + rsp.status);
}
$('#updates-info-li').html(icon + ']]
print(i18n("updates.no_updates"))
print [[');
$('#updates-install-li').html("<i class='fas fa-sync'></i> ]]
print(i18n("updates.check"))
print [[");
$('#updates-install-li').show();
$('#updates-install-li').off("click");
$('#updates-install-li').click(checkForUpdates);
$('#admin-badge').hide();
}
}
}
});
}
setInterval(updatesRefresh, 1000);
</script>
]]
end
-- close wrapper
print [[
</main>
</div>
</body>
</html> ]]