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

print tweaks

Browse Source
This commit is contained in:
Adrien MALINGREY 2025-04-02 15:32:54 +02:00
parent e74d49e34c
commit 8dbc082b37
2 changed files with 27 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
show.php
View File

@ -11,17 +11,17 @@ $conf = file_get_contents($path);
preg_match("/ sysname ([\w-]+)/", $conf, $sysname); preg_match("/ sysname ([\w-]+)/", $conf, $sysname);
preg_match("/ip address ([\d.]+)/", $conf, $address); preg_match("/ip address ([\d.]+)/", $conf, $address);
$startPattern = "(?<=\n)"; $startPattern = "(?<=\n)";
$NLPattern = "[\r\n]+"; $NLP = "[\r\n]+";
$vlanPvidPattern = "vlan (?P<pvid>\d+)$NLPattern"; $vlanPvidPattern = "vlan (?P<pvid>\d+)$NLP";
$vlanNamePattern = " name (?P<name>.+)$NLPattern"; $vlanNamePattern = " name (?P<name>.+)$NLP";
$vlanDescriptionPattern = " description (?P<description>.+)$NLPattern"; $vlanDescriptionPattern = " description (?P<description>.+)$NLP";
$otherPattern = " .*$NLPattern"; $otherPattern = " .*$NLP";
$endPattern = "(?<!#)"; $endPattern = "(?<!#)";
preg_match_all("/$startPattern$vlanPvidPattern(?:$vlanNamePattern|$vlanDescriptionPattern|$otherPattern)*$endPattern/", $conf, $vlans, PREG_SET_ORDER); preg_match_all("/$startPattern$vlanPvidPattern(?:$vlanNamePattern|$vlanDescriptionPattern|$otherPattern)*$endPattern/", $conf, $vlans, PREG_SET_ORDER);
$interfaceAddressPattern = "interface [\w-]+(?P<member>\d+)\/0\/(?P<port>\d+)$NLPattern"; $interfaceAddressPattern = "interface [\w-]+(?P<member>\d+)\/0\/(?P<port>\d+)$NLP";
$portHybridPattern = " port hybrid (?:pvid )?vlan (?:(?P<tagged>\d+)(?: [0-9a-z ]*)? tagged|(?P<untagged>\d+)(?: \d+)* untagged)$NLPattern"; $portHybridPattern = " port hybrid (?:pvid )?vlan (?:(?P<tagged>\d+)(?: [0-9a-z ]*)? tagged|(?P<untagged>\d+)(?: \d+)* untagged)$NLP";
$portAccessPattern = " port (?:access |trunk |hybrid |pvid |vlan )*(?P<pvid>\d+)$NLPattern"; $portAccessPattern = " port (?:access |trunk |hybrid |pvid |vlan )*(?P<pvid>\d+)$NLP";
$voiceVlanPattern = " voice-vlan (?P<voice_vlan>\d+) enable$NLPattern"; $voiceVlanPattern = " voice-vlan (?P<voice_vlan>\d+) enable$NLP";
preg_match_all("/$startPattern$interfaceAddressPattern(?:$portHybridPattern|$portAccessPattern|$voiceVlanPattern|$otherPattern)*$endPattern/", $conf, $interfaces, PREG_SET_ORDER); preg_match_all("/$startPattern$interfaceAddressPattern(?:$portHybridPattern|$portAccessPattern|$voiceVlanPattern|$otherPattern)*$endPattern/", $conf, $interfaces, PREG_SET_ORDER);
$stack = array(); $stack = array();
foreach ($interfaces as $interface) { foreach ($interfaces as $interface) {
@ -60,6 +60,7 @@ foreach ($interfaces as $interface) {
foreach ($stack as $member_id => $lines) { foreach ($stack as $member_id => $lines) {
echo "<div class='member'>\n<span class='member-id'>$member_id</span>\n<table class='interfaces'>\n<tbody>\n"; echo "<div class='member'>\n<span class='member-id'>$member_id</span>\n<table class='interfaces'>\n<tbody>\n";
foreach ($lines as $interfaces) { foreach ($lines as $interfaces) {
ksort($interfaces);
echo "<tr>\n"; echo "<tr>\n";
foreach ($interfaces as $interface) { foreach ($interfaces as $interface) {
echo "<td class='{$interface[0]}" . (isset($interface["voice_vlan"]) ? " voice_vlan" : "") . "' title='{$interface[0]}' style='{$interface["style"]}'>{$interface["port"]}</td>\n"; echo "<td class='{$interface[0]}" . (isset($interface["voice_vlan"]) ? " voice_vlan" : "") . "' title='{$interface[0]}' style='{$interface["style"]}'>{$interface["port"]}</td>\n";

39
style.css
View File

@ -1,6 +1,6 @@
:root { :root {
--hue: 58.3; --hue: 58.3;
--saturation: 80%; --saturation: 90%;
--lightness: 65%; --lightness: 65%;
} }
@ -12,7 +12,6 @@
} }
body { body {
max-width: 1200px;
margin: 2rem auto; margin: 2rem auto;
padding: 0 1rem; padding: 0 1rem;
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
@ -29,6 +28,7 @@ h1 {
h2 { h2 {
color: #34495e; color: #34495e;
text-align: center;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
@ -96,29 +96,16 @@ main {
display: flex; display: flex;
flex-flow: wrap; flex-flow: wrap;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-evenly;
row-gap: 1rem; gap: 1rem;
margin-bottom: 2rem; margin-bottom: 2rem;
width: 100%;
}
ul {
list-style: none;
}
details {
cursor: pointer;
}
td {
text-align: left;
} }
.member { .member {
display: flex; display: flex;
align-items: center; align-items: center;
border: 8px outset #476079; border: 6px outset #476079;
border-radius: 6px; border-radius: 4px;
background-color: #34495e; background-color: #34495e;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
print-color-adjust: exact; print-color-adjust: exact;
@ -183,7 +170,7 @@ td {
.trunk:not(.shutdown) { .trunk:not(.shutdown) {
font-weight: bold; font-weight: bold;
border: 3px solid; border: 4px solid;
border-image-slice: 1 !important; border-image-slice: 1 !important;
border-image-source: linear-gradient( border-image-source: linear-gradient(
127deg, 127deg,
@ -227,8 +214,8 @@ td {
.voice_vlan::after { .voice_vlan::after {
content: "📞"; content: "📞";
position: absolute; position: absolute;
bottom: -0.4em; bottom: -0.5em;
left: -0.3em; left: -0.4em;
} }
.legend { .legend {
@ -237,6 +224,8 @@ td {
.legend td:not(.interface) { .legend td:not(.interface) {
border: 1px solid #2c3e50; border: 1px solid #2c3e50;
text-align: left;
padding: 0 0.3em;
} }
footer { footer {
@ -250,6 +239,12 @@ footer {
} }
@media print { @media print {
body {
margin: auto;
padding: 0;
background-color: unset;
}
.no-print { .no-print {
display: none; display: none;
} }