Subversion Repositories ALCASAR

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>";