~emersion/drmdb

20b7e23e59562feef383b60764c5b8f7f7395705 — Simon Ser 8 days ago 5afef1d
Add togglers on device page
2 files changed, 31 insertions(+), 4 deletions(-)

M public/assets/style.css
M public/device.html
M public/assets/style.css => public/assets/style.css +15 -0
@@ 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;
}

M public/device.html => public/device.html +16 -4
@@ 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}}