From 62d1719e73d478e980d54203103dfb35800bfdec Mon Sep 17 00:00:00 2001
From: adrien <adrien@malingrey.fr>
Date: Thu, 12 Oct 2023 11:01:58 +0200
Subject: [PATCH] add slider to change VLAN colors

---
 style.css | 14 ++++++++++++++
 vlans.php |  5 +++++
 2 files changed, 19 insertions(+)

diff --git a/style.css b/style.css
index 8302357..c894531 100644
--- a/style.css
+++ b/style.css
@@ -67,4 +67,18 @@ td {
     position: absolute;
     bottom: 0;
     left: 0;
+}
+footer {
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+}
+#colorSlider {
+    width: 33%;
+}
+@media print {
+    #colorSliderLabel,
+    #colorSlider {
+        display: none;
+    }
 }
\ No newline at end of file
diff --git a/vlans.php b/vlans.php
index f040d7f..a0ddedd 100644
--- a/vlans.php
+++ b/vlans.php
@@ -82,5 +82,10 @@ foreach ($vlans as $vlan) {
 </tbody>
 </table>
 </main>
+<footer>  
+<label id="colorSliderLabel" for="colorSlider">Changer les couleurs</label>
+<input id="colorSlider" type="range" min="0" max="2000000" step="0.000000001" value="1353651.53435435"
+    oninput="document.documentElement.style.setProperty('--k', this.value);">
+</footer>
 </body>
 </html>
\ No newline at end of file