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

Use nicer function to set clicked ports

Browse Source
This commit is contained in:
logicog
2025-08-20 10:20:39 +02:00
parent 940ee648df
commit 7b4a95b806
1 changed files with 9 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
html/vlan.js
+9 -14
View File
@@ -15,7 +15,7 @@ function vlanForm() {
const inp = document.createElement("input"); const inp = document.createElement("input");
inp.type = "checkbox"; inp.type = "checkbox";
inp.id = "tport" + i; inp.id = "tport" + i;
inp.setAttribute('onclick', `pClicked(true, ${i});`); inp.setAttribute('onclick', `setC("u", ${i}, false);`);
const o = document.createElement("img"); const o = document.createElement("img");
if (pIsSFP[i - 1]) { if (pIsSFP[i - 1]) {
o.src = "sfp.svg"; o.width ="60"; o.height ="60"; o.src = "sfp.svg"; o.width ="60"; o.height ="60";
@@ -28,23 +28,19 @@ function vlanForm() {
t.appendChild(d); t.appendChild(d);
var d2=d.cloneNode(true); var d2=d.cloneNode(true);
d2.children[0].children[0].id = "uport" + i; d2.children[0].children[0].id = "uport" + i;
d2.children[0].children[0].setAttribute('onclick', `pClicked(false, ${i});`); d2.children[0].children[0].setAttribute('onclick', `setC("t", ${i}, false);`);
u.appendChild(d2); u.appendChild(d2);
} }
} }
function pClicked(t, n){ function setC(t, p, c)
if (t) {
document.getElementById('uport' + n).checked=false; document.getElementById(t+'port'+p).checked=c;
else
document.getElementById('tport' + n).checked=false;
} }
function utClicked(t){ function utClicked(t){
console.log("CLICKED 1");
for (let i = 1; i <= numPorts; i++) { for (let i = 1; i <= numPorts; i++) {
document.getElementById('tport' + i).checked=t; setC('t', i, t); setC('u', i, !t);
document.getElementById('uport' + i).checked=!t;
} }
} }
@@ -59,16 +55,15 @@ function fetchVLAN() {
const s = JSON.parse(xhttp.responseText); const s = JSON.parse(xhttp.responseText);
console.log("VLAN: ", JSON.stringify(s)); console.log("VLAN: ", JSON.stringify(s));
m = parseInt(s.members, 16); m = parseInt(s.members, 16);
console.log("Members: ", m.toString(16));
for (let i = 1; i <= numPorts; i++) { for (let i = 1; i <= numPorts; i++) {
document.getElementById('tport' + i).checked=(m>>(16+i-1))&1; setC('t', i, (m>>(10+i-1))&1);
document.getElementById('uport' + i).checked=(m>>(i-1))&1; setC('u', i, (m>>(i-1))&1);
} }
} }
}; };
var v=document.getElementById('vid').value var v=document.getElementById('vid').value
if (!v) { if (!v) {
alert("Please enter a VLAN ID first"); alert("Set VLAN ID first");
return; return;
} }
xhttp.open("GET", `/vlan.json?vid=${v}`, true); xhttp.open("GET", `/vlan.json?vid=${v}`, true);