adrien/tableau-vlans
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: adrien:266ed7e24e3bbd3741fc1dc310086827e668134d
Branches Tags
adrien:master
...
compare: adrien:35f9760b24b8a776c34fbef45f1532fe5f09ce96
Branches Tags
adrien:master

2 Commits
266ed7e24e ... 35f9760b24

Author SHA1 Message Date
adrien
35f9760b24 Merge remote-tracking branch 'origin/HEAD' 2025-05-20 11:41:57 +02:00
adrien
f1dad26944 change hybrid colors 2025-05-20 11:38:54 +02:00
2 changed files with 10 additions and 11 deletions
Show Stats Expand all files Collapse all files

9
show.php
View File

@ -29,7 +29,7 @@ $otherPattern = " .*$NL";
$endPattern = "(?<!#)";
preg_match_all("/$startPattern$vlanPvidPattern(?:$vlanNamePattern|$vlanDescriptionPattern|$otherPattern)*$endPattern/", $conf, $vlans, PREG_SET_ORDER);
$interfaceAddressPattern = "interface [\w-]+(?P<member>\d+)\/0\/(?P<port>\d+)$NL";
$pvidPattern = " port (?:access|trunk pvid) vlan (?P<pvid>\d+)$NL";
$pvidPattern = " port (?:access|trunk pvid|hybrid pvid) vlan (?P<pvid>\d+)$NL";
$portHybridPattern = " port hybrid (?:pvid )?vlan (?:(?P<tagged>\d+)(?: [0-9a-z ]*)? tagged|(?P<untagged>\d+)(?: \d+)* untagged)$NL";
$voiceVlanPattern = " voice-vlan (?P<voice_vlan>\d+) enable$NL";
preg_match_all("/$startPattern$interfaceAddressPattern(?:$pvidPattern|$portHybridPattern|$voiceVlanPattern|$otherPattern)*$endPattern/", $conf, $interfaces, PREG_SET_ORDER);
@ -137,10 +137,13 @@ foreach ($interfaces as $interface) {
for (let i = 0; i < customColors.sheet.cssRules.length; i++) {
if (customColors.sheet.cssRules[i].selectorText == `[style*="--pvid: ${pvid};"]`) {
customColors.sheet.deleteRule(i)
break
}
if (customColors.sheet.cssRules[i].selectorText == `[style*="--tagged: ${pvid};"]`) {
customColors.sheet.deleteRule(i)
}
}
customColors.sheet.insertRule(`[style*="--pvid: ${pvid};"] { background-color: ${color} }`)
customColors.sheet.insertRule(`[style*="--pvid: ${pvid};"] { --pvid-color: ${color} }`)
customColors.sheet.insertRule(`[style*="--tagged: ${pvid};"] { --tagged-color: ${color} }`)
}
</script>
</body>

12
style.css
View File

@ -163,11 +163,10 @@ main {
.vlan {
--pvid: 0;
--pvid-color: hsl(calc(var(--hue) * var(--pvid)) var(--saturation) var(--lightness));
color: #ecf0f1;
text-shadow: 1px 2px 2px black;
background-color: hsl(
calc(var(--hue) * var(--pvid)) var(--saturation) var(--lightness)
);
background-color: var(--pvid-color);
}
.vlan:hover {
@ -190,11 +189,8 @@ main {
.hybrid {
--tagged: 0;
background-image: linear-gradient(
145deg,
transparent 50%,
hsl(calc(var(--hue) * var(--tagged)) var(--saturation) var(--lightness)) 50%
);
--tagged-color: hsl(calc(var(--hue) * var(--tagged)) var(--saturation) var(--lightness));
background-image: linear-gradient(145deg, transparent 50%, var(--tagged-color) 50%);
}
.shutdown:not([class*="loopback-detection action shutdown"]) {