mirror of
https://github.com/ntop/ntopng.git
synced 2026-05-05 10:41:34 +00:00
815 lines
No EOL
23 KiB
JavaScript
815 lines
No EOL
23 KiB
JavaScript
// 2014-18 - ntop.org
|
|
|
|
var NTOPNG_MIN_VISUAL_VALUE = 0.005;
|
|
|
|
function is_good_ipv4(ipv4) {
|
|
if (/^(?:(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9]?[0-9])\.){3}(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9]?[0-9])$/.test(ipv4)) {
|
|
return (true);
|
|
} else {
|
|
return (false);
|
|
}
|
|
}
|
|
|
|
function is_good_ipv6(ipv6) {
|
|
if (/^(([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\:){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])$|^\s*((([0-9A-Fa-f]{1,4}:){7}([0-9A-Fa-f]{1,4}|:))|(([0-9A-Fa-f]{1,4}:){6}(:[0-9A-Fa-f]{1,4}|((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){5}(((:[0-9A-Fa-f]{1,4}){1,2})|:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){4}(((:[0-9A-Fa-f]{1,4}){1,3})|((:[0-9A-Fa-f]{1,4})?:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){3}(((:[0-9A-Fa-f]{1,4}){1,4})|((:[0-9A-Fa-f]{1,4}){0,2}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){2}(((:[0-9A-Fa-f]{1,4}){1,5})|((:[0-9A-Fa-f]{1,4}){0,3}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){1}(((:[0-9A-Fa-f]{1,4}){1,6})|((:[0-9A-Fa-f]{1,4}){0,4}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(:(((:[0-9A-Fa-f]{1,4}){1,7})|((:[0-9A-Fa-f]{1,4}){0,5}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:)))(%.+)?\s*$/.test(ipv6)) {
|
|
return (true);
|
|
} else {
|
|
return (false);
|
|
}
|
|
}
|
|
|
|
function isNumeric(value) {
|
|
return /^\d+$/.test(value);
|
|
}
|
|
|
|
function is_mac_address(what) {
|
|
return /^([0-9A-Fa-f]{2}:){5}([0-9A-Fa-f]{2})$/.test(what);
|
|
}
|
|
|
|
function is_network_mask(what, optional_mask) {
|
|
var elems = what.split("/");
|
|
var mask = null;
|
|
var ip_addr;
|
|
|
|
if (elems.length != 2) {
|
|
if (!optional_mask)
|
|
return null;
|
|
else
|
|
ip_addr = what;
|
|
} else {
|
|
ip_addr = elems[0];
|
|
|
|
if (!isNumeric(elems[1]))
|
|
return null;
|
|
|
|
mask = parseInt(elems[1]);
|
|
|
|
if (mask < 0)
|
|
return null;
|
|
}
|
|
|
|
if (is_good_ipv4(ip_addr)) {
|
|
if (mask === null)
|
|
mask = 32;
|
|
else if (mask > 32)
|
|
return null;
|
|
|
|
return {
|
|
type: "ipv4",
|
|
address: ip_addr,
|
|
mask: mask
|
|
};
|
|
} else if (is_good_ipv6(elems[0])) {
|
|
if (mask === null)
|
|
mask = 128;
|
|
else if (mask > 128)
|
|
return (false);
|
|
|
|
return {
|
|
type: "ipv6",
|
|
address: ip_addr,
|
|
mask: mask
|
|
};
|
|
}
|
|
|
|
return null;
|
|
}
|
|
|
|
function fbits(bits) {
|
|
const sizes = ['bit/s', 'Kbit/s', 'Mbit/s', 'Gbit/s', 'Tbit/s'];
|
|
|
|
if (typeof (bits) === "undefined")
|
|
return "-";
|
|
|
|
if (bits == 0) return '0';
|
|
if ((bits > 0) && (bits < NTOPNG_MIN_VISUAL_VALUE)) return ('< ' + NTOPNG_MIN_VISUAL_VALUE + ' bps');
|
|
var bits_log1000 = Math.log(bits) / Math.log(1000)
|
|
var i = parseInt(Math.floor(bits_log1000));
|
|
if (i < 0 || isNaN(i)) {
|
|
i = 0;
|
|
} else if (i >= sizes.length) { // prevents overflows
|
|
return "> " + sizes[sizes.length - 1]
|
|
}
|
|
|
|
if (i <= 1) {
|
|
return Math.round(bits / Math.pow(1000, i) * 100) / 100 + ' ' + sizes[i]
|
|
} else {
|
|
var ret = parseFloat(bits / Math.pow(1000, i)).toFixed(2)
|
|
if (ret % 1 == 0)
|
|
ret = Math.round(ret)
|
|
return ret + ' ' + sizes[i]
|
|
}
|
|
// console.log('bits:' + bits+ ' ' + parseFloat(bits / Math.pow(1000, i)))
|
|
// return Math.round(bits / Math.pow(1000, i), 2) + ' ' + sizes[i];
|
|
}
|
|
|
|
function export_rate(eps) {
|
|
if (typeof (eps) === "undefined")
|
|
return "-";
|
|
|
|
var sizes = ['exp/s', 'Kexp/s'];
|
|
if (eps == 0) return '0';
|
|
if ((eps > 0) && (eps < NTOPNG_MIN_VISUAL_VALUE)) return ('< ' + NTOPNG_MIN_VISUAL_VALUE + ' exps/s');
|
|
var res = scaleValue(eps, sizes, 1000);
|
|
|
|
// Round to two decimal digits
|
|
return Math.round(res[0] * 100) / 100 + ' ' + res[1];
|
|
}
|
|
|
|
function exports_format(exports) {
|
|
if (typeof (exports) === "undefined")
|
|
return "-";
|
|
|
|
var exports_label = i18n.exports.toLowerCase();
|
|
|
|
var sizes = [exports_label, 'K ' + exports_label];
|
|
if (exports == 0) return '0';
|
|
if ((exports > 0) && (exports < NTOPNG_MIN_VISUAL_VALUE)) return ('< ' + NTOPNG_MIN_VISUAL_VALUE + ' exps/s');
|
|
var res = scaleValue(exports, sizes, 1000);
|
|
|
|
// Round to two decimal digits
|
|
return Math.round(res[0] * 100) / 100 + ' ' + res[1];
|
|
}
|
|
|
|
function fbits_from_bytes(bytes) {
|
|
if (typeof (bytes) === "undefined")
|
|
return "-";
|
|
return (fbits(bytes * 8));
|
|
}
|
|
|
|
function fpackets(pps) {
|
|
if (typeof (pps) === "undefined")
|
|
return "-";
|
|
|
|
var sizes = ['pps', 'Kpps', 'Mpps', 'Gpps', 'Tpps'];
|
|
if (pps == 0) return '0';
|
|
if ((pps > 0) && (pps < NTOPNG_MIN_VISUAL_VALUE)) return ('< ' + NTOPNG_MIN_VISUAL_VALUE + ' pps');
|
|
var res = scaleValue(pps, sizes, 1000);
|
|
|
|
// Round to two decimal digits
|
|
return Math.round(res[0] * 100) / 100 + ' ' + res[1];
|
|
}
|
|
|
|
function fpoints(pps) {
|
|
if (typeof (pps) === "undefined")
|
|
return "-";
|
|
|
|
var sizes = ['pt/s', 'Kpt/s', 'Mpt/s', 'Gpt/s', 'Tpt/s'];
|
|
if (pps == 0) return '0';
|
|
if ((pps > 0) && (pps < NTOPNG_MIN_VISUAL_VALUE)) return ('< ' + NTOPNG_MIN_VISUAL_VALUE + ' pt/s');
|
|
var res = scaleValue(pps, sizes, 1000);
|
|
|
|
// Round to two decimal digits
|
|
return Math.round(res[0] * 100) / 100 + ' ' + res[1];
|
|
}
|
|
|
|
function fflows(fps) {
|
|
if (typeof (fps) === "undefined")
|
|
return "-";
|
|
|
|
var sizes = ['fps', 'Kfps', 'Mfps', 'Gfps', 'Tfps'];
|
|
if (fps == 0) return '0';
|
|
if ((fps > 0) && (fps < NTOPNG_MIN_VISUAL_VALUE)) return ('< ' + NTOPNG_MIN_VISUAL_VALUE + ' fps');
|
|
var res = scaleValue(fps, sizes, 1000);
|
|
|
|
// Round to two decimal digits
|
|
return Math.round(res[0] * 100) / 100 + ' ' + res[1];
|
|
}
|
|
|
|
function fmsgs(mps) {
|
|
if (typeof (mps) === "undefined")
|
|
return "-";
|
|
|
|
var sizes = ['msg/s', 'Kmsg/s', 'Msg/s', 'Gmsg/s', 'Tmsg/s'];
|
|
if (mps == 0) return '0';
|
|
if ((mps > 0) && (mps < NTOPNG_MIN_VISUAL_VALUE)) return ('< ' + NTOPNG_MIN_VISUAL_VALUE + ' mps');
|
|
var res = scaleValue(mps, sizes, 1000);
|
|
|
|
// Round to two decimal digits
|
|
return Math.round(res[0] * 100) / 100 + ' ' + res[1];
|
|
}
|
|
|
|
function falerts(aps) {
|
|
if (typeof (aps) === "undefined")
|
|
return "-";
|
|
|
|
// Round to two decimal digits
|
|
return Math.round(aps * 100) / 100 + ' alerts/s';
|
|
}
|
|
|
|
function fint(value) {
|
|
if (typeof (value) === "undefined")
|
|
return "-";
|
|
|
|
var x = Math.round(value);
|
|
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
|
|
}
|
|
|
|
function ffloat(value) {
|
|
if (typeof (value) === "undefined")
|
|
return "-";
|
|
|
|
var x = Math.round(value * 100) / 100.;
|
|
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
|
|
}
|
|
|
|
function fpercent(value) {
|
|
if (typeof (value) === "undefined")
|
|
return "-";
|
|
|
|
return Math.round(value * 100) / 100 + "%";
|
|
}
|
|
|
|
function fdate(when) {
|
|
var epoch = when * 1000;
|
|
var d = new Date(epoch);
|
|
|
|
return (d);
|
|
}
|
|
|
|
function capitaliseFirstLetter(string) {
|
|
return string.charAt(0).toUpperCase() + string.slice(1);
|
|
}
|
|
|
|
String.prototype.startsWith = function (string) {
|
|
return (this.indexOf(string) === 0);
|
|
};
|
|
|
|
function get_trend(actual, before) {
|
|
if ((before === undefined) || (actual == before)) {
|
|
return ("<i class=\"fas fa-minus\"></i>");
|
|
} else {
|
|
return ("<i class=\"fas fa-arrow-up\"></i>");
|
|
}
|
|
}
|
|
|
|
function getOSIcon(name) {
|
|
var icon = "";
|
|
|
|
if (name.search("Linux") != -1 || name.search("Ubuntu") != -1) icon = '<i class=\'fab fa-linux fa-lg\'></i> ';
|
|
else if (name.search("Android") != -1) icon = '<i class=\'fab fa-android fa-lg\'></i> ';
|
|
else if (name.search("Windows") != -1 || name.search("Win32") != -1 || name.search("MSIE") != -1) icon = '<i class=\'fab fa-windows fa-lg\'></i> ';
|
|
else if (name.search("iPhone") != -1 || name.search("iPad") != -1 || name.search("OS X") != -1) icon = '<i class=\'fab fa-apple fa-lg\'></i> ';
|
|
|
|
return icon;
|
|
}
|
|
|
|
function abbreviateString(str, len) {
|
|
if (!str)
|
|
return "";
|
|
if (str.length < len)
|
|
return str;
|
|
return str.substring(0, len) + "...";
|
|
}
|
|
|
|
// Convert bytes to human readable format
|
|
function bytesToSize(bytes) {
|
|
if (typeof (bytes) === "undefined")
|
|
return "-";
|
|
|
|
var precision = 2;
|
|
var kilobyte = 1024;
|
|
var megabyte = kilobyte * 1024;
|
|
var gigabyte = megabyte * 1024;
|
|
var terabyte = gigabyte * 1024;
|
|
|
|
if ((bytes >= 0) && (bytes < kilobyte))
|
|
return bytes.toFixed(precision) + " Bytes";
|
|
else if ((bytes >= kilobyte) && (bytes < megabyte))
|
|
return (bytes / kilobyte).toFixed(precision) + ' KB';
|
|
else if ((bytes >= megabyte) && (bytes < gigabyte))
|
|
return (bytes / megabyte).toFixed(precision) + ' MB';
|
|
else if ((bytes >= gigabyte) && (bytes < terabyte))
|
|
return (bytes / gigabyte).toFixed(precision) + ' GB';
|
|
else if (bytes >= terabyte)
|
|
return (bytes / terabyte).toFixed(precision) + ' TB';
|
|
else
|
|
return bytes.toFixed(precision) + ' Bytes';
|
|
}
|
|
|
|
String.prototype.capitalizeSingleWord = function () {
|
|
var uc = this.toUpperCase();
|
|
|
|
if ((uc == "ASN") || (uc == "OS"))
|
|
return (uc);
|
|
else
|
|
return this.charAt(0).toUpperCase() + this.slice(1);
|
|
}
|
|
|
|
String.prototype.capitalize = function () {
|
|
var res = this.split(" ");
|
|
|
|
for (var i in res) {
|
|
res[i] = res[i].capitalizeSingleWord();
|
|
}
|
|
|
|
return (res.join(" "));
|
|
}
|
|
|
|
function drawTrend(current, last, withColor) {
|
|
if (current == last) {
|
|
return ("<i class=\"fas fa-minus\"></i>");
|
|
} else if (current > last) {
|
|
return ("<i class=\"fas fa-arrow-up\"" + withColor + "></i>");
|
|
} else {
|
|
return ("<i class=\"fas fa-arrow-down\"></i>");
|
|
}
|
|
}
|
|
|
|
function toggleAllTabs(enabled) {
|
|
if (enabled === true)
|
|
$("#historical-tabs-container").find("li").removeClass("disabled").find("a").attr("data-toggle", "tab");
|
|
else
|
|
$("#historical-tabs-container").find("li").addClass("disabled").find("a").removeAttr("data-toggle");
|
|
}
|
|
|
|
function disableAllDropdownsAndTabs() {
|
|
$("select").each(function () {
|
|
$(this).prop("disabled", true);
|
|
});
|
|
toggleAllTabs(false)
|
|
}
|
|
|
|
function enableAllDropdownsAndTabs() {
|
|
$("select").each(function () {
|
|
$(this).prop("disabled", false);
|
|
});
|
|
toggleAllTabs(true)
|
|
}
|
|
|
|
function capitalize(s) {
|
|
return s && s[0].toUpperCase() + s.slice(1);
|
|
}
|
|
|
|
function addCommas(nStr) {
|
|
nStr += '';
|
|
var x = nStr.split('.');
|
|
var x1 = x[0];
|
|
var x2 = x.length > 1 ? '.' + x[1] : '';
|
|
var rgx = /(\d+)(\d{3})/;
|
|
while (rgx.test(x1)) {
|
|
x1 = x1.replace(rgx, '$1' + ',' + '$2');
|
|
}
|
|
return x1 + x2;
|
|
}
|
|
|
|
function scaleValue(val, sizes, scale, decimals) {
|
|
if (val == 0) return [0, sizes[0]];
|
|
let factor = decimals ? (10 * decimals) : 10;
|
|
|
|
var i = parseInt(Math.floor(Math.log(val) / Math.log(scale)));
|
|
if (i < 0 || isNaN(i)) {
|
|
i = 0;
|
|
} else if (i >= sizes.length)
|
|
i = sizes.length - 1;
|
|
|
|
return [Math.round((val / Math.pow(scale, i)) * factor) / factor, sizes[i]];
|
|
}
|
|
|
|
function formatValue(val) {
|
|
var sizes = ['', 'K', 'M', 'G', 'T'];
|
|
if (val == 0) return '0';
|
|
if ((val > 0) && (val < NTOPNG_MIN_VISUAL_VALUE)) return ('< ' + NTOPNG_MIN_VISUAL_VALUE);
|
|
var res = scaleValue(val, sizes, 1000);
|
|
|
|
return Math.round(res[0]) + res[1];
|
|
}
|
|
|
|
function formatPackets(n) {
|
|
return (addCommas(n.toFixed(0)) + " Pkts");
|
|
}
|
|
|
|
function formatPoints(n) {
|
|
return (addCommas(n.toFixed(0)) + " Points");
|
|
}
|
|
|
|
function formatFlows(n) {
|
|
return (addCommas(n.toFixed(0)) + " Flows");
|
|
}
|
|
|
|
function formatMessages(n) {
|
|
return (addCommas(n.toFixed(0)) + " Messages");
|
|
}
|
|
|
|
function fmillis(value) {
|
|
if (!value || value == '')
|
|
return "";
|
|
|
|
if (value == 0) return '0 ms';
|
|
if ((value > 0) && (value < NTOPNG_MIN_VISUAL_VALUE)) return ('< ' + NTOPNG_MIN_VISUAL_VALUE + ' ms');
|
|
var res = scaleValue(value, ["ms", "s"], 1000, 2 /* 2 decimals */);
|
|
|
|
return res[0] + " " + res[1];
|
|
}
|
|
|
|
function bytesToVolume(bytes) {
|
|
var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
|
|
if (bytes == 0) return '0 Bytes';
|
|
if ((bytes > 0) && (bytes < NTOPNG_MIN_VISUAL_VALUE)) return ('< ' + NTOPNG_MIN_VISUAL_VALUE + " Bytes");
|
|
var res = scaleValue(bytes, sizes, 1024);
|
|
|
|
return parseFloat(res[0]) + " " + res[1];
|
|
};
|
|
|
|
function bytesToVolumeAndLabel(bytes) {
|
|
var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
|
|
if (bytes == 0) return '0 Bytes';
|
|
var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)));
|
|
return [(bytes / Math.pow(1024, i)).toFixed(2), sizes[i]];
|
|
};
|
|
|
|
function bitsToSize(bits, factor) {
|
|
factor = factor || 1000;
|
|
var sizes = ['bit/s', 'kbit/s', 'Mbit/s', 'Gbit/s', 'Tbit/s'];
|
|
if (bits == 0) return '0 bps';
|
|
if ((bits > 0) && (bits < NTOPNG_MIN_VISUAL_VALUE)) return ('< ' + NTOPNG_MIN_VISUAL_VALUE + " bps");
|
|
var res = scaleValue(bits, sizes, factor);
|
|
|
|
return res[0].toFixed(2) + " " + res[1];
|
|
};
|
|
|
|
function secondsToTime(seconds) {
|
|
if (seconds < 1) {
|
|
return ("< 1 sec")
|
|
}
|
|
|
|
var days = Math.floor(seconds / 86400)
|
|
var hours = Math.floor((seconds / 3600) - (days * 24))
|
|
var minutes = Math.floor((seconds / 60) - (days * 1440) - (hours * 60))
|
|
var sec = seconds % 60
|
|
var msg = "", msg_array = []
|
|
|
|
if (days > 0) {
|
|
years = Math.floor(days / 365)
|
|
|
|
if (years > 0) {
|
|
days = days % 365
|
|
|
|
msg = years + " year"
|
|
if (years > 1) {
|
|
msg += "s"
|
|
}
|
|
|
|
msg_array.push(msg)
|
|
msg = ""
|
|
}
|
|
msg = days + " day"
|
|
if (days > 1) { msg += "s" }
|
|
msg_array.push(msg)
|
|
msg = ""
|
|
}
|
|
|
|
if (hours > 0) {
|
|
if (hours < 10) { msg = "0" }
|
|
msg += hours + ":";
|
|
}
|
|
|
|
if (minutes < 10) { msg += "0" }
|
|
msg += minutes + ":";
|
|
if (sec < 10) { msg += "0" }
|
|
msg += sec;
|
|
msg_array.push(msg)
|
|
|
|
return msg_array.join(", ")
|
|
}
|
|
|
|
Date.prototype.format = function (format) { //author: meizz
|
|
var o = {
|
|
"M+": this.getMonth() + 1, //month
|
|
"d+": this.getDate(), //day
|
|
"h+": this.getHours(), //hour
|
|
"m+": this.getMinutes(), //minute
|
|
"s+": this.getSeconds(), //second
|
|
"q+": Math.floor((this.getMonth() + 3) / 3), //quarter
|
|
"S": this.getMilliseconds() //millisecond
|
|
}
|
|
|
|
if (/(y+)/.test(format)) format = format.replace(RegExp.$1,
|
|
(this.getFullYear() + "").substr(4 - RegExp.$1.length));
|
|
for (var k in o) if (new RegExp("(" + k + ")").test(format))
|
|
format = format.replace(RegExp.$1,
|
|
RegExp.$1.length == 1 ? o[k] :
|
|
("00" + o[k]).substr(("" + o[k]).length));
|
|
return format;
|
|
}
|
|
|
|
|
|
function epoch2Seen(epoch) {
|
|
/* 08/01/13 15:12:37 [18 min, 13 sec ago] */
|
|
var d = new Date(epoch * 1000);
|
|
var tdiff = Math.floor(((new Date()).getTime() / 1000) - epoch);
|
|
|
|
return (d.format("dd/MM/yyyy hh:mm:ss") + " [" + secondsToTime(tdiff) + " ago]");
|
|
}
|
|
|
|
/* ticks for graph x axis */
|
|
function graphGetXAxisTicksFormat(diff_epoch) {
|
|
var tickFormat;
|
|
|
|
if (diff_epoch <= 86400) {
|
|
tickFormat = "%H:%M:%S";
|
|
} else if (diff_epoch <= 2 * 86400) {
|
|
tickFormat = "%b %e, %H:%M:%S";
|
|
} else {
|
|
tickFormat = "%b %e";
|
|
}
|
|
|
|
return (tickFormat);
|
|
}
|
|
|
|
function paramsExtend(defaults, override) {
|
|
return $.extend({}, defaults, override);
|
|
}
|
|
|
|
function paramsToForm(form, params) {
|
|
form = $(form);
|
|
|
|
for (var k in params) {
|
|
if (params.hasOwnProperty(k)) {
|
|
var input = $('<input type="hidden" name="' + k + '" value="' + params[k] + '">');
|
|
input.appendTo(form);
|
|
}
|
|
}
|
|
|
|
return form;
|
|
}
|
|
|
|
/*
|
|
* This function creates a javascript object where each k->v pair of the input object
|
|
* translates into two pairs in the output object: a key_[i]->k and a val_[i]->v, where
|
|
* i is an incremental index.
|
|
*
|
|
* The output object can then be serialized to an URL. This conversion is required for
|
|
* handling special characters: since ntopng strips special characters in _GET keys,
|
|
* _GET values must be used.
|
|
*
|
|
* This function performs the inverse conversion of lua paramsPairsDecode.
|
|
*
|
|
*/
|
|
function paramsPairsEncode(params) {
|
|
var i = 0;
|
|
var res = {};
|
|
|
|
for (var k in params) {
|
|
res["key_" + i] = k;
|
|
res["val_" + i] = params[k];
|
|
i = i + 1;
|
|
}
|
|
|
|
return res;
|
|
}
|
|
|
|
// Extended disable function
|
|
jQuery.fn.extend({
|
|
disable: function (state) {
|
|
return this.each(function () {
|
|
var $this = $(this);
|
|
if ($this.is('input, button, textarea, select'))
|
|
this.disabled = state;
|
|
else
|
|
$this.toggleClass('disabled', state);
|
|
});
|
|
}
|
|
});
|
|
|
|
function hostkey2hostInfo(host_key) {
|
|
var info;
|
|
var hostinfo = [];
|
|
|
|
host_key = host_key.replace(/____/g, ":");
|
|
host_key = host_key.replace(/___/g, "/");
|
|
host_key = host_key.replace(/__/g, ".");
|
|
|
|
info = host_key.split("@");
|
|
return (info);
|
|
}
|
|
|
|
function handle_tab_state(nav_object, default_tab) {
|
|
$('a', nav_object).click(function (e) {
|
|
e.preventDefault();
|
|
});
|
|
|
|
// store the currently selected tab in the hash value
|
|
$(" > li > a", nav_object).on("shown.bs.tab", function (e) {
|
|
var id = $(e.target).attr("href").substr(1);
|
|
if (history.replaceState) {
|
|
// this will prevent the 'jump' to the hash
|
|
history.replaceState(null, null, "#" + id);
|
|
} else {
|
|
// fallback
|
|
window.location.hash = id;
|
|
}
|
|
});
|
|
|
|
// on load of the page: switch to the currently selected tab
|
|
var hash = window.location.hash;
|
|
if (!hash) hash = "#" + default_tab;
|
|
$('a[href="' + hash + '"]', nav_object).tab('show');
|
|
}
|
|
|
|
// "{0} to {1}".sformat(1, 10) -> "1 to 10"
|
|
String.prototype.sformat = function () {
|
|
var args = arguments;
|
|
return this.replace(/{(\d+)}/g, function (match, number) {
|
|
return typeof args[number] != 'undefined'
|
|
? args[number]
|
|
: match
|
|
;
|
|
});
|
|
};
|
|
|
|
if (typeof (String.prototype.contains) === "undefined") {
|
|
String.prototype.contains = function (s) {
|
|
return this.indexOf(s) !== -1;
|
|
}
|
|
}
|
|
|
|
function _add_find_host_link(form, name, data) {
|
|
$('<input>').attr({
|
|
type: 'hidden',
|
|
id: name,
|
|
name: name,
|
|
value: data,
|
|
}).appendTo(form);
|
|
}
|
|
|
|
/* Used while searching hosts a and macs with typeahead */
|
|
function makeFindHostBeforeSubmitCallback(http_prefix) {
|
|
return function (form, data) {
|
|
if (data.type == "mac") {
|
|
form.attr("action", http_prefix + "/lua/mac_details.lua");
|
|
} else if (data.type == "network") {
|
|
form.attr("action", http_prefix + "/lua/hosts_stats.lua");
|
|
_add_find_host_link(form, "network", data.network);
|
|
} else if (data.type == "snmp") {
|
|
form.attr("action", http_prefix + "/lua/pro/enterprise/snmp_interface_details.lua");
|
|
_add_find_host_link(form, "snmp_port_idx", data.snmp_port_idx);
|
|
_add_find_host_link(form, "page", "layer_2");
|
|
} else if (data.type == "snmp_device") {
|
|
form.attr("action", http_prefix + "/lua/pro/enterprise/snmp_device_details.lua");
|
|
} else if (data.type == "asn") {
|
|
form.attr("action", http_prefix + "/lua/hosts_stats.lua");
|
|
_add_find_host_link(form, "asn", data.asn);
|
|
} else {
|
|
form.attr("action", http_prefix + "/lua/host_details.lua");
|
|
_add_find_host_link(form, "mode", "restore");
|
|
}
|
|
|
|
return true;
|
|
}
|
|
}
|
|
|
|
function tstampToDateString(html_tag, format, tdiff) {
|
|
tdiff = tdiff || 0;
|
|
var timestamp = parseInt(html_tag.html()) + tdiff;
|
|
var localized = d3.time.format(format)(new Date(timestamp * 1000));
|
|
html_tag.html(localized).removeClass("hidden");
|
|
return localized;
|
|
}
|
|
|
|
function noHtml(s) {
|
|
return s.replace(/<[^>]+>/g, '');
|
|
}
|
|
|
|
function cleanCustomHostUrl(host) {
|
|
/* Remove starting http(s). */
|
|
return host
|
|
.replace(/^http:\/\//gi, '')
|
|
.replace(/^https:\/\//gi, '')
|
|
/* Remove starting www. */
|
|
.replace(/^www\./gi, '')
|
|
/* Remove non-allowed characters */
|
|
.replace(/[^0-9a-zA-Z\.:\/_-]/gi, '');
|
|
}
|
|
|
|
/* https://stackoverflow.com/questions/2090551/parse-query-string-in-javascript */
|
|
function parseQuery(queryString) {
|
|
var query = {};
|
|
var pairs = (queryString[0] === '?' ? queryString.substr(1) : queryString).split('&');
|
|
for (var i = 0; i < pairs.length; i++) {
|
|
var pair = pairs[i].split('=');
|
|
query[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1] || '');
|
|
}
|
|
return query;
|
|
}
|
|
|
|
function getHistoryParameters(params) {
|
|
var cur_params = parseQuery(window.location.search);
|
|
var new_params = $.extend(cur_params, params);
|
|
var new_query = "?" + $.param(new_params, true);
|
|
var baseUrl = [location.protocol, '//', location.host, location.pathname].join('');
|
|
|
|
return baseUrl + new_query;
|
|
}
|
|
|
|
// return true if the status code is different from 200
|
|
function check_status_code(status_code, status_text, $error_label) {
|
|
const is_different = status_code != 200;
|
|
|
|
if (is_different && $error_label != null) {
|
|
$error_label.text(`${i18n.request_failed_message}: ${status_code} - ${status_text}`).show();
|
|
}
|
|
else if (is_different && $error_label == null) {
|
|
alert(`${i18n.request_failed_message}: ${status_code} - ${status_text}`);
|
|
}
|
|
|
|
return is_different;
|
|
}
|
|
|
|
// To be used in conjunction with httpdocs/templates/config_list_components/import_modal.html
|
|
function importModalHelper(params) {
|
|
if (!params.load_config_xhr) { alert("Missing 'load_config_xhr' param"); return; }
|
|
|
|
$('#import-modal-btn').on("click", function (e) {
|
|
// hide previous errors
|
|
$("#import-error").hide();
|
|
|
|
$("#import-modal form").off("submit");
|
|
});
|
|
|
|
$('#btn-confirm-import').off('click').click(function (e) {
|
|
const $button = $(this);
|
|
|
|
$button.attr("disabled", "");
|
|
|
|
// Read configuration file file
|
|
var file = $('#import-input')[0].files[0];
|
|
|
|
if (!file) {
|
|
$("#import-error").text(`${i18n.no_file}`).show();
|
|
|
|
// re-enable button
|
|
$button.removeAttr("disabled");
|
|
} else {
|
|
var reader = new FileReader();
|
|
reader.onload = function () {
|
|
// Client-side configuration file format check
|
|
let json_conf = null
|
|
try { json_conf = JSON.parse(reader.result); } catch (e) { }
|
|
|
|
if (!json_conf) {
|
|
$("#import-error").text(`${i18n.invalid_file}`).show();
|
|
// re-enable button
|
|
$button.removeAttr("disabled");
|
|
} else {
|
|
// Submit configuration file
|
|
params.load_config_xhr(reader.result)
|
|
.done((d, status, xhr) => {
|
|
if (check_status_code(xhr.status, xhr.statusText, $("#import-error"))) {
|
|
// re-enable button
|
|
$button.removeAttr("disabled");
|
|
return;
|
|
}
|
|
|
|
if (!d.success) {
|
|
$("#import-error").text(d.error).show();
|
|
|
|
// re-enable button
|
|
$button.removeAttr("disabled");
|
|
|
|
// update token
|
|
params.reset_csrf(d.csrf);
|
|
} else {
|
|
location.reload();
|
|
}
|
|
})
|
|
.fail(({ status, statusText }) => {
|
|
check_status_code(status, statusText, $("#import-error"));
|
|
|
|
// re-enable button
|
|
$button.removeAttr("disabled");
|
|
});
|
|
};
|
|
}
|
|
reader.readAsText(file, "UTF-8");
|
|
}
|
|
});
|
|
|
|
$("#import-modal").on("submit", "form", function (e) {
|
|
e.preventDefault();
|
|
$("#btn-import").trigger("click");
|
|
});
|
|
}
|
|
|
|
function serializeFormArray(serializedArray) {
|
|
const serialized = {};
|
|
serializedArray.forEach((obj) => {
|
|
/* if the object is an array */
|
|
if (obj.name.includes('[]')) {
|
|
return;
|
|
}
|
|
else {
|
|
serialized[obj.name] = obj.value;
|
|
}
|
|
});
|
|
return serialized;
|
|
}
|
|
|
|
function cleanForm(formSelector) {
|
|
/* remove validation fields and tracks */
|
|
$(formSelector).find('input,select,textarea').each(function(i, input) {
|
|
$(this).removeClass(`is-valid`).removeClass(`is-invalid`);
|
|
});
|
|
/* reset all the values */
|
|
$(formSelector)[0].reset();
|
|
} |