diff options
Diffstat (limited to 'web/kvm/index.html')
| -rw-r--r-- | web/kvm/index.html | 139 |
1 files changed, 70 insertions, 69 deletions
diff --git a/web/kvm/index.html b/web/kvm/index.html index 1572a39d..01911ae1 100644 --- a/web/kvm/index.html +++ b/web/kvm/index.html @@ -107,85 +107,85 @@ </div> <li class="right"><a class="menu-button" href="#"><img class="led-gray" data-dont-hide-menu id="link-led" src="/share/svg/led-link.svg"><img class="led-gray" data-dont-hide-menu id="stream-led" src="/share/svg/led-stream.svg"><img class="led-gray" data-dont-hide-menu id="hid-keyboard-led" src="/share/svg/led-hid-keyboard.svg"><img class="led-gray" data-dont-hide-menu id="hid-mouse-led" src="/share/svg/led-hid-mouse.svg">System</a> <div class="menu" data-dont-hide-menu> - <div class="buttons"> - <button disabled data-force-hide-menu id="stream-screenshot-button">• Take a screenshot</button> - <hr> - <button data-force-hide-menu id="show-stream-button">• Show stream</button> - <button data-force-hide-menu id="show-keyboard-button">• Show keyboard</button> - <button data-force-hide-menu id="show-about-button">• Show about</button> - </div> - <div class="feature-disabled" id="stream-resolution"> - <hr> - <div class="text">Stream resolution: - <div class="stream-param-box"> + <div class="text"><b>Runtime settings & tools<br></b><sub>Lower stream params may improve performance in a poor network</sub></div> + <hr> + <table class="kv" style="width: calc(100% - 20px)"> + <tr class="feature-disabled" id="stream-resolution"> + <td>Resolution:</td> + <td> <select disabled data-dont-hide-menu id="stream-resolution-selector"></select> - </div> - </div> - </div> - <div class="feature-disabled" id="stream-quality"> - <hr> - <div class="text">Stream quality: <span id="stream-quality-value">80%</span> - <div class="stream-param-box"> + </td> + </tr> + <tr class="feature-disabled" id="stream-quality"> + <td>Image quality:</td> + <td> <input class="slider" disabled type="range" id="stream-quality-slider"> - </div> - </div> - </div> + </td> + <td class="value" id="stream-quality-value">80%</td> + </tr> + <tr> + <td>Max FPS:</td> + <td> + <input class="slider" disabled type="range" id="stream-desired-fps-slider"> + </td> + <td class="value" id="stream-desired-fps-value">0</td> + </tr> + <tr> + <td>Stream size:</td> + <td> + <input class="slider" type="range" id="stream-size-slider"> + </td> + <td class="value" id="stream-size-value" style="width: 4em">100%</td> + </tr> + </table> <hr> - <div class="text">Stream FPS: <span id="stream-desired-fps-value">0</span> - <div class="stream-param-box"> - <input class="slider" disabled type="range" id="stream-desired-fps-slider"> - </div> - </div> + <table class="kv"> + <td>Auto-resize stream window:</td> + <td align="right"> + <div class="switch-box"> + <input checked type="checkbox" id="stream-auto-resize-checkbox"> + <label for="stream-auto-resize-checkbox"><span class="switch-inner"></span><span class="switch"></span></label> + </div> + </td> + </table> <hr> - <div class="text">Stream size: <span id="stream-size-value">100%</span> - <div class="stream-param-box"> - <input class="slider" type="range" id="stream-size-slider"> - </div> + <div class="buttons buttons-row"> + <button class="row33" data-force-hide-menu id="show-stream-button">• Show stream</button> + <button class="row33" disabled data-force-hide-menu id="stream-screenshot-button">• Screenshot</button> + <button class="row33" disabled id="stream-reset-button">Reset stream</button> </div> - <hr> - <div class="text"> - <table class="one-line-switch"> - <td>Auto-resize stream:</td> + <div class="feature-disabled" id="mouse-squash"> + <hr> + <table class="kv"> + <td>Squash mouse moves:</td> <td align="right"> <div class="switch-box"> - <input checked type="checkbox" id="stream-auto-resize-checkbox"> - <label for="stream-auto-resize-checkbox"><span class="switch-inner"></span><span class="switch"></span></label> + <input checked type="checkbox" id="mouse-squash-checkbox"> + <label for="mouse-squash-checkbox"><span class="switch-inner"></span><span class="switch"></span></label> </div> </td> </table> - </div> - <div class="feature-disabled" id="mouse-squash"> - <hr> - <div class="text"> - <table class="one-line-switch"> - <td>Squash mouse moves:</td> - <td align="right"> - <div class="switch-box"> - <input checked type="checkbox" id="mouse-squash-checkbox"> - <label for="mouse-squash-checkbox"><span class="switch-inner"></span><span class="switch"></span></label> - </div> - </td> - </table> - </div> </div> <hr> - <div class="buttons"> - <button disabled data-force-hide-menu id="stream-reset-button">• Reset stream</button> - <button disabled data-force-hide-menu id="hid-reset-button">• Reset keyboard & mouse</button> - <button class="feature-disabled" disabled data-force-hide-menu id="msd-reset-button">• Reset drive</button> + <div class="buttons buttons-row"> + <button class="row50" data-force-hide-menu id="show-keyboard-button">• Show keyboard</button> + <button class="row50" disabled id="hid-reset-button">Reset HID</button> </div> <hr> - <div class="buttons"> - <button data-force-hide-menu id="open-log-button">• Open log</button> + <div class="buttons buttons-row"> + <button class="row50" data-force-hide-menu id="show-about-button">• Show about</button> + <button class="row50" data-force-hide-menu id="open-log-button">• Open log</button> </div> <div class="buttons feature-disabled" id="wol"> <hr> - <button disabled id="wol-wakeup-button">• Wake on LAN server</button> + <button disabled id="wol-wakeup-button">• Wake-on-LAN server</button> </div> </div> </li> <li class="right feature-disabled" id="atx-dropdown"><a class="menu-button" href="#"><img class="led-gray" data-dont-hide-menu id="atx-power-led" src="/share/svg/led-atx-power.svg"><img class="led-gray" data-dont-hide-menu id="atx-hdd-led" src="/share/svg/led-atx-hdd.svg">ATX</a> <div class="menu"> + <div class="text"><b>Control the server's power<br></b><sub>Use the short click for ACPI shutdown</sub></div> + <hr> <div class="buttons"> <button disabled id="atx-power-button">• Click Power <sup><i>short</i></sup></button> <button disabled id="atx-power-button-long">• Click Power <sup><i>long</i></sup></button> @@ -196,6 +196,8 @@ </li> <li class="right feature-disabled" id="msd-dropdown"><a class="menu-button" href="#"><img class="led-gray" data-dont-hide-menu id="msd-led" src="/share/svg/led-msd.svg">Drive</a> <div class="menu" data-dont-hide-menu id="msd-menu"> + <div class="text"><b>Mass Storage Device emulator<br></b></div> + <hr> <div class="hidden" id="msd-message-offline"> <div class="text"> <table> @@ -338,7 +340,8 @@ </div> <div class="buttons buttons-row"> <button class="row50" disabled id="msd-connect-button">Connect drive to Server</button> - <button class="row50" disabled id="msd-disconnect-button">Disconnect drive</button> + <button class="row25" disabled id="msd-disconnect-button">Disconnect</button> + <button class="row25" disabled id="msd-reset-button">Reset</button> </div> </div> </li> @@ -368,17 +371,15 @@ </tr> </table> <hr> - <table class="kv"> - <tr> - <td>Infinite loop playback:</td> - <td colspan="2"> - <div class="switch-box"> - <input disabled type="checkbox" id="hid-recorder-loop-checkbox"> - <label for="hid-recorder-loop-checkbox"><span class="switch-inner"></span><span class="switch"></span></label> - </div> - </td> - </tr> - </table> + <table class="kv"> + <td>Infinite loop playback:</td> + <td align="right"> + <div class="switch-box"> + <input disabled type="checkbox" id="hid-recorder-loop-checkbox"> + <label for="hid-recorder-loop-checkbox"><span class="switch-inner"></span><span class="switch"></span></label> + </div> + </td> + </table> <hr> <input type="file" id="hid-recorder-new-script-file"> <div class="buttons buttons-row"> |