diff options
| author | Devaev Maxim <[email protected]> | 2018-07-17 05:18:14 +0300 |
|---|---|---|
| committer | Devaev Maxim <[email protected]> | 2018-07-17 05:18:14 +0300 |
| commit | 3b12fd6d21343a32fc79e228c0988116811a8e67 (patch) | |
| tree | 59bf68656c12524fdf0ba44d8e9cc951657998ef /kvmd/web/index.html | |
| parent | 1c4a6b0debd627cc141b3c6ca3269506f1cfe967 (diff) | |
grouped buttons and icons
Diffstat (limited to 'kvmd/web/index.html')
| -rw-r--r-- | kvmd/web/index.html | 35 |
1 files changed, 26 insertions, 9 deletions
diff --git a/kvmd/web/index.html b/kvmd/web/index.html index 37912d70..4812f105 100644 --- a/kvmd/web/index.html +++ b/kvmd/web/index.html @@ -21,16 +21,28 @@ <body> <ul id="ctl"> <li class="ctl-left"><img id="logo" src="svg/logo.svg" alt="π-kvm" /></li> - <li class="ctl-right"><img id="hid-mouse-led" class="led-off" src="svg/hid-mouse-led.svg" /></li> - <li class="ctl-right"><img id="hid-keyboard-led" class="led-off" src="svg/hid-keyboard-led.svg" /></li> - <li class="ctl-right"><img id="stream-led" class="led-off" src="svg/stream-led.svg" /></li> - <li class="ctl-right"><img id="msd-led" class="led-off" src="svg/msd-led.svg" /></li> - <li class="ctl-right"><img id="atx-hdd-led" class="led-off" src="svg/atx-hdd-led.svg" /></li> - <li class="ctl-right-sep"><img id="atx-power-led" class="led-off" src="svg/atx-power-led.svg" /></li> <li class="ctl-right-sep"> <div class="ctl-dropdown"> - <a class="ctl-item" href="#">ATX Buttons↴</a> + <a class="ctl-item" href="#"> + <img id="stream-led" class="led-off" src="svg/stream-led.svg" /> + <img id="hid-keyboard-led" class="led-off" src="svg/hid-keyboard-led.svg" /> + <img id="hid-mouse-led" class="led-off" src="svg/hid-mouse-led.svg" /> + System ↴ + </a> + <div class="ctl-dropdown-content"> + <button id="stream-reset-button" onclick="stream.clickResetButton(this);"href="#">Reset stream</button> + </div> + </div> + </li> + + <li class="ctl-right-sep"> + <div class="ctl-dropdown"> + <a class="ctl-item" href="#"> + <img id="atx-power-led" class="led-off" src="svg/atx-power-led.svg" /> + <img id="atx-hdd-led" class="led-off" src="svg/atx-hdd-led.svg" /> + ATX ↴ + </a> <div class="ctl-dropdown-content"> <button id="atx-power-button" onclick="atx.clickButton(this);" href="#">Click Power <sup><i>short</i></sup></button> <button id="atx-power-button-long" onclick="atx.clickButton(this);" href="#">Click Power <sup><i>long</i></sup></button> @@ -42,9 +54,14 @@ <li class="ctl-right-sep"> <div class="ctl-dropdown"> - <a class="ctl-item" href="#">Tools ↴</a> + <a class="ctl-item" href="#"> + <img id="msd-led" class="led-off" src="svg/msd-led.svg" /> + Mass Storage ↴ + </a> <div class="ctl-dropdown-content"> - <button id="stream-reset-button" onclick="stream.clickResetButton(this);"href="#">Reset stream</button> + О, привет!<br> + К сожалению, я пока не реализовал эту функцию,<br> + но ты можешь полюбоваться на эту великолепную менюшку :3 </div> </div> </li> |