circle led

3 files changed, 131 insertions, 3 deletions

diff --git a/web/share/css/main.css b/web/share/css/main.css
index cfba1c11..b41ea15a 100644
--- a/web/share/css/main.css
+++ b/web/share/css/main.css
@@ -96,7 +96,7 @@ img.inline-lamp {
 
 img.inline-lamp-big {
 	vertical-align: middle;
-	height: 16px;
+	height: 20px;
 	margin-left: 2px;
 	margin-right: 2px;
 }
diff --git a/web/share/js/kvm/gpio.js b/web/share/js/kvm/gpio.js
index 53644038..56bd5d14 100644
--- a/web/share/js/kvm/gpio.js
+++ b/web/share/js/kvm/gpio.js
@@ -83,7 +83,7 @@ export function Gpio() {
 					if (item.type === "output") {
 						item.scheme = model.scheme.outputs[item.channel];
 					}
-					content += `<td>${__createItem(item, switches, buttons)}</td>`;
+					content += `<td align="center">${__createItem(item, switches, buttons)}</td>`;
 				}
 				content += "</tr>";
 			}
@@ -105,7 +105,7 @@ export function Gpio() {
 		if (item.type === "label") {
 			return item.text;
 		} else if (item.type === "input") {
-			return `<img id="gpio-led-${item.channel}" class="gpio-led inline-lamp-big led-gray" src="/share/svg/led-square.svg" />`;
+			return `<img id="gpio-led-${item.channel}" class="gpio-led inline-lamp-big led-gray" src="/share/svg/led-circle.svg" />`;
 		} else if (item.type === "output") {
 			let controls = [];
 			if (item.scheme["switch"]) {
diff --git a/web/share/svg/led-circle.svg b/web/share/svg/led-circle.svg
new file mode 100644
index 00000000..761b9dcf
--- /dev/null
+++ b/web/share/svg/led-circle.svg
@@ -0,0 +1,128 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="481.1192"
+   width="481.1192"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   sodipodi:docname="led-circle.svg"
+   xml:space="preserve"
+   viewBox="0 0 481.02523 481.1192"
+   y="0px"
+   x="0px"
+   id="Layer_1"
+   version="1.1"><metadata
+   id="metadata85"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs83" /><sodipodi:namedview
+   fit-margin-bottom="0"
+   fit-margin-right="0"
+   fit-margin-left="0"
+   fit-margin-top="0"
+   lock-margins="false"
+   inkscape:document-rotation="0"
+   inkscape:current-layer="Layer_1"
+   inkscape:window-maximized="1"
+   inkscape:window-y="28"
+   inkscape:window-x="0"
+   inkscape:cy="226.75611"
+   inkscape:cx="207.75746"
+   inkscape:zoom="0.921875"
+   showgrid="false"
+   id="namedview81"
+   inkscape:window-height="714"
+   inkscape:window-width="1366"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0"
+   guidetolerance="10"
+   gridtolerance="10"
+   objecttolerance="10"
+   borderopacity="1"
+   bordercolor="#666666"
+   pagecolor="#ffffff" />
+
+
+
+
+
+
+
+
+<g
+   transform="translate(-15.683731,-12.674362)"
+   id="g50">
+</g>
+<g
+   transform="translate(-15.683731,-12.674362)"
+   id="g52">
+</g>
+<g
+   transform="translate(-15.683731,-12.674362)"
+   id="g54">
+</g>
+<g
+   transform="translate(-15.683731,-12.674362)"
+   id="g56">
+</g>
+<g
+   transform="translate(-15.683731,-12.674362)"
+   id="g58">
+</g>
+<g
+   transform="translate(-15.683731,-12.674362)"
+   id="g60">
+</g>
+<g
+   transform="translate(-15.683731,-12.674362)"
+   id="g62">
+</g>
+<g
+   transform="translate(-15.683731,-12.674362)"
+   id="g64">
+</g>
+<g
+   transform="translate(-15.683731,-12.674362)"
+   id="g66">
+</g>
+<g
+   transform="translate(-15.683731,-12.674362)"
+   id="g68">
+</g>
+<g
+   transform="translate(-15.683731,-12.674362)"
+   id="g70">
+</g>
+<g
+   transform="translate(-15.683731,-12.674362)"
+   id="g72">
+</g>
+<g
+   transform="translate(-15.683731,-12.674362)"
+   id="g74">
+</g>
+<g
+   transform="translate(-15.683731,-12.674362)"
+   id="g76">
+</g>
+<g
+   transform="translate(-15.683731,-12.674362)"
+   id="g78">
+</g>
+<rect
+   y="45.901909"
+   x="10.350166"
+   height="351.45764"
+   width="478.37289"
+   id="rect4830"
+   style="opacity:1;fill:none;fill-opacity:1;paint-order:normal" /><circle
+   r="240.5596"
+   cy="240.5596"
+   cx="240.51262"
+   id="path857"
+   style="fill:#000000" /></svg>