81 lines
2.6 KiB
JavaScript
81 lines
2.6 KiB
JavaScript
window.onload = function () {
|
|
resize_canvas();
|
|
i18n();
|
|
|
|
var chart = new SmoothieChart({
|
|
millisPerPixel: 200,
|
|
maxValueScale: 1.1,
|
|
minValueScale: 1.1,
|
|
scaleSmoothing: 0.1,
|
|
grid: {
|
|
fillStyle: '#ffffff',
|
|
millisPerLine: 30000,
|
|
verticalSections: 5
|
|
},
|
|
labels: {
|
|
fillStyle: '#0000ff',
|
|
fontSize: 18,
|
|
precision: 1
|
|
},
|
|
timestampFormatter: SmoothieChart.timeFormatter
|
|
});
|
|
var canvas = document.getElementById('smoothie-chart');
|
|
var series = new TimeSeries();
|
|
var average_array = [];
|
|
|
|
chart.addTimeSeries(series, { lineWidth: 3.5, strokeStyle: '#ff0000' });
|
|
chart.streamTo(canvas, 500);
|
|
|
|
function run_proc(series, average_array) {
|
|
cockpit.spawn(['sh', '-c', 'sensors|grep °C']).then(function (data) {
|
|
pt = parseFloat(("" + data).trim().split(/[\r\n]+/)[0].split(/:\s*/)[1].trim());
|
|
series.append(new Date().getTime(), pt);
|
|
document.getElementById("cur_temp").innerHTML = pt;
|
|
average_array.push(pt);
|
|
if (average_array.length > 5 * 60) {
|
|
average_array.shift();
|
|
}
|
|
document.getElementById("avg_temp").innerHTML = average(average_array);
|
|
});
|
|
};
|
|
setInterval(function () { run_proc(series, average_array) }, 2000);
|
|
run_proc(series, average_array);
|
|
}
|
|
|
|
function resize_canvas() {
|
|
document.getElementById("smoothie-chart").width = window.innerWidth - 50;
|
|
}
|
|
|
|
function average(array) {
|
|
var sum = 0;
|
|
var count = array.length;
|
|
for (var i = 0; i < count; i++) {
|
|
sum = sum + array[i];
|
|
}
|
|
return Math.round(sum * 10 / count) / 10;
|
|
}
|
|
|
|
|
|
function i18n() {
|
|
var init = function () {
|
|
var C_ = cockpit.gettext;
|
|
var po_file = './i18n/' + cockpit.language + '.json';
|
|
console.debug('i18n:', po_file);
|
|
fetch(po_file)
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
cockpit.locale(data);
|
|
document.getElementById("title").innerHTML = C_('CPU Temperature');
|
|
document.getElementById("key_cur_temp").innerHTML = C_('Current Temperature:');
|
|
document.getElementById("key_avg_temp").innerHTML = C_('Average Temperature (5m):');
|
|
});
|
|
};
|
|
check_language_timer = setInterval(() => {
|
|
if (cockpit.language) {
|
|
clearInterval(check_language_timer);
|
|
init();
|
|
return;
|
|
}
|
|
}, 1000);
|
|
}
|