0,0 → 1,1859 |
var langxml = [], langarr = [], current_language = "", plugins = [], blocks = [], plugin_liste = [], |
showCPUListExpanded, showCPUInfoExpanded, showNetworkInfosExpanded, showNetworkActiveSpeed, showCPULoadCompact, oldnetwork = [], refrTimer; |
|
/** |
* generate a cookie, if not exist, and add an entry to it<br><br> |
* inspired by <a href="http://www.quirksmode.org/js/cookies.html">http://www.quirksmode.org/js/cookies.html</a> |
* @param {String} name name that holds the value |
* @param {String} value value that needs to be stored |
* @param {Number} days how many days the entry should be valid in the cookie |
*/ |
function createCookie(name, value, days) { |
var date = new Date(), expires = ""; |
if (days) { |
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); |
if (typeof(date.toUTCString)==="function") { |
expires = "; expires=" + date.toUTCString(); |
} else { |
//deprecated |
expires = "; expires=" + date.toGMTString(); |
} |
} else { |
expires = ""; |
} |
document.cookie = name + "=" + value + expires + "; path=/"; |
} |
|
/** |
* read a value out of a cookie and return the value<br><br> |
* inspired by <a href="http://www.quirksmode.org/js/cookies.html">http://www.quirksmode.org/js/cookies.html</a> |
* @param {String} name name of the value that should be retrieved |
* @return {String} |
*/ |
function readCookie(name) { |
var nameEQ = "", ca = [], c = ''; |
nameEQ = name + "="; |
ca = document.cookie.split(';'); |
for (var i = 0; i < ca.length; i++) { |
c = ca[i]; |
while (c.charAt(0) === ' ') { |
c = c.substring(1, c.length); |
} |
if (!c.indexOf(nameEQ)) { |
return c.substring(nameEQ.length, c.length); |
} |
} |
return null; |
} |
|
/** |
* activates a given style and disables the old one in the document |
* @param {String} template template that should be activated |
*/ |
function switchStyle(template) { |
$("#PSI_Template")[0].setAttribute('href', 'templates/' + template + "_bootstrap.css"); |
} |
|
/** |
* load the given translation an translate the entire page<br><br>retrieving the translation is done through a |
* ajax call |
* @private |
* @param {String} plugin if plugin is given, the plugin translation file will be read instead of the main translation file |
* @param {String} langarrId internal plugin name |
* @return {jQuery} translation jQuery-Object |
*/ |
function getLanguage(plugin, langarrId) { |
var getLangUrl = ""; |
if (current_language) { |
getLangUrl = 'language/language.php?lang=' + current_language; |
if (plugin) { |
getLangUrl += "&plugin=" + plugin; |
} |
} else { |
getLangUrl = 'language/language.php'; |
if (plugin) { |
getLangUrl += "?plugin=" + plugin; |
} |
} |
$.ajax({ |
url: getLangUrl, |
type: 'GET', |
dataType: 'xml', |
timeout: 100000, |
error: function error() { |
$("#errors").append("<li><b>Error loading language</b> - " + getLangUrl + "</li><br>"); |
$("#errorbutton").attr('data-toggle', 'modal'); |
$("#errorbutton").css('cursor', 'pointer'); |
$("#errorbutton").css("visibility", "visible"); |
}, |
success: function buildblocks(xml) { |
var idexp; |
langxml[langarrId] = xml; |
if (langarr[langarrId] === undefined) { |
langarr.push(langarrId); |
langarr[langarrId] = []; |
} |
$("expression", langxml[langarrId]).each(function langstore(id) { |
idexp = $("expression", xml).get(id); |
langarr[langarrId][this.getAttribute('id')] = $("exp", idexp).text().toString().replace(/\//g, "/<wbr>"); |
}); |
changeSpanLanguage(plugin); |
} |
}); |
} |
|
/** |
* generate a span tag |
* @param {Number} id translation id in the xml file |
* @param {String} [plugin] name of the plugin for which the tag should be generated |
* @return {String} string which contains generated span tag for translation string |
*/ |
function genlang(id, plugin) { |
var html = "", idString = "", plugname = "", |
langarrId = current_language + "_"; |
|
if (plugin === undefined) { |
plugname = ""; |
langarrId += "phpSysInfo"; |
} else { |
plugname = plugin.toLowerCase(); |
langarrId += plugname; |
} |
|
if (id < 100) { |
if (id < 10) { |
idString = "00" + id.toString(); |
} else { |
idString = "0" + id.toString(); |
} |
} else { |
idString = id.toString(); |
} |
if (plugin) { |
idString = "plugin_" + plugname + "_" + idString; |
} |
|
html += "<span class=\"lang_" + idString + "\">"; |
|
if ((langxml[langarrId] !== undefined) && (langarr[langarrId] !== undefined)) { |
html += langarr[langarrId][idString]; |
} |
|
html += "</span>"; |
|
return html; |
} |
|
/** |
* translates all expressions based on the translation xml file<br> |
* translation expressions must be in the format <span class="lang_???"></span>, where ??? is |
* the number of the translated expression in the xml file<br><br>if a translated expression is not found in the xml |
* file nothing would be translated, so the initial value which is inside the span tag is displayed |
* @param {String} [plugin] name of the plugin |
*/ |
function changeLanguage(plugin) { |
var langarrId = current_language + "_"; |
|
if (plugin === undefined) { |
langarrId += "phpSysInfo"; |
} else { |
langarrId += plugin; |
} |
|
if (langxml[langarrId] !== undefined) { |
changeSpanLanguage(plugin); |
} else { |
langxml.push(langarrId); |
getLanguage(plugin, langarrId); |
} |
} |
|
function changeSpanLanguage(plugin) { |
var langId = "", langStr = "", langarrId = current_language + "_"; |
|
if (plugin === undefined) { |
langarrId += "phpSysInfo"; |
$('span[class*=lang_]').each(function translate(i) { |
langId = this.className.substring(5); |
if (langId.indexOf('plugin_') !== 0) { //does not begin with plugin_ |
langStr = langarr[langarrId][langId]; |
if (langStr !== undefined) { |
if (langStr.length > 0) { |
this.innerHTML = langStr; |
} |
} |
} |
}); |
$("#select").css( "display", "table-cell" ); //show if any language loaded |
$("#output").show(); |
} else { |
langarrId += plugin; |
$('span[class*=lang_plugin_'+plugin.toLowerCase()+'_]').each(function translate(i) { |
langId = this.className.substring(5); |
langStr = langarr[langarrId][langId]; |
if (langStr !== undefined) { |
if (langStr.length > 0) { |
this.innerHTML = langStr; |
} |
} |
}); |
$('#panel_'+plugin.toLowerCase()).show(); //show plugin if any language loaded |
} |
} |
|
function reload(initiate) { |
$("#errorbutton").css("visibility", "hidden"); |
$("#errorbutton").css('cursor', 'default'); |
$("#errorbutton").attr('data-toggle', ''); |
$("#errors").empty(); |
$.ajax({ |
dataType: "json", |
url: "xml.php?json", |
error: function(jqXHR, status, thrownError) { |
if ((status === "parsererror") && (typeof(xmlDoc = $.parseXML(jqXHR.responseText)) === "object")) { |
var errs = 0; |
try { |
$(xmlDoc).find("Error").each(function() { |
$("#errors").append("<li><b>"+$(this)[0].attributes.Function.nodeValue+"</b> - "+$(this)[0].attributes.Message.nodeValue.replace(/\n/g, "<br>")+"</li><br>"); |
errs++; |
}); |
} |
catch (err) { |
} |
if (errs > 0) { |
$("#errorbutton").attr('data-toggle', 'modal'); |
$("#errorbutton").css('cursor', 'pointer'); |
$("#errorbutton").css("visibility", "visible"); |
} |
} |
}, |
success: function (data) { |
// console.log(data); |
// data_dbg = data; |
if ((typeof(initiate) === 'boolean') && (data.Options !== undefined) && (data.Options["@attributes"] !== undefined) && ((refrtime = data.Options["@attributes"].refresh) !== undefined) && (refrtime !== "0")) { |
if ((initiate === false) && (typeof(refrTimer) === 'number')) { |
clearInterval(refrTimer); |
} |
refrTimer = setInterval(reload, refrtime); |
} |
renderErrors(data); |
renderVitals(data); |
renderHardware(data); |
renderMemory(data); |
renderFilesystem(data); |
renderNetwork(data); |
renderVoltage(data); |
renderTemperature(data); |
renderFans(data); |
renderPower(data); |
renderCurrent(data); |
renderOther(data); |
renderUPS(data); |
changeLanguage(); |
} |
}); |
|
for (var i = 0; i < plugins.length; i++) { |
plugin_request(plugins[i]); |
if ($("#reload_"+plugins[i]).length > 0) { |
$("#reload_"+plugins[i]).attr("title", "reload"); |
} |
|
} |
|
if ((typeof(initiate) === 'boolean') && (initiate === true)) { |
for (var j = 0; j < plugins.length; j++) { |
if ($("#reload_"+plugins[j]).length > 0) { |
$("#reload_"+plugins[j]).click(clickfunction()); |
} |
} |
} |
} |
|
function clickfunction(){ |
return function(){ |
plugin_request(this.id.substring(7)); //cut "reload_" from name |
$(this).attr("title", datetime()); |
}; |
} |
|
/** |
* load the plugin json via ajax |
*/ |
function plugin_request(pluginname) { |
|
$.ajax({ |
dataType: "json", |
url: "xml.php?plugin=" + pluginname + "&json", |
pluginname: pluginname, |
success: function (data) { |
try { |
// dynamic call |
window['renderPlugin_' + this.pluginname](data); |
changeLanguage(this.pluginname); |
plugin_liste.pushIfNotExist(this.pluginname); |
} |
catch (err) { |
} |
renderErrors(data); |
} |
}); |
} |
|
|
$(document).ready(function () { |
var old_template = null, cookie_template = null, cookie_language = null, plugtmp = "", blocktmp = "", ua = null, useragent = navigator.userAgent; |
|
if ($("#hideBootstrapLoader").val().toString()!=="true") { |
$(document).ajaxStart(function () { |
$("#loader").css("visibility", "visible"); |
}); |
$(document).ajaxStop(function () { |
$("#loader").css("visibility", "hidden"); |
}); |
} |
|
if (((ua=useragent.match(/Safari\/(\d+)\.[\d\.]+$/)) !== null) && (ua[1]<=534)) { |
$("#PSI_CSS_Fix")[0].setAttribute('href', 'templates/vendor/bootstrap-safari5.css'); |
} else if ((ua=useragent.match(/Firefox\/(\d+)\.[\d\.]+$/)) !== null) { |
if (ua[1]<=15) { |
$("#PSI_CSS_Fix")[0].setAttribute('href', 'templates/vendor/bootstrap-firefox15.css'); |
} else if (ua[1]<=20) { |
$("#PSI_CSS_Fix")[0].setAttribute('href', 'templates/vendor/bootstrap-firefox20.css'); |
} else if (ua[1]<=27) { |
$("#PSI_CSS_Fix")[0].setAttribute('href', 'templates/vendor/bootstrap-firefox27.css'); |
} else if (ua[1]==28) { |
$("#PSI_CSS_Fix")[0].setAttribute('href', 'templates/vendor/bootstrap-firefox28.css'); |
} |
} |
|
$(window).resize(); |
|
sorttable.init(); |
|
showCPUListExpanded = $("#showCPUListExpanded").val().toString()==="true"; |
showCPUInfoExpanded = $("#showCPUInfoExpanded").val().toString()==="true"; |
showNetworkInfosExpanded = $("#showNetworkInfosExpanded").val().toString()==="true"; |
showCPULoadCompact = $("#showCPULoadCompact").val().toString()==="true"; |
switch ($("#showNetworkActiveSpeed").val().toString()) { |
case "bps": showNetworkActiveSpeed = 2; |
break; |
case "true": showNetworkActiveSpeed = 1; |
break; |
default: showNetworkActiveSpeed = 0; |
} |
|
blocktmp = $("#blocks").val().toString(); |
if (blocktmp.length >0 ){ |
if (blocktmp === "true") { |
blocks[0] = "true"; |
} else { |
blocks = blocktmp.split(','); |
var j = 0; |
for (var i = 0; i < blocks.length; i++) { |
if ($("#block_"+blocks[i]).length > 0) { |
$("#output").children().eq(j).before($("#block_"+blocks[i])); |
j++; |
} |
} |
} |
} |
|
plugtmp = $("#plugins").val().toString(); |
if (plugtmp.length >0 ){ |
plugins = plugtmp.split(','); |
} |
|
|
if ($("#language option").length < 2) { |
current_language = $("#language").val().toString(); |
/* not visible any objects |
changeLanguage(); |
*/ |
/* plugin_liste not initialized yet |
for (var i = 0; i < plugin_liste.length; i++) { |
changeLanguage(plugin_liste[i]); |
} |
*/ |
} else { |
cookie_language = readCookie("psi_language"); |
if (cookie_language !== null) { |
current_language = cookie_language; |
$("#language").val(current_language); |
} else { |
current_language = $("#language").val().toString(); |
} |
/* not visible any objects |
changeLanguage(); |
*/ |
/* plugin_liste not initialized yet |
for (var i = 0; i < plugin_liste.length; i++) { |
changeLanguage(plugin_liste[i]); |
} |
*/ |
$("#langblock").css( "display", "inline-block" ); |
|
$("#language").change(function changeLang() { |
current_language = $("#language").val().toString(); |
createCookie('psi_language', current_language, 365); |
changeLanguage(); |
for (var i = 0; i < plugin_liste.length; i++) { |
changeLanguage(plugin_liste[i]); |
} |
return false; |
}); |
} |
if ($("#template option").length < 2) { |
switchStyle($("#template").val().toString()); |
} else { |
cookie_template = readCookie("psi_bootstrap_template"); |
if (cookie_template !== null) { |
old_template = $("#template").val(); |
$("#template").val(cookie_template); |
if ($("#template").val() === null) { |
$("#template").val(old_template); |
} |
} |
switchStyle($("#template").val().toString()); |
|
$("#tempblock").css( "display", "inline-block" ); |
|
$("#template").change(function changeTemplate() { |
switchStyle($("#template").val().toString()); |
createCookie('psi_bootstrap_template', $("#template").val().toString(), 365); |
return false; |
}); |
} |
|
reload(true); |
|
$(".logo").click(function () { |
reload(false); |
}); |
}); |
|
Array.prototype.push_attrs=function(element) { |
for (var i = 0; i < element.length ; i++) { |
this.push(element[i]["@attributes"]); |
} |
return i; |
}; |
|
function full_addr(ip_string) { |
var wrongvalue = false; |
ip_string = $.trim(ip_string).toLowerCase(); |
// ipv4 notation |
if (ip_string.match(/^([0-9]+\.[0-9]+\.[0-9]+\.[0-9]+$)/)) { |
ip_string ='::ffff:' + ip_string; |
} |
// replace ipv4 address if any |
var ipv4 = ip_string.match(/(.*:)([0-9]+\.[0-9]+\.[0-9]+\.[0-9]+$)/); |
if (ipv4) { |
ip_string = ipv4[1]; |
ipv4 = ipv4[2].match(/[0-9]+/g); |
for (var i = 0;i < 4;i ++) { |
var byte = parseInt(ipv4[i],10); |
if (byte<256) { |
ipv4[i] = ("0" + byte.toString(16)).substr(-2); |
} else { |
wrongvalue = true; |
break; |
} |
} |
if (wrongvalue) { |
ip_string = ''; |
} else { |
ip_string += ipv4[0] + ipv4[1] + ':' + ipv4[2] + ipv4[3]; |
} |
} |
|
if (ip_string === '') { |
return ''; |
} |
// take care of leading and trailing :: |
ip_string = ip_string.replace(/^:|:$/g, ''); |
|
var ipv6 = ip_string.split(':'); |
|
for (var li = 0; li < ipv6.length; li ++) { |
var hex = ipv6[li]; |
if (hex !== "") { |
if (!hex.match(/^[0-9a-f]{1,4}$/)) { |
wrongvalue = true; |
break; |
} |
// normalize leading zeros |
ipv6[li] = ("0000" + hex).substr(-4); |
} |
else { |
// normalize grouped zeros :: |
hex = []; |
for (var j = ipv6.length; j <= 8; j ++) { |
hex.push('0000'); |
} |
ipv6[li] = hex.join(':'); |
} |
} |
if (!wrongvalue) { |
var out = ipv6.join(':'); |
if (out.length == 39) { |
return out; |
} else { |
return ''; |
} |
} else { |
return ''; |
} |
} |
|
sorttable.sort_ip=function(a,b) { |
var x = full_addr(a[0]); |
var y = full_addr(b[0]); |
if ((x === '') || (y === '')) { |
x = a[0]; |
y = b[0]; |
} |
return ((x < y) ? -1 : ((x > y) ? 1 : 0)); |
}; |
|
function items(data) { |
if (data !== undefined) { |
if ((data.length > 0) && (data[0] !== undefined) && (data[0]["@attributes"] !== undefined)) { |
return data; |
} else if (data["@attributes"] !== undefined ) { |
return [data]; |
} else { |
return []; |
} |
} else { |
return []; |
} |
} |
|
function renderVitals(data) { |
var hostname = "", ip = ""; |
|
if ((blocks.length <= 0) || ((blocks[0] !== "true") && ($.inArray('vitals', blocks) < 0))) { |
$("#block_vitals").remove(); |
if ((data.Vitals !== undefined) && (data.Vitals["@attributes"] !== undefined) && ((hostname = data.Vitals["@attributes"].Hostname) !== undefined) && ((ip = data.Vitals["@attributes"].IPAddr) !== undefined)) { |
document.title = "System information: " + hostname + " (" + ip + ")"; |
} |
return; |
} |
|
var directives = { |
Uptime: { |
html: function () { |
return formatUptime(this.Uptime); |
} |
}, |
LastBoot: { |
text: function () { |
var lastboot; |
var timestamp = 0; |
var datetimeFormat; |
if ((data.Generation !== undefined) && (data.Generation["@attributes"] !== undefined) && (data.Generation["@attributes"].timestamp !== undefined) ) { |
timestamp = parseInt(data.Generation["@attributes"].timestamp)*1000; //server time |
if (isNaN(timestamp)) timestamp = Number(new Date()); //client time |
} else { |
timestamp = Number(new Date()); //client time |
} |
lastboot = new Date(timestamp - (parseInt(this.Uptime)*1000)); |
if (((datetimeFormat = data.Options["@attributes"].datetimeFormat) !== undefined) && (datetimeFormat.toLowerCase() === "locale")) { |
return lastboot.toLocaleString(); |
} else { |
if (typeof(lastboot.toUTCString) === "function") { |
return lastboot.toUTCString(); |
} else { |
//deprecated |
return lastboot.toGMTString(); |
} |
} |
} |
}, |
Distro: { |
html: function () { |
return '<table class="borderless table-hover table-nopadding" style="width:100%;"><tr><td style="padding-right:4px!important;width:32px;"><img src="gfx/images/' + this.Distroicon + '" alt="" style="width:32px;height:32px;" /></td><td style="vertical-align:middle;">' + this.Distro + '</td></tr></table>'; |
} |
}, |
OS: { |
html: function () { |
return '<table class="borderless table-hover table-nopadding" style="width:100%;"><tr><td style="padding-right:4px!important;width:32px;"><img src="gfx/images/' + this.OS + '.png" alt="" style="width:32px;height:32px;" /></td><td style="vertical-align:middle;">' + this.OS + '</td></tr></table>'; |
} |
}, |
LoadAvg: { |
html: function () { |
if (this.CPULoad !== undefined) { |
return '<table class="borderless table-hover table-nopadding" style="width:100%;"><tr><td style="padding-right:4px!important;width:50%;">'+this.LoadAvg + '</td><td><div class="progress">' + |
'<div class="progress-bar progress-bar-info" style="width:' + round(this.CPULoad,0) + '%;"></div>' + |
'</div><div class="percent">' + round(this.CPULoad,0) + '%</div></td></tr></table>'; |
} else { |
return this.LoadAvg; |
} |
} |
}, |
Processes: { |
html: function () { |
var processes = "", p111 = 0, p112 = 0, p113 = 0, p114 = 0, p115 = 0, p116 = 0; |
var not_first = false; |
processes = parseInt(this.Processes); |
if (this.ProcessesRunning !== undefined) { |
p111 = parseInt(this.ProcessesRunning); |
} |
if (this.ProcessesSleeping !== undefined) { |
p112 = parseInt(this.ProcessesSleeping); |
} |
if (this.ProcessesStopped !== undefined) { |
p113 = parseInt(this.ProcessesStopped); |
} |
if (this.ProcessesZombie !== undefined) { |
p114 = parseInt(this.ProcessesZombie); |
} |
if (this.ProcessesWaiting !== undefined) { |
p115 = parseInt(this.ProcessesWaiting); |
} |
if (this.ProcessesOther !== undefined) { |
p116 = parseInt(this.ProcessesOther); |
} |
if (p111 || p112 || p113 || p114 || p115 || p116) { |
processes += " ("; |
for (var proc_type in {111:0,112:1,113:2,114:3,115:4,116:5}) { |
if (eval("p" + proc_type)) { |
if (not_first) { |
processes += ", "; |
} |
processes += eval("p" + proc_type) + String.fromCharCode(160) + genlang(proc_type); |
not_first = true; |
} |
} |
processes += ")"; |
} |
return processes; |
} |
} |
}; |
|
if (data.Vitals["@attributes"].SysLang === undefined) { |
$("#tr_SysLang").hide(); |
} |
if (data.Vitals["@attributes"].CodePage === undefined) { |
$("#tr_CodePage").hide(); |
} |
if (data.Vitals["@attributes"].Processes === undefined) { |
$("#tr_Processes").hide(); |
} |
$('#vitals').render(data.Vitals["@attributes"], directives); |
|
if ((data.Vitals !== undefined) && (data.Vitals["@attributes"] !== undefined) && ((hostname = data.Vitals["@attributes"].Hostname) !== undefined) && ((ip = data.Vitals["@attributes"].IPAddr) !== undefined)) { |
document.title = "System information: " + hostname + " (" + ip + ")"; |
} |
|
$("#block_vitals").show(); |
} |
|
function renderHardware(data) { |
var hw_type, datas, proc_param, i; |
|
if ((blocks.length <= 0) || ((blocks[0] !== "true") && ($.inArray('hardware', blocks) < 0))) { |
$("#block_hardware").remove(); |
return; |
} |
|
var directives = { |
Model: { |
text: function () { |
return this.Model; |
} |
}, |
CpuSpeed: { |
html: function () { |
return formatHertz(this.CpuSpeed); |
} |
}, |
CpuSpeedMax: { |
html: function () { |
return formatHertz(this.CpuSpeedMax); |
} |
}, |
CpuSpeedMin: { |
html: function () { |
return formatHertz(this.CpuSpeedMin); |
} |
}, |
Cache: { |
html: function () { |
return formatBytes(this.Cache, data.Options["@attributes"].byteFormat); |
} |
}, |
BusSpeed: { |
html: function () { |
return formatHertz(this.BusSpeed); |
} |
}, |
Cputemp: { |
html: function () { |
return formatTemp(this.Cputemp, data.Options["@attributes"].tempFormat); |
} |
}, |
Bogomips: { |
text: function () { |
return parseInt(this.Bogomips); |
} |
}, |
Load: { |
html: function () { |
return '<div class="progress">' + |
'<div class="progress-bar progress-bar-info" style="width:' + round(this.Load,0) + '%;"></div>' + |
'</div><div class="percent">' + round(this.Load,0) + '%</div>'; |
} |
} |
}; |
|
var hw_directives = { |
hwName: { |
html: function() { |
return this.Name; |
} |
}, |
hwCount: { |
text: function() { |
if ((this.Count !== undefined) && !isNaN(this.Count) && (parseInt(this.Count)>1)) { |
return parseInt(this.Count); |
} else { |
return ""; |
} |
} |
} |
}; |
|
var dev_directives = { |
Capacity: { |
html: function () { |
return formatBytes(this.Capacity, data.Options["@attributes"].byteFormat); |
} |
} |
}; |
|
var html=""; |
|
if ((data.Hardware["@attributes"] !== undefined) && (data.Hardware["@attributes"].Name !== undefined)) { |
html+="<tr id=\"hardware-Machine\">"; |
html+="<th style=\"width:8%;\">"+genlang(107)+"</th>"; //Machine |
html+="<td colspan=\"2\"><span data-bind=\"Name\"></span></td>"; |
html+="</tr>"; |
} |
|
var paramlist = {CpuSpeed:13,CpuSpeedMax:100,CpuSpeedMin:101,Cache:15,Virt:94,BusSpeed:14,Bogomips:16,Cputemp:51,Manufacturer:122,Load:9}; |
try { |
datas = items(data.Hardware.CPU.CpuCore); |
for (i = 0; i < datas.length; i++) { |
if (i === 0) { |
html+="<tr id=\"hardware-CPU\" class=\"treegrid-CPU\">"; |
html+="<th>CPU</th>"; |
html+="<td><span class=\"treegrid-span\">" + genlang(119) + ":</span></td>"; //Number of processors |
html+="<td class=\"rightCell\"><span id=\"CPUCount\"></span></td>"; |
html+="</tr>"; |
} |
html+="<tr id=\"hardware-CPU-" + i +"\" class=\"treegrid-CPU-" + i +" treegrid-parent-CPU\">"; |
html+="<th></th>"; |
if (showCPULoadCompact && (datas[i]["@attributes"].Load !== undefined)) { |
html+="<td><span class=\"treegrid-span\" data-bind=\"Model\"></span></td>"; |
html+="<td style=\"width:15%;\" class=\"rightCell\"><span data-bind=\"Load\"></span></td>"; |
} else { |
html+="<td colspan=\"2\"><span class=\"treegrid-span\" data-bind=\"Model\"></span></td>"; |
} |
html+="</tr>"; |
for (proc_param in paramlist) { |
if (((proc_param !== 'Load') || !showCPULoadCompact) && (datas[i]["@attributes"][proc_param] !== undefined)) { |
html+="<tr id=\"hardware-CPU-" + i + "-" + proc_param + "\" class=\"treegrid-parent-CPU-" + i +"\">"; |
html+="<th></th>"; |
html+="<td><span class=\"treegrid-span\">" + genlang(paramlist[proc_param]) + "<span></td>"; |
html+="<td class=\"rightCell\"><span data-bind=\"" + proc_param + "\"></span></td>"; |
html+="</tr>"; |
} |
} |
|
} |
} |
catch (err) { |
$("#hardware-CPU").hide(); |
} |
|
var devparamlist = {Capacity:43,Manufacturer:122,Product:123,Serial:124}; |
for (hw_type in {PCI:0,IDE:1,SCSI:2,NVMe:3,USB:4,TB:5,I2C:6}) { |
try { |
datas = items(data.Hardware[hw_type].Device); |
for (i = 0; i < datas.length; i++) { |
if (i === 0) { |
html+="<tr id=\"hardware-" + hw_type + "\" class=\"treegrid-" + hw_type + "\">"; |
html+="<th>" + hw_type + "</th>"; |
html+="<td><span class=\"treegrid-span\">" + genlang('120') + ":</span></td>"; //Number of devices |
html+="<td class=\"rightCell\"><span id=\"" + hw_type + "Count\"></span></td>"; |
html+="</tr>"; |
} |
html+="<tr id=\"hardware-" + hw_type + "-" + i +"\" class=\"treegrid-" + hw_type + "-" + i +" treegrid-parent-" + hw_type + "\">"; |
html+="<th></th>"; |
html+="<td><span class=\"treegrid-span\" data-bind=\"hwName\"></span></td>"; |
html+="<td class=\"rightCell\"><span data-bind=\"hwCount\"></span></td>"; |
html+="</tr>"; |
for (proc_param in devparamlist) { |
if (datas[i]["@attributes"][proc_param] !== undefined) { |
html+="<tr id=\"hardware-" + hw_type +"-" + i + "-" + proc_param + "\" class=\"treegrid-parent-" + hw_type +"-" + i +"\">"; |
html+="<th></th>"; |
html+="<td><span class=\"treegrid-span\">" + genlang(devparamlist[proc_param]) + "<span></td>"; |
html+="<td class=\"rightCell\"><span data-bind=\"" + proc_param + "\"></span></td>"; |
html+="</tr>"; |
} |
} |
} |
} |
catch (err) { |
$("#hardware-data"+hw_type).hide(); |
} |
} |
$("#hardware-data").empty().append(html); |
|
|
if ((data.Hardware["@attributes"] !== undefined) && (data.Hardware["@attributes"].Name !== undefined)) { |
$('#hardware-Machine').render(data.Hardware["@attributes"]); |
} |
|
try { |
datas = items(data.Hardware.CPU.CpuCore); |
for (i = 0; i < datas.length; i++) { |
$('#hardware-CPU-'+ i).render(datas[i]["@attributes"], directives); |
for (proc_param in paramlist) { |
if (((proc_param !== 'Load') || !showCPULoadCompact) && (datas[i]["@attributes"][proc_param] !== undefined)) { |
$('#hardware-CPU-'+ i +'-'+proc_param).render(datas[i]["@attributes"], directives); |
} |
} |
} |
if (i > 0) { |
$("#CPUCount").html(i); |
} |
} |
catch (err) { |
$("#hardware-CPU").hide(); |
} |
|
var licz; |
for (hw_type in {PCI:0,IDE:1,SCSI:2,NVMe:3,USB:4,TB:5,I2C:6}) { |
try { |
licz = 0; |
datas = items(data.Hardware[hw_type].Device); |
for (i = 0; i < datas.length; i++) { |
$('#hardware-'+hw_type+'-'+ i).render(datas[i]["@attributes"], hw_directives); |
if ((datas[i]["@attributes"].Count !== undefined) && !isNaN(datas[i]["@attributes"].Count) && (parseInt(datas[i]["@attributes"].Count)>1)) { |
licz += parseInt(datas[i]["@attributes"].Count); |
} else { |
licz++; |
} |
for (proc_param in devparamlist) { |
if ((datas[i]["@attributes"][proc_param] !== undefined)) { |
$('#hardware-'+hw_type+'-'+ i +'-'+proc_param).render(datas[i]["@attributes"], dev_directives); |
} |
} |
} |
if (i > 0) { |
$("#" + hw_type + "Count").html(licz); |
} |
} |
catch (err) { |
$("#hardware-"+hw_type).hide(); |
} |
} |
$('#hardware').treegrid({ |
initialState: 'collapsed', |
expanderExpandedClass: 'normalicon normalicon-down', |
expanderCollapsedClass: 'normalicon normalicon-right' |
}); |
if (showCPUListExpanded) { |
try { |
$('#hardware-CPU').treegrid('expand'); |
} |
catch (err) { |
} |
} |
if (showCPUInfoExpanded && showCPUListExpanded) { |
try { |
datas = items(data.Hardware.CPU.CpuCore); |
for (i = 0; i < datas.length; i++) { |
$('#hardware-CPU-'+i).treegrid('expand'); |
} |
} |
catch (err) { |
} |
} |
$("#block_hardware").show(); |
} |
|
function renderMemory(data) { |
if ((blocks.length <= 0) || ((blocks[0] !== "true") && ($.inArray('memory', blocks) < 0))) { |
$("#block_memory").remove(); |
return; |
} |
|
var directives = { |
Total: { |
html: function () { |
return formatBytes(this["@attributes"].Total, data.Options["@attributes"].byteFormat); |
} |
}, |
Free: { |
html: function () { |
return formatBytes(this["@attributes"].Free, data.Options["@attributes"].byteFormat); |
} |
}, |
Used: { |
html: function () { |
return formatBytes(this["@attributes"].Used, data.Options["@attributes"].byteFormat); |
} |
}, |
Usage: { |
html: function () { |
if ((this.Details === undefined) || (this.Details["@attributes"] === undefined)) { |
return '<div class="progress">' + |
'<div class="progress-bar progress-bar-info" style="width:' + this["@attributes"].Percent + '%;"></div>' + |
'</div><div class="percent">' + this["@attributes"].Percent + '%</div>'; |
} else { |
var rest = parseInt(this["@attributes"].Percent); |
var html = '<div class="progress">'; |
if ((this.Details["@attributes"].AppPercent !== undefined) && (this.Details["@attributes"].AppPercent > 0)) { |
html += '<div class="progress-bar progress-bar-info" style="width:' + this.Details["@attributes"].AppPercent + '%;"></div>'; |
rest -= parseInt(this.Details["@attributes"].AppPercent); |
} |
if ((this.Details["@attributes"].CachedPercent !== undefined) && (this.Details["@attributes"].CachedPercent > 0)) { |
html += '<div class="progress-bar progress-bar-warning" style="width:' + this.Details["@attributes"].CachedPercent + '%;"></div>'; |
rest -= parseInt(this.Details["@attributes"].CachedPercent); |
} |
if ((this.Details["@attributes"].BuffersPercent !== undefined) && (this.Details["@attributes"].BuffersPercent > 0)) { |
html += '<div class="progress-bar progress-bar-danger" style="width:' + this.Details["@attributes"].BuffersPercent + '%;"></div>'; |
rest -= parseInt(this.Details["@attributes"].BuffersPercent); |
} |
if (rest > 0) { |
html += '<div class="progress-bar progress-bar-success" style="width:' + rest + '%;"></div>'; |
} |
html += '</div>'; |
html += '<div class="percent">' + 'Total: ' + this["@attributes"].Percent + '% ' + '<i>('; |
var not_first = false; |
if (this.Details["@attributes"].AppPercent !== undefined) { |
html += genlang(64) + ': '+ this.Details["@attributes"].AppPercent + '%'; //Kernel + apps |
not_first = true; |
} |
if (this.Details["@attributes"].CachedPercent !== undefined) { |
if (not_first) html += ' - '; |
html += genlang(66) + ': ' + this.Details["@attributes"].CachedPercent + '%'; //Cache |
not_first = true; |
} |
if (this.Details["@attributes"].BuffersPercent !== undefined) { |
if (not_first) html += ' - '; |
html += genlang(65) + ': ' + this.Details["@attributes"].BuffersPercent + '%'; //Buffers |
} |
html += ')</i></div>'; |
return html; |
} |
} |
}, |
Type: { |
html: function () { |
return genlang(28); //Physical Memory |
} |
} |
}; |
|
var directive_swap = { |
Total: { |
html: function () { |
return formatBytes(this.Total, data.Options["@attributes"].byteFormat); |
} |
}, |
Free: { |
html: function () { |
return formatBytes(this.Free, data.Options["@attributes"].byteFormat); |
} |
}, |
Used: { |
html: function () { |
return formatBytes(this.Used, data.Options["@attributes"].byteFormat); |
} |
}, |
Usage: { |
html: function () { |
return '<div class="progress">' + |
'<div class="progress-bar progress-bar-info" style="width:' + this.Percent + '%;"></div>' + |
'</div><div class="percent">' + this.Percent + '%</div>'; |
} |
}, |
Name: { |
html: function () { |
return this.Name + '<br>' + ((this.MountPoint !== undefined) ? this.MountPoint : this.MountPointID); |
} |
} |
}; |
|
var data_memory = []; |
if (data.Memory.Swap !== undefined) { |
var datas = items(data.Memory.Swap.Mount); |
data_memory.push_attrs(datas); |
$('#swap-data').render(data_memory, directive_swap); |
$('#swap-data').show(); |
} else { |
$('#swap-data').hide(); |
} |
$('#memory-data').render(data.Memory, directives); |
$("#block_memory").show(); |
} |
|
function renderFilesystem(data) { |
if ((blocks.length <= 0) || ((blocks[0] !== "true") && ($.inArray('filesystem', blocks) < 0))) { |
$("#block_filesystem").remove(); |
return; |
} |
|
var directives = { |
Total: { |
html: function () { |
if ((this.Ignore !== undefined) && (this.Ignore > 0)) { |
return formatBytes(this.Total, data.Options["@attributes"].byteFormat, true); |
} else { |
return formatBytes(this.Total, data.Options["@attributes"].byteFormat); |
} |
} |
}, |
Free: { |
html: function () { |
if ((this.Ignore !== undefined) && (this.Ignore > 0)) { |
return formatBytes(this.Free, data.Options["@attributes"].byteFormat, true); |
} else { |
return formatBytes(this.Free, data.Options["@attributes"].byteFormat); |
} |
} |
}, |
Used: { |
html: function () { |
if ((this.Ignore !== undefined) && (this.Ignore >= 2)) { |
return formatBytes(this.Used, data.Options["@attributes"].byteFormat, true); |
} else { |
return formatBytes(this.Used, data.Options["@attributes"].byteFormat); |
} |
} |
}, |
MountPoint: { |
text: function () { |
return ((this.MountPoint !== undefined) ? this.MountPoint : this.MountPointID); |
} |
}, |
Name: { |
html: function () { |
return this.Name.replace(/;/g, ";<wbr>") + ((this.MountOptions !== undefined) ? '<br><i>(' + this.MountOptions + ')</i>' : ''); |
} |
}, |
Percent: { |
html: function () { |
return '<div class="progress">' + '<div class="' + |
( ( ((this.Ignore == undefined) || (this.Ignore < 3)) && ((data.Options["@attributes"].threshold !== undefined) && |
(parseInt(this.Percent) >= parseInt(data.Options["@attributes"].threshold))) ) ? 'progress-bar progress-bar-danger' : 'progress-bar progress-bar-info' ) + |
'" style="width:' + this.Percent + '% ;"></div>' + |
'</div>' + '<div class="percent">' + this.Percent + '% ' + ((this.Inodes !== undefined) ? '<i>(' + this.Inodes + '%)</i>' : '') + '</div>'; |
} |
} |
}; |
|
try { |
var fs_data = []; |
var datas = items(data.FileSystem.Mount); |
var total = {Total:0,Free:0,Used:0}; |
for (var i = 0; i < datas.length; i++) { |
fs_data.push(datas[i]["@attributes"]); |
if ((datas[i]["@attributes"].Ignore !== undefined) && (datas[i]["@attributes"].Ignore > 0)) { |
if (datas[i]["@attributes"].Ignore == 1) { |
total.Total += parseInt(datas[i]["@attributes"].Used); |
total.Used += parseInt(datas[i]["@attributes"].Used); |
} |
} else { |
total.Total += parseInt(datas[i]["@attributes"].Total); |
total.Free += parseInt(datas[i]["@attributes"].Free); |
total.Used += parseInt(datas[i]["@attributes"].Used); |
} |
total.Percent = (total.Total !== 0) ? round((total.Used / total.Total) * 100, 2) : 0; |
} |
if (i > 0) { |
$('#filesystem-data').render(fs_data, directives); |
$('#filesystem-foot').render(total, directives); |
$('#filesystem_MountPoint').removeClass("sorttable_sorted"); //reset sort order |
// sorttable.innerSortFunction.apply(document.getElementById('filesystem_MountPoint'), []); |
sorttable.innerSortFunction.apply($('#filesystem_MountPoint')[0], []); |
$("#block_filesystem").show(); |
} else { |
$("#block_filesystem").hide(); |
} |
} |
catch (err) { |
$("#block_filesystem").hide(); |
} |
} |
|
function renderNetwork(data) { |
if ((blocks.length <= 0) || ((blocks[0] !== "true") && ($.inArray('network', blocks) < 0))) { |
$("#block_network").remove(); |
return; |
} |
|
var directives = { |
RxBytes: { |
html: function () { |
var htmladd = ''; |
if (showNetworkActiveSpeed && ($.inArray(this.Name, oldnetwork) >= 0)) { |
var diff, difftime; |
if (((diff = this.RxBytes - oldnetwork[this.Name].RxBytes) > 0) && ((difftime = data.Generation["@attributes"].timestamp - oldnetwork[this.Name].timestamp) > 0)) { |
if (showNetworkActiveSpeed == 2) { |
htmladd ="<br><i>("+formatBPS(round(8*diff/difftime, 2))+")</i>"; |
} else { |
htmladd ="<br><i>("+formatBytes(round(diff/difftime, 2), data.Options["@attributes"].byteFormat)+"/s)</i>"; |
} |
} |
} |
return formatBytes(this.RxBytes, data.Options["@attributes"].byteFormat) + htmladd; |
} |
}, |
TxBytes: { |
html: function () { |
var htmladd = ''; |
if (showNetworkActiveSpeed && ($.inArray(this.Name, oldnetwork) >= 0)) { |
var diff, difftime; |
if (((diff = this.TxBytes - oldnetwork[this.Name].TxBytes) > 0) && ((difftime = data.Generation["@attributes"].timestamp - oldnetwork[this.Name].timestamp) > 0)) { |
if (showNetworkActiveSpeed == 2) { |
htmladd ="<br><i>("+formatBPS(round(8*diff/difftime, 2))+")</i>"; |
} else { |
htmladd ="<br><i>("+formatBytes(round(diff/difftime, 2), data.Options["@attributes"].byteFormat)+"/s)</i>"; |
} |
} |
} |
return formatBytes(this.TxBytes, data.Options["@attributes"].byteFormat) + htmladd; |
} |
}, |
Drops: { |
html: function () { |
return this.Err + "/<wbr>" + this.Drops; |
} |
} |
}; |
|
var html = ""; |
var preoldnetwork = []; |
|
try { |
var datas = items(data.Network.NetDevice); |
for (var i = 0; i < datas.length; i++) { |
html+="<tr id=\"network-" + i +"\" class=\"treegrid-network-" + i + "\">"; |
html+="<td><span class=\"treegrid-spanbold\" data-bind=\"Name\"></span></td>"; |
html+="<td class=\"rightCell\"><span data-bind=\"RxBytes\"></span></td>"; |
html+="<td class=\"rightCell\"><span data-bind=\"TxBytes\"></span></td>"; |
html+="<td class=\"rightCell\"><span data-bind=\"Drops\"></span></td>"; |
html+="</tr>"; |
|
var info = datas[i]["@attributes"].Info; |
if ( (info !== undefined) && (info !== "") ) { |
var infos = info.replace(/:/g, "<wbr>:").split(";"); /* split long addresses */ |
for (var j = 0; j < infos.length; j++){ |
html +="<tr class=\"treegrid-parent-network-" + i + "\"><td colspan=\"4\"><span class=\"treegrid-span\">" + infos[j] + "</span></td></tr>"; |
} |
} |
} |
$("#network-data").empty().append(html); |
if (i > 0) { |
for (var k = 0; k < datas.length; k++) { |
$('#network-' + k).render(datas[k]["@attributes"], directives); |
if (showNetworkActiveSpeed) { |
preoldnetwork.pushIfNotExist(datas[k]["@attributes"].Name); |
preoldnetwork[datas[k]["@attributes"].Name] = {timestamp:data.Generation["@attributes"].timestamp, RxBytes:datas[k]["@attributes"].RxBytes, TxBytes:datas[k]["@attributes"].TxBytes}; |
} |
} |
$('#network').treegrid({ |
initialState: showNetworkInfosExpanded?'expanded':'collapsed', |
expanderExpandedClass: 'normalicon normalicon-down', |
expanderCollapsedClass: 'normalicon normalicon-right' |
}); |
$("#block_network").show(); |
} else { |
$("#block_network").hide(); |
} |
} |
catch (err) { |
$("#block_network").hide(); |
} |
|
if (showNetworkActiveSpeed) { |
while (oldnetwork.length > 0) { |
delete oldnetwork[oldnetwork.length-1]; //remove last object |
oldnetwork.pop(); //remove last object reference from array |
} |
oldnetwork = preoldnetwork; |
} |
} |
|
function renderVoltage(data) { |
if ((blocks.length <= 0) || ((blocks[0] !== "true") && ($.inArray('voltage', blocks) < 0))) { |
$("#block_voltage").remove(); |
return; |
} |
|
var directives = { |
Value: { |
text: function () { |
return round(this.Value,2) + String.fromCharCode(160) + "V"; |
} |
}, |
Min: { |
text: function () { |
if (this.Min !== undefined) |
return round(this.Min,2) + String.fromCharCode(160) + "V"; |
} |
}, |
Max: { |
text: function () { |
if (this.Max !== undefined) |
return round(this.Max,2) + String.fromCharCode(160) + "V"; |
} |
}, |
Label: { |
html: function () { |
if (this.Event === undefined) |
return this.Label; |
else |
return this.Label + " <img style=\"vertical-align:middle;width:20px;\" src=\"./gfx/attention.gif\" alt=\"!\" title=\"" + this.Event + "\"/>"; |
} |
} |
}; |
try { |
var voltage_data = []; |
var datas = items(data.MBInfo.Voltage.Item); |
if (voltage_data.push_attrs(datas) > 0) { |
$('#voltage-data').render(voltage_data, directives); |
$("#block_voltage").show(); |
} else { |
$("#block_voltage").hide(); |
} |
} |
catch (err) { |
$("#block_voltage").hide(); |
} |
} |
|
function renderTemperature(data) { |
if ((blocks.length <= 0) || ((blocks[0] !== "true") && ($.inArray('temperature', blocks) < 0))) { |
$("#block_temperature").remove(); |
return; |
} |
|
var directives = { |
Value: { |
html: function () { |
return formatTemp(this.Value, data.Options["@attributes"].tempFormat); |
} |
}, |
Max: { |
html: function () { |
if (this.Max !== undefined) |
return formatTemp(this.Max, data.Options["@attributes"].tempFormat); |
} |
}, |
Label: { |
html: function () { |
if (this.Event === undefined) |
return this.Label; |
else |
return this.Label + " <img style=\"vertical-align:middle;width:20px;\" src=\"./gfx/attention.gif\" alt=\"!\" title=\"" + this.Event + "\"/>"; |
} |
} |
}; |
|
try { |
var temperature_data = []; |
var datas = items(data.MBInfo.Temperature.Item); |
if (temperature_data.push_attrs(datas) > 0) { |
$('#temperature-data').render(temperature_data, directives); |
$("#block_temperature").show(); |
} else { |
$("#block_temperature").hide(); |
} |
} |
catch (err) { |
$("#block_temperature").hide(); |
} |
} |
|
function renderFans(data) { |
if ((blocks.length <= 0) || ((blocks[0] !== "true") && ($.inArray('fans', blocks) < 0))) { |
$("#block_fans").remove(); |
return; |
} |
|
var directives = { |
Value: { |
html: function () { |
return round(this.Value,0) + String.fromCharCode(160) + genlang(63); //RPM |
} |
}, |
Min: { |
html: function () { |
if (this.Min !== undefined) |
return round(this.Min,0) + String.fromCharCode(160) + genlang(63); //RPM |
} |
}, |
Label: { |
html: function () { |
if (this.Event === undefined) |
return this.Label; |
else |
return this.Label + " <img style=\"vertical-align:middle;width:20px;\" src=\"./gfx/attention.gif\" alt=\"!\" title=\"" + this.Event + "\"/>"; |
} |
} |
}; |
|
try { |
var fans_data = []; |
var datas = items(data.MBInfo.Fans.Item); |
if (fans_data.push_attrs(datas) > 0) { |
$('#fans-data').render(fans_data, directives); |
$("#block_fans").show(); |
} else { |
$("#block_fans").hide(); |
} |
} |
catch (err) { |
$("#block_fans").hide(); |
} |
} |
|
function renderPower(data) { |
if ((blocks.length <= 0) || ((blocks[0] !== "true") && ($.inArray('power', blocks) < 0))) { |
$("#block_power").remove(); |
return; |
} |
|
var directives = { |
Value: { |
text: function () { |
return round(this.Value,2) + String.fromCharCode(160) + "W"; |
} |
}, |
Max: { |
text: function () { |
if (this.Max !== undefined) |
return round(this.Max,2) + String.fromCharCode(160) + "W"; |
} |
}, |
Label: { |
html: function () { |
if (this.Event === undefined) |
return this.Label; |
else |
return this.Label + " <img style=\"vertical-align:middle;width:20px;\" src=\"./gfx/attention.gif\" alt=\"!\" title=\"" + this.Event + "\"/>"; |
} |
} |
}; |
|
try { |
var power_data = []; |
var datas = items(data.MBInfo.Power.Item); |
if (power_data.push_attrs(datas) > 0) { |
$('#power-data').render(power_data, directives); |
$("#block_power").show(); |
} else { |
$("#block_power").hide(); |
} |
} |
catch (err) { |
$("#block_power").hide(); |
} |
} |
|
function renderCurrent(data) { |
if ((blocks.length <= 0) || ((blocks[0] !== "true") && ($.inArray('current', blocks) < 0))) { |
$("#block_current").remove(); |
return; |
} |
|
var directives = { |
Value: { |
text: function () { |
return round(this.Value,2) + String.fromCharCode(160) + "A"; |
} |
}, |
Min: { |
text: function () { |
if (this.Min !== undefined) |
return round(this.Min,2) + String.fromCharCode(160) + "A"; |
} |
}, |
Max: { |
text: function () { |
if (this.Max !== undefined) |
return round(this.Max,2) + String.fromCharCode(160) + "A"; |
} |
}, |
Label: { |
html: function () { |
if (this.Event === undefined) |
return this.Label; |
else |
return this.Label + " <img style=\"vertical-align:middle;width:20px;\" src=\"./gfx/attention.gif\" alt=\"!\" title=\"" + this.Event + "\"/>"; |
} |
} |
}; |
|
try { |
var current_data = []; |
var datas = items(data.MBInfo.Current.Item); |
if (current_data.push_attrs(datas) > 0) { |
$('#current-data').render(current_data, directives); |
$("#block_current").show(); |
} else { |
$("#block_current").hide(); |
} |
} |
catch (err) { |
$("#block_current").hide(); |
} |
} |
|
function renderOther(data) { |
if ((blocks.length <= 0) || ((blocks[0] !== "true") && ($.inArray('other', blocks) < 0))) { |
$("#block_other").remove(); |
return; |
} |
|
var directives = { |
Label: { |
html: function () { |
if (this.Event === undefined) |
return this.Label; |
else |
return this.Label + " <img style=\"vertical-align:middle;width:20px;\" src=\"./gfx/attention.gif\" alt=\"!\" title=\"" + this.Event + "\"/>"; |
} |
} |
}; |
|
try { |
var other_data = []; |
var datas = items(data.MBInfo.Other.Item); |
if (other_data.push_attrs(datas) > 0) { |
$('#other-data').render(other_data, directives); |
$("#block_other").show(); |
} else { |
$("#block_other").hide(); |
} |
} |
catch (err) { |
$("#block_other").hide(); |
} |
} |
|
function renderUPS(data) { |
if ((blocks.length <= 0) || ((blocks[0] !== "true") && ($.inArray('ups', blocks) < 0))) { |
$("#block_ups").remove(); |
return; |
} |
|
var i, datas, proc_param; |
var directives = { |
Name: { |
text: function () { |
return this.Name + ((this.Mode !== undefined) ? " (" + this.Mode + ")" : ""); |
} |
}, |
LineVoltage: { |
html: function () { |
return this.LineVoltage + String.fromCharCode(160) + genlang(82); //V |
} |
}, |
LineFrequency: { |
html: function () { |
return this.LineFrequency + String.fromCharCode(160) + genlang(109); //Hz |
} |
}, |
BatteryVoltage: { |
html: function () { |
return this.BatteryVoltage + String.fromCharCode(160) + genlang(82); //V |
} |
}, |
TimeLeftMinutes: { |
html: function () { |
return this.TimeLeftMinutes + String.fromCharCode(160) + genlang(83); //minutes |
} |
}, |
LoadPercent: { |
html: function () { |
return '<div class="progress">' + |
'<div class="progress-bar progress-bar-info" style="width:' + round(this.LoadPercent,0) + '%;"></div>' + |
'</div><div class="percent">' + round(this.LoadPercent,0) + '%</div>'; |
} |
}, |
BatteryChargePercent: { |
html: function () { |
return '<div class="progress">' + |
'<div class="progress-bar progress-bar-info" style="width:' + round(this.BatteryChargePercent,0) + '%;"></div>' + |
'</div><div class="percent">' + round(this.BatteryChargePercent,0) + '%</div>'; |
} |
} |
}; |
|
if ((data.UPSInfo !== undefined) && (items(data.UPSInfo.UPS).length > 0)) { |
var html=""; |
var paramlist = {Model:70,StartTime:72,Status:73,Temperature:84,OutagesCount:74,LastOutage:75,LastOutageFinish:76,LineVoltage:77,LineFrequency:108,LoadPercent:78,BatteryDate:104,BatteryVoltage:79,BatteryChargePercent:80,TimeLeftMinutes:81}; |
|
try { |
datas = items(data.UPSInfo.UPS); |
for (i = 0; i < datas.length; i++) { |
html+="<tr id=\"ups-" + i +"\" class=\"treegrid-UPS-" + i+ "\">"; |
html+="<td colspan=\"2\"><span class=\"treegrid-spanbold\" data-bind=\"Name\"></span></td>"; |
html+="</tr>"; |
for (proc_param in paramlist) { |
if (datas[i]["@attributes"][proc_param] !== undefined) { |
html+="<tr id=\"ups-" + i + "-" + proc_param + "\" class=\"treegrid-parent-UPS-" + i +"\">"; |
html+="<td style=\"width:60%;\"><span class=\"treegrid-spanbold\">" + genlang(paramlist[proc_param]) + "</span></td>"; |
html+="<td class=\"rightCell\"><span data-bind=\"" + proc_param + "\"></span></td>"; |
html+="</tr>"; |
} |
} |
|
} |
} |
catch (err) { |
} |
|
if ((data.UPSInfo["@attributes"] !== undefined) && (data.UPSInfo["@attributes"].ApcupsdCgiLinks === "1")) { |
html+="<tr>"; |
html+="<td colspan=\"2\">(<a title='details' href='/cgi-bin/apcupsd/multimon.cgi' target='apcupsdcgi'>"+genlang(99)+"</a>)</td>"; |
html+="</tr>"; |
} |
|
$("#ups-data").empty().append(html); |
|
try { |
datas = items(data.UPSInfo.UPS); |
for (i = 0; i < datas.length; i++) { |
$('#ups-'+ i).render(datas[i]["@attributes"], directives); |
for (proc_param in paramlist) { |
if (datas[i]["@attributes"][proc_param] !== undefined) { |
$('#ups-'+ i +'-'+proc_param).render(datas[i]["@attributes"], directives); |
} |
} |
} |
} |
catch (err) { |
} |
|
$('#ups').treegrid({ |
initialState: 'expanded', |
expanderExpandedClass: 'normalicon normalicon-down', |
expanderCollapsedClass: 'normalicon normalicon-right' |
}); |
|
$("#block_ups").show(); |
} else { |
$("#block_ups").hide(); |
} |
} |
|
function renderErrors(data) { |
try { |
var datas = items(data.Errors.Error); |
for (var i = 0; i < datas.length; i++) { |
$("#errors").append("<li><b>"+datas[i]["@attributes"].Function+"</b> - "+datas[i]["@attributes"].Message.replace(/\n/g, "<br>")+"</li><br>"); |
} |
if (i > 0) { |
$("#errorbutton").attr('data-toggle', 'modal'); |
$("#errorbutton").css('cursor', 'pointer'); |
$("#errorbutton").css("visibility", "visible"); |
} |
} |
catch (err) { |
$("#errorbutton").css("visibility", "hidden"); |
$("#errorbutton").css('cursor', 'default'); |
$("#errorbutton").attr('data-toggle', ''); |
} |
} |
|
/** |
* format seconds to a better readable statement with days, hours and minutes |
* @param {Number} sec seconds that should be formatted |
* @return {String} html string with no breaking spaces and translation statemen |
*/ |
function formatUptime(sec) { |
var txt = "", intMin = 0, intHours = 0, intDays = 0; |
intMin = sec / 60; |
intHours = intMin / 60; |
intDays = Math.floor(intHours / 24); |
intHours = Math.floor(intHours - (intDays * 24)); |
intMin = Math.floor(intMin - (intDays * 60 * 24) - (intHours * 60)); |
if (intDays) { |
txt += intDays.toString() + String.fromCharCode(160) + genlang(48) + String.fromCharCode(160); //days |
} |
if (intHours) { |
txt += intHours.toString() + String.fromCharCode(160) + genlang(49) + String.fromCharCode(160); //hours |
} |
return txt + intMin.toString() + String.fromCharCode(160) + genlang(50); //Minutes |
} |
|
/** |
* format a celcius temperature to fahrenheit and also append the right suffix |
* @param {String} degreeC temperature in celvius |
* @param {jQuery} xml phpSysInfo-XML |
* @return {String} html string with no breaking spaces and translation statements |
*/ |
function formatTemp(degreeC, tempFormat) { |
var degree = 0; |
if (tempFormat === undefined) { |
tempFormat = "c"; |
} |
degree = parseFloat(degreeC); |
if (isNaN(degreeC)) { |
return "---"; |
} else { |
switch (tempFormat.toLowerCase()) { |
case "f": |
return round((((9 * degree) / 5) + 32), 1) + String.fromCharCode(160) + genlang(61); |
case "c": |
return round(degree, 1) + String.fromCharCode(160) + genlang(60); |
case "c-f": |
return round(degree, 1) + String.fromCharCode(160) + genlang(60) + "<br><i>(" + round((((9 * degree) / 5) + 32), 1) + String.fromCharCode(160) + genlang(61) + ")</i>"; |
case "f-c": |
return round((((9 * degree) / 5) + 32), 1) + String.fromCharCode(160) + genlang(61) + "<br><i>(" + round(degree, 1) + String.fromCharCode(160) + genlang(60) + ")</i>"; |
} |
} |
} |
|
/** |
* format a given MHz value to a better readable statement with the right suffix |
* @param {Number} mhertz mhertz value that should be formatted |
* @return {String} html string with no breaking spaces and translation statements |
*/ |
function formatHertz(mhertz) { |
if ((mhertz >= 0) && (mhertz < 1000)) { |
return mhertz.toString() + String.fromCharCode(160) + genlang(92); |
} else { |
if (mhertz >= 1000) { |
return round(mhertz / 1000, 2) + String.fromCharCode(160) + genlang(93); |
} else { |
return ""; |
} |
} |
} |
|
/** |
* format the byte values into a user friendly value with the corespondenting unit expression<br>support is included |
* for binary and decimal output<br>user can specify a constant format for all byte outputs or the output is formated |
* automatically so that every value can be read in a user friendly way |
* @param {Number} bytes value that should be converted in the corespondenting format, which is specified in the phpsysinfo.ini |
* @param {jQuery} xml phpSysInfo-XML |
* @param {parenths} if true then add parentheses |
* @return {String} string of the converted bytes with the translated unit expression |
*/ |
function formatBytes(bytes, byteFormat, parenths) { |
var show = ""; |
|
if (byteFormat === undefined) { |
byteFormat = "auto_binary"; |
} |
|
switch (byteFormat.toLowerCase()) { |
case "pib": |
show += round(bytes / Math.pow(1024, 5), 2); |
show += String.fromCharCode(160) + genlang(90); |
break; |
case "tib": |
show += round(bytes / Math.pow(1024, 4), 2); |
show += String.fromCharCode(160) + genlang(86); |
break; |
case "gib": |
show += round(bytes / Math.pow(1024, 3), 2); |
show += String.fromCharCode(160) + genlang(87); |
break; |
case "mib": |
show += round(bytes / Math.pow(1024, 2), 2); |
show += String.fromCharCode(160) + genlang(88); |
break; |
case "kib": |
show += round(bytes / Math.pow(1024, 1), 2); |
show += String.fromCharCode(160) + genlang(89); |
break; |
case "pb": |
show += round(bytes / Math.pow(1000, 5), 2); |
show += String.fromCharCode(160) + genlang(91); |
break; |
case "tb": |
show += round(bytes / Math.pow(1000, 4), 2); |
show += String.fromCharCode(160) + genlang(85); |
break; |
case "gb": |
show += round(bytes / Math.pow(1000, 3), 2); |
show += String.fromCharCode(160) + genlang(41); |
break; |
case "mb": |
show += round(bytes / Math.pow(1000, 2), 2); |
show += String.fromCharCode(160) + genlang(40); |
break; |
case "kb": |
show += round(bytes / Math.pow(1000, 1), 2); |
show += String.fromCharCode(160) + genlang(39); |
break; |
case "b": |
show += bytes; |
show += String.fromCharCode(160) + genlang(96); |
break; |
case "auto_decimal": |
if (bytes > Math.pow(1000, 5)) { |
show += round(bytes / Math.pow(1000, 5), 2); |
show += String.fromCharCode(160) + genlang(91); |
} else { |
if (bytes > Math.pow(1000, 4)) { |
show += round(bytes / Math.pow(1000, 4), 2); |
show += String.fromCharCode(160) + genlang(85); |
} else { |
if (bytes > Math.pow(1000, 3)) { |
show += round(bytes / Math.pow(1000, 3), 2); |
show += String.fromCharCode(160) + genlang(41); |
} else { |
if (bytes > Math.pow(1000, 2)) { |
show += round(bytes / Math.pow(1000, 2), 2); |
show += String.fromCharCode(160) + genlang(40); |
} else { |
if (bytes > Math.pow(1000, 1)) { |
show += round(bytes / Math.pow(1000, 1), 2); |
show += String.fromCharCode(160) + genlang(39); |
} else { |
show += bytes; |
show += String.fromCharCode(160) + genlang(96); |
} |
} |
} |
} |
} |
break; |
default: |
if (bytes > Math.pow(1024, 5)) { |
show += round(bytes / Math.pow(1024, 5), 2); |
show += String.fromCharCode(160) + genlang(90); |
} else { |
if (bytes > Math.pow(1024, 4)) { |
show += round(bytes / Math.pow(1024, 4), 2); |
show += String.fromCharCode(160) + genlang(86); |
} else { |
if (bytes > Math.pow(1024, 3)) { |
show += round(bytes / Math.pow(1024, 3), 2); |
show += String.fromCharCode(160) + genlang(87); |
} else { |
if (bytes > Math.pow(1024, 2)) { |
show += round(bytes / Math.pow(1024, 2), 2); |
show += String.fromCharCode(160) + genlang(88); |
} else { |
if (bytes > Math.pow(1024, 1)) { |
show += round(bytes / Math.pow(1024, 1), 2); |
show += String.fromCharCode(160) + genlang(89); |
} else { |
show += bytes; |
show += String.fromCharCode(160) + genlang(96); |
} |
} |
} |
} |
} |
} |
if (parenths === true) { |
show = "<i>(" + show + ")</i>"; |
} |
return "<span style='display:none'>" + round(bytes,0) + ".</span>" + show; //span for sorting |
} |
|
function formatBPS(bps) { |
var show = ""; |
|
if (bps > Math.pow(1000, 5)) { |
show += round(bps / Math.pow(1000, 5), 2); |
show += String.fromCharCode(160) + 'Pb/s'; |
} else { |
if (bps > Math.pow(1000, 4)) { |
show += round(bps / Math.pow(1000, 4), 2); |
show += String.fromCharCode(160) + 'Tb/s'; |
} else { |
if (bps > Math.pow(1000, 3)) { |
show += round(bps / Math.pow(1000, 3), 2); |
show += String.fromCharCode(160) + 'Gb/s'; |
} else { |
if (bps > Math.pow(1000, 2)) { |
show += round(bps / Math.pow(1000, 2), 2); |
show += String.fromCharCode(160) + 'Mb/s'; |
} else { |
if (bps > Math.pow(1000, 1)) { |
show += round(bps / Math.pow(1000, 1), 2); |
show += String.fromCharCode(160) + 'Kb/s'; |
} else { |
show += bps; |
show += String.fromCharCode(160) + 'b/s'; |
} |
} |
} |
} |
} |
return show; |
} |
|
Array.prototype.pushIfNotExist = function(val) { |
if (typeof(val) == 'undefined' || val === '') { |
return; |
} |
val = $.trim(val); |
if ($.inArray(val, this) == -1) { |
this.push(val); |
} |
}; |
|
/** |
* generate a formatted datetime string of the current datetime |
* @return {String} formatted datetime string |
*/ |
function datetime() { |
var date, day = 0, month = 0, year = 0, hour = 0, minute = 0, days = "", months = "", years = "", hours = "", minutes = ""; |
date = new Date(); |
day = date.getDate(); |
month = date.getMonth() + 1; |
year = date.getFullYear(); |
hour = date.getHours(); |
minute = date.getMinutes(); |
|
// format values smaller that 10 with a leading 0 |
days = (day < 10) ? "0" + day.toString() : day.toString(); |
months = (month < 10) ? "0" + month.toString() : month.toString(); |
years = (year < 1000) ? year.toString() : year.toString(); |
minutes = (minute < 10) ? "0" + minute.toString() : minute.toString(); |
hours = (hour < 10) ? "0" + hour.toString() : hour.toString(); |
|
return days + "." + months + "." + years + " - " + hours + ":" + minutes; |
} |
|
/** |
* round a given value to the specified precision, difference to Math.round() is that there |
* will be appended Zeros to the end if the precision is not reached (0.1 gets rounded to 0.100 when precision is set to 3) |
* @param {Number} x value to round |
* @param {Number} n precision |
* @return {String} |
*/ |
function round(x, n) { |
var e = 0, k = ""; |
if (n < 0 || n > 14) { |
return 0; |
} |
if (n === 0) { |
return Math.round(x); |
} else { |
e = Math.pow(10, n); |
k = (Math.round(x * e) / e).toString(); |
if (k.indexOf('.') === -1) { |
k += '.'; |
} |
k += e.toString().substring(1); |
return k.substring(0, k.indexOf('.') + n + 1); |
} |
} |