diff options
| author | Devaev Maxim <[email protected]> | 2018-07-13 20:43:45 +0000 |
|---|---|---|
| committer | Devaev Maxim <[email protected]> | 2018-07-13 21:18:21 +0000 |
| commit | 73ec9d853efed8b0cccf177308f825db6d202308 (patch) | |
| tree | 00e8830469bb26d114977fff2509647e754b0b85 /kvmd/web/index.html | |
| parent | e118d270dfb310498d2135f5af7c6b86bdc161c7 (diff) | |
better ui
Diffstat (limited to 'kvmd/web/index.html')
| -rw-r--r-- | kvmd/web/index.html | 28 |
1 files changed, 16 insertions, 12 deletions
diff --git a/kvmd/web/index.html b/kvmd/web/index.html index e8ca859a..3fec1ae3 100644 --- a/kvmd/web/index.html +++ b/kvmd/web/index.html @@ -7,19 +7,21 @@ </head> <script src="js/kvmd.js"></script> -<script> - window.onload = function() { - runKvmdSession(); - pollStreamer(); - } -</script> +<script>window.onload = runKvmdUi;</script> <body> - <div id="stream-box" class="stream-box"> - <img src="/streamer/?action=stream" id="stream-image" class="stream-image" alt="" /> + <div id="stream-box"> + <img src="/streamer/?action=stream" id="stream-image" class="stream-image-off" alt="Loading..."/> + <hr> <table cellpadding="0" cellspacing="0" style="border: none;"> <tr> - <td><button id="reset-streamer-button" type="button" title="Click here if your video looks like crap" onclick="clickResetStreamerButton(this);">Reset stream</button></td> + <td><div id="screen-led" class="led-off">🖵</div></td> + <td> </td> + <td><div id="hid-keyboard-led" class="led-off">⌨</div></td> + <td> </td> + <td><div id="hid-mouse-led" class="led-off">🖰</div></td> + <td> </td> + <td><button id="reset-stream-button" type="button" title="Click here if your video looks like crap" onclick="clickResetStreamButton(this);">Reset stream</button></td> <td> </td> <td><div id="session-status">Not connected yet...</div></td> </tr> @@ -28,9 +30,11 @@ <table cellpadding="0" cellspacing="5" style="border: none;"> <tr> - <td><div id="power-led" class="power-led-off"></div></td> - <td><div id="hdd-led" class="hdd-led-off"></div></td> - <td> </td> + <td><div id="atx-power-led" class="led-off">⏻</div></td> + <td><div id="atx-hdd-led" class="led-off">🖴</div></td> + <td> </td> + <!--<td><div id="msd-led" class="led-off">✇</div></td> + <td> </td>--> <td><button id="atx-power-button" type="button" title="Click hardware power button" onclick="clickAtxButton(this);">Power</button></td> <td><button id="atx-power-button-long" type="button" title="Click hardware power button (long press)" onclick="clickAtxButton(this);">Power (long)</button></td> <td><button id="atx-reset-button" type="button" title="Click to force reset" onclick="clickAtxButton(this);">Reset</button></td> |