diff options
author | Devaev Maxim <[email protected]> | 2018-08-13 03:56:05 +0300 |
---|---|---|
committer | Devaev Maxim <[email protected]> | 2018-08-13 03:56:05 +0300 |
commit | b2a05bd1abec6b0d95149a6b7716d2fb7951d4ad (patch) | |
tree | 670e0628ace8d9728826af938390edb06cb0970c /kvmd/web/index.html | |
parent | 798bc37fcec208c247e0730c0e37735205bb6dcf (diff) |
refactoring
Diffstat (limited to 'kvmd/web/index.html')
-rw-r--r-- | kvmd/web/index.html | 64 |
1 files changed, 30 insertions, 34 deletions
diff --git a/kvmd/web/index.html b/kvmd/web/index.html index 0473bd4d..5f27074d 100644 --- a/kvmd/web/index.html +++ b/kvmd/web/index.html @@ -46,21 +46,17 @@ System ↴ </a> <div class="ctl-dropdown-content"> - <button onclick="ui.showWindow('about-window')">• Show about</button> + <button id="show-about-button">• Show about</button> <hr> - <button onclick="ui.showWindow('keyboard-window')">• Show keyboard</button> + <button id="show-keyboard-button">• Show keyboard</button> <hr> - <button onclick="ui.showWindow('stream-window')">• Show stream</button> - <button disabled id="stream-reset-button" onclick="stream.clickResetButton();">• Reset stream</button> + <button id="show-stream-button">• Show stream</button> + <button disabled id="stream-reset-button">• Reset stream</button> <hr> <div data-dont-hide-menu id="stream-size"> Stream size: <span id="stream-size-counter">100%</span> <div id="stream-size-slider-box"> - <input - type="range" min="50" max="150" value="100" step="10" - oninput="stream.resize(this.value);" - onchange="stream.resize(this.value);" - /> + <input id="stream-size-slider" type="range" min="50" max="150" value="100" step="10" /> </div> </div> </div> @@ -75,10 +71,10 @@ ATX ↴ </a> <div class="ctl-dropdown-content"> - <button disabled id="atx-power-button" onclick="atx.clickButton(this);">• Click Power <sup><i>short</i></sup></button> - <button disabled id="atx-power-button-long" onclick="atx.clickButton(this);">• Click Power <sup><i>long</i></sup></button> + <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> <hr> - <button disabled id="atx-reset-button" onclick="atx.clickButton(this);">• Click Reset</button> + <button disabled id="atx-reset-button">• Click Reset</button> </div> </div> </li> @@ -150,11 +146,11 @@ </table> <hr> - <input type="file" id="msd-select-new-image-file" onchange="msd.selectNewImageFile()" /> + <input type="file" id="msd-select-new-image-file" /> <div class="buttons-row"> - <button disabled id="msd-select-new-image-button" class="row50" onclick="document.getElementById('msd-select-new-image-file').click();">Upload new image</button> - <button disabled id="msd-upload-new-image-button" class="row25" onclick="msd.clickButton(this);">Start</button> - <button disabled id="msd-abort-uploading-button" class="row25" onclick="msd.clickButton(this);">Abort</button> + <button disabled id="msd-select-new-image-button" class="row50">Upload new image</button> + <button disabled id="msd-upload-new-image-button" class="row25">Start</button> + <button disabled id="msd-abort-uploading-button" class="row25">Abort</button> </div> <hr> @@ -179,8 +175,8 @@ </div> <div class="buttons-row"> - <button disabled data-force-hide-menu id="msd-switch-to-kvm-button" class="row50" onclick="msd.clickButton(this);">• Switch drive to KVM</button> - <button disabled data-force-hide-menu id="msd-switch-to-server-button" class="row50" onclick="msd.clickButton(this);">• Switch drive to Server</button> + <button disabled data-force-hide-menu id="msd-switch-to-kvm-button" class="row50">• Switch drive to KVM</button> + <button disabled data-force-hide-menu id="msd-switch-to-server-button" class="row50">• Switch drive to Server</button> </div> </div> </div> @@ -195,25 +191,25 @@ <div class="ctl-dropdown-content"> <button disabled id="pak-button">• Paste-as-Keys <sup><i>ascii-only</i></sup></button> <hr> - <button onclick="hid.emitShortcut('ControlLeft', 'AltLeft', 'Delete');">• Ctrl+Alt+Del</button> + <button class="shortcut" data-shortcut="ControlLeft AltLeft Delete">• Ctrl+Alt+Del</button> <hr> - <button onclick="hid.emitShortcut('ControlLeft', 'KeyW');">• Ctrl+W</button> - <button onclick="hid.emitShortcut('ControlLeft', 'Escape');">• Ctrl+Esc</button> - <button onclick="hid.emitShortcut('AltLeft', 'Tab');">• Alt+Tab</button> - <button onclick="hid.emitShortcut('AltLeft', 'Escape');">• Alt+Escape</button> - <button onclick="hid.emitShortcut('AltLeft', 'Space');">• Alt+Space</button> - <button onclick="hid.emitShortcut('AltLeft', 'Enter');">• Alt+Enter</button> - <button onclick="hid.emitShortcut('AltLeft', 'F4');">• Alt+F4</button> + <button class="shortcut" data-shortcut="ControlLeft KeyW">• Ctrl+W</button> + <button class="shortcut" data-shortcut="ControlLeft Escape">• Ctrl+Esc</button> + <button class="shortcut" data-shortcut="AltLeft Tab">• Alt+Tab</button> + <button class="shortcut" data-shortcut="AltLeft Escape">• Alt+Escape</button> + <button class="shortcut" data-shortcut="AltLeft Space">• Alt+Space</button> + <button class="shortcut" data-shortcut="AltLeft Enter">• Alt+Enter</button> + <button class="shortcut" data-shortcut="AltLeft F4">• Alt+F4</button> <hr> - <button onclick="hid.emitShortcut('AltLeft', 'PrintScreen');">• Alt+PrtSc</button> - <button onclick="hid.emitShortcut('PrintScreen');">• PrtSc</button> + <button class="shortcut" data-shortcut="AltLeft PrintScreen">• Alt+PrtSc</button> + <button class="shortcut" data-shortcut="PrintScreen">• PrtSc</button> <hr> - <button onclick="hid.emitShortcut('AltLeft', 'PrintScreen', 'KeyR');">• Alt+SysRq+R</button> - <button onclick="hid.emitShortcut('AltLeft', 'PrintScreen', 'KeyE');">• Alt+SysRq+E</button> - <button onclick="hid.emitShortcut('AltLeft', 'PrintScreen', 'KeyI');">• Alt+SysRq+I</button> - <button onclick="hid.emitShortcut('AltLeft', 'PrintScreen', 'KeyS');">• Alt+SysRq+S</button> - <button onclick="hid.emitShortcut('AltLeft', 'PrintScreen', 'KeyU');">• Alt+SysRq+U</button> - <button onclick="hid.emitShortcut('AltLeft', 'PrintScreen', 'KeyB');">• Alt+SysRq+B</button> + <button class="shortcut" data-shortcut="AltLeft PrintScreen KeyR">• Alt+SysRq+R</button> + <button class="shortcut" data-shortcut="AltLeft PrintScreen KeyE">• Alt+SysRq+E</button> + <button class="shortcut" data-shortcut="AltLeft PrintScreen KeyI">• Alt+SysRq+I</button> + <button class="shortcut" data-shortcut="AltLeft PrintScreen KeyS">• Alt+SysRq+S</button> + <button class="shortcut" data-shortcut="AltLeft PrintScreen KeyU">• Alt+SysRq+U</button> + <button class="shortcut" data-shortcut="AltLeft PrintScreen KeyB">• Alt+SysRq+B</button> </div> </div> </li> |