gitproxy/RTLPlayground
1
0
Fork 0
mirror of https://github.com/logicog/RTLPlayground.git synced 2026-08-30 14:52:51 +08:00
Code Issues Packages Projects Releases Wiki Activity

Dynamic generation of port overview.

Browse Source
This commit is contained in:
logicog
2025-08-19 09:26:17 +02:00
parent b1ac33b7fb
commit 4d45bee566
3 changed files with 85 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
html/main.js
+27 -11
View File
@@ -1,37 +1,53 @@
var txG = new BigInt64Array(10);
var txB = new BigInt64Array(10);
var rxG = new BigInt64Array(10);
var rxB = new BigInt64Array(10);
const linkS = ["Disabled", "No Link", "100M", "1000M", "NO", "NO", "2.5G"];
var pState = new Int8Array(10);
var pIsSFP = new Int8Array(10);
var numPorts = 0;
function update() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
const s = JSON.parse(xhttp.responseText);
if (!numPorts) {
numPorts = s.length;
for (let i = 0; i < s.length; i++)
pIsSFP[i] = s[i].isSFP;
drawPorts();
}
console.log("Request returned", JSON.stringify(s));
s.forEach(function (p, i) {
for (let i = 0; i < s.length; i++) {
p = s[i];
let pid = "port" + p.portNum;
console.log(p.txG, pid);
txG[i] = BigInt(p.txG); txB[i] = BigInt(p.txB); rxG[i] = BigInt(p.rxG); rxB[i] = BigInt(p.rxB);
var psvg = document.getElementById(pid);
if (psvg == null || !psvg.contentDocument)
continue;
var bgs = psvg.contentDocument.getElementsByClassName("bg");
console.log(JSON.stringify(bgs));
var leds = psvg.contentDocument.getElementsByClassName("led");
if (p.enabled == 0) {
pState[i] = -1;
bgs[0].style.fill = "red";
leds[0].style.fill = "black";
leds[1].style.fill = "black";
psvg.style.opacity = 0.4;
} else {
psvg.style.opacity = 1.0;
pState[i] = p.link;
if (p.link == 5) {
leds[0].style.fill = "green";
leds[1].style.fill = "orange";
leds[0].style.fill = "green"; leds[1].style.fill = "orange";
} else if (p.link == 2) {
leds[0].style.fill = "green";
leds[1].style.fill = "green";
leds[0].style.fill = "green"; leds[1].style.fill = "green";
} else {
leds[0].style.fill = "black";
leds[1].style.fill = "black";
leds[0].style.fill = "black"; leds[1].style.fill = "black";
psvg.style.opacity = 0.4
}
console.log(JSON.stringify(leds));
}
});
}
}
};
xhttp.open("GET", "/status.json", true);
@@ -40,5 +56,5 @@ function update() {
window.addEventListener("load", function() {
update();
const interval = setInterval(update, 5000);
const interval = setInterval(update, 1000);
});