githubmirror/edex-ui

src/classes/cpuinfo.class.js
94 строки3 KB
GitSquared
mod_cpuinfo
30 дек 2017, 20:00
30 дек 2017, 20:00e0f759a
class Cpuinfo {
    constructor(parentId) {
        if (!parentId) throw "Missing parameters";

        this.si = require("systeminformation");

        // Create initial DOM
        this.parent = document.getElementById(parentId);
        this.parent.innerHTML += `<div id="mod_cpuinfo">
            <div id="mod_cpuinfo_innercontainer"></div>
        </div>`;
        this.container = document.getElementById("mod_cpuinfo_innercontainer");

        // Init Smoothie
        let TimeSeries = require("smoothie").TimeSeries;
        let SmoothieChart = require("smoothie").SmoothieChart;

        this.series = [];
        this.charts = [];
        this.si.cpu((data) => {
            let createCoresDOM = () => {
                return new Promise((resolve, reject) => {
                    let timeId = setTimeout(reject, 1000); // Fail after 1s
                    for (var i = 0; i < data.cores; i++) {
                        // Create DOM
                        this.container.innerHTML += `<div>
                        <h1>CORE <em>#<span>${i}</span></em><br><i>% USED</i></h1>
                        <canvas id="mod_cpuinfo_canvas_${i}" height="60"></canvas>
                        </div>`;

                        if (i === data.cores-1) {
                            clearTimeout(timeId); // Clear fail timer
                            resolve(true);
                        }
                    }
                });
            };
            async function waitForCoresDOM() {
                let result = createCoresDOM();
                return await result;
            }
            waitForCoresDOM().then(() => {
                for (var i = 0; i < data.cores; i++) {
                    // Create TimeSeries
                    this.series.push(new TimeSeries());

                    // Create charts
                    let serie = this.series[i];
                    let chart = new SmoothieChart({
                        limitFPS: 30,
                        responsive: true,
                        millisPerPixel: 50,
                        grid:{
                            fillStyle:'transparent',
                            strokeStyle:'transparent',
                            verticalSections:0,
                            borderVisible:false
                        },
                        labels:{
                            disabled: true
                        },
                        yRangeFunction: () => {
                            return {min:0,max:100};
                        }
                    });

                    chart.addTimeSeries(serie, {lineWidth:1.7,strokeStyle:'#bee6c1'});
                    chart.streamTo(document.getElementById(`mod_cpuinfo_canvas_${i}`), 500);

                    this.charts.push(chart);
                }

                // Init updater
                this.updateInfo();
                this.infoUpdater = setInterval(() => {
                    this.updateInfo();
                }, 500);
            }, () => {
                console.error("[mod_cpuinfo]: Error when creating DOM.");
            });
        });
    }
    updateInfo() {
        this.si.currentLoad((data) => {
            data.cpus.forEach((e, i) => {
                this.series[i].append(new Date().getTime(), e.load);
            });
        });
    }
}

module.exports = {
    Cpuinfo
};