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

Compare commits

base: adrien:3886890c06e68cfb27084074ec0020ca8374e897
Branches Tags
adrien:master
..
compare: adrien:e988e09b7f341ddb85161209b22cefac94006af6
Branches Tags
adrien:master

2 Commits
3886890c06 ... e988e09b7f

Author SHA1 Message Date
adrien
e988e09b7f Merge remote-tracking branch 'origin/HEAD' 2025-05-19 14:55:24 +02:00
adrien
a36abb0ddf custom colors 2025-05-19 14:52:05 +02:00
2 changed files with 26 additions and 4 deletions
Show Stats Expand all files Collapse all files

20
show.php
View File

@ -1,8 +1,8 @@
<?php
$basedir = __DIR__ . "/confs/";
$path = realpath($basedir . filter_input(INPUT_GET, "switch", FILTER_SANITIZE_STRING));
if (strpos($path, $basedir) !== 0 || substr($path, -4) != ".cfg") {
header('HTTP/1.1 404 Not Found');
$path = escapeshellcmd(realpath($basedir . $_GET["switch"]));
if (substr($path, -4) != ".cfg") {
http_response_code(404);
die();
}
@ -46,6 +46,7 @@ echo ("-->");*/
<title><?= $sysname[1] ?? "Switch sans nom" ?> - Tableau des VLANs</title>
<link href="style.css" rel="stylesheet" />
<link rel="icon" type="image/svg" href="favicon.svg">
<style id="customColors"></style>
</head>
<body>
@ -91,7 +92,7 @@ echo ("-->");*/
if (isset($vlan["pvid"]) and $vlan["pvid"] != 1) {
$name = $vlan["name"] ?? "";
$description = $vlan["description"] ?? "";
echo "<tr title='{$vlan[0]}'><td class='interface vlan' style='--pvid: {$vlan["pvid"]}'>{$vlan["pvid"]}</td><td>$name</td><td>$description</td></tr>";
echo "<tr title='{$vlan[0]}'><td class='interface vlan {$vlan["pvid"]}' style='--pvid: {$vlan["pvid"]};'>{$vlan["pvid"]}<input type='color' oninput='changeColor({$vlan["pvid"]}, this.value)' /></td><td>$name</td><td>$description</td></tr>";
}
}
?>
@ -125,6 +126,17 @@ echo ("-->");*/
<a href="<?= str_replace(__DIR__ . "/", "", $path) ?>" target="_blank" class="link no-print">Télécharger la configuration</a>
<a href="index.php" class="link no-print">← Retour à la liste</a>
</footer>
<script>
function changeColor(pvid, color) {
for (let i = 0; i < customColors.sheet.cssRules.length; i++) {
if (customColors.sheet.cssRules[i].selectorText == `[style*="--pvid: ${pvid}"]`) {
customColors.sheet.deleteRule(i)
break
}
}
customColors.sheet.insertRule(`[style*="--pvid: ${pvid}"] { background-color: ${color} }`)
}
</script>
</body>
</html>

10
style.css
View File

@ -235,6 +235,16 @@ footer {
width: 33%;
}
input[type="color"] {
opacity: 0%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
@media print {
body {
margin: auto;