diff options
Diffstat (limited to 'web')
| -rw-r--r-- | web/share/css/main.css | 2 | ||||
| -rw-r--r-- | web/share/js/kvm/gpio.js | 4 | ||||
| -rw-r--r-- | web/share/svg/led-circle.svg | 128 |
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> |
