syndash-prototype/script.js at main · kizo-88/syndash-prototype · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
let chartData = [];


let ctx = document.getElementById('simChart').getContext('2d');


let simChart = new Chart(ctx, {
type: 'line',
data: {
labels: [],
datasets: [{
label: 'SIM Values',
data: chartData,
borderColor: 'blue',
fill: false
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
scales: {
x: {
display: true,
title: {
display: true,
text: 'Time'
}
},
y: {
display: true,
title: {
display: true,
text: 'SIM Value'
}
}
}
}
});


function updateGraph() {
const simValue = parseFloat(document.getElementById('sim').value);
chartData.push(simValue);
simChart.data.labels.push(new Date().toLocaleTimeString());
simChart.update();
updateRiskMeter(simValue);
}


function updateRiskMeter(simValue) {
const riskMeterFill = document.getElementById('riskMeterFill');
let fillPercentage = 0;


if (simValue > 85) {
    fillPercentage = 100;
} else if (simValue >= 80 && simValue <= 85) {
    fillPercentage = 50;
} else {
    fillPercentage = 25;
}

riskMeterFill.style.width = fillPercentage + '%';

if (simValue < 80) {
    riskMeterFill.style.backgroundColor = 'red';
    lastAlertTime = new Date().toLocaleString();
    document.getElementById('lastAlertTime').textContent = 'Last Alert Time: ' + lastAlertTime;
} else if (simValue >= 80 && simValue <= 85) {
    riskMeterFill.style.backgroundColor = 'yellow';
} else {
    riskMeterFill.style.backgroundColor = 'green';
}

}