From 20b7e23e59562feef383b60764c5b8f7f7395705 Mon Sep 17 00:00:00 2001
From: Simon Ser <contact@emersion.fr>
Date: Wed, 13 Jan 2021 15:28:09 +0100
Subject: [PATCH] Add togglers on device page

---
 public/assets/style.css | 15 +++++++++++++++
 public/device.html      | 20 ++++++++++++++++----
 2 files changed, 31 insertions(+), 4 deletions(-)

diff --git a/public/assets/style.css b/public/assets/style.css
index e02bec2..eaebcf0 100644
--- a/public/assets/style.css
+++ b/public/assets/style.css
@@ -99,6 +99,21 @@ ul.pre ul li:last-child:before {
     border-left: thin solid #444;
 }
 
+ul.pre input[type="checkbox"] {
+    display: none;
+}
+ul.pre input[type="checkbox"] ~ label::before {
+    content: "[+]";
+    color: gray;
+    cursor: pointer;
+}
+ul.pre input[type="checkbox"]:checked ~ label::before {
+    content: "[-]";
+}
+ul.pre input[type="checkbox"]:not(:checked) ~ ul {
+    display: none;
+}
+
 .alt-formats {
     float: right;
 }
diff --git a/public/device.html b/public/device.html
index 96967c7..16a003f 100644
--- a/public/device.html
+++ b/public/device.html
@@ -158,7 +158,10 @@
 	{{end}}
 
 	{{with .Connectors}}
-	<li id="connectors">Connectors
+	<li id="connectors">
+		<input type="checkbox" id="show-connectors" checked>
+		<label for="show-connectors"></label>
+		Connectors
 		<ul>
 			{{range $i, $conn := .}}
 			<li id="object-{{.ID}}">Connector {{$i}}
@@ -171,7 +174,10 @@
 	{{end}}
 
 	{{with .Encoders}}
-	<li id="encoders">Encoders
+	<li id="encoders">
+		<input type="checkbox" id="show-encoders" checked>
+		<label for="show-encoders"></label>
+		Encoders
 		<ul>
 			{{range $i, $enc := .}}
 			<li id="object-{{.ID}}">Encoder {{$i}}
@@ -184,7 +190,10 @@
 	{{end}}
 
 	{{with .CRTCs}}
-	<li id="crtcs">CRTCs
+	<li id="crtcs">
+		<input type="checkbox" id="show-crtcs" checked>
+		<label for="show-crtcs"></label>
+		CRTCs
 		<ul>
 			{{range $i, $crtc := .}}
 			<li id="object-{{.ID}}">CRTC {{$i}}
@@ -197,7 +206,10 @@
 	{{end}}
 
 	{{with .Planes}}
-	<li id="planes">Planes
+	<li id="planes">
+		<input type="checkbox" id="show-planes" checked>
+		<label for="show-planes"></label>
+		Planes
 		<ul>
 			{{range $i, $plane := .}}
 			<li id="object-{{.ID}}">Plane {{$i}}
-- 
2.30.1