diff options
Diffstat (limited to 'web/kvm')
-rw-r--r-- | web/kvm/index.html | 59 | ||||
-rw-r--r-- | web/kvm/navbar-shortcuts.pug | 43 |
2 files changed, 76 insertions, 26 deletions
diff --git a/web/kvm/index.html b/web/kvm/index.html index f044cd6c..730c5b4a 100644 --- a/web/kvm/index.html +++ b/web/kvm/index.html @@ -415,25 +415,58 @@ </li> <li class="right"><a class="menu-button" href="#">Shortcuts</a> <div class="menu" data-dont-hide-menu> + <div class="text"><b>Paste text as keypress sequence<br></b></div> + <hr> + <div class="text" style="margin-right: 20px"> + <textarea id="hid-pak-text" placeholder="Enter your text here"></textarea> + </div> + <hr> + <table class="kv"> + <tr> + <td> + <button disabled data-force-hide-menu id="hid-pak-button">• Paste</button> + </td> + <td>using host keymap</td> + <td> + <select id="hid-pak-keymap-selector"></select> + </td> + </tr> + </table> + <hr> + <table class="kv"> + <td>Ask paste confirmation:</td> + <td align="right"> + <div class="switch-box"> + <input checked type="checkbox" id="hid-pak-ask-switch"> + <label for="hid-pak-ask-switch"><span class="switch-inner"></span><span class="switch"></span></label> + </div> + </td> + </table> + <hr> + <div class="text"></div> + <hr> <div class="buttons"> - <textarea id="hid-pak-text" placeholder="Paste your text here"></textarea> - <hr> - <button disabled data-force-hide-menu id="hid-pak-button">• ↳ Paste-as-Keys <sup><i>ascii-only</i></sup></button> - <hr> <div class="buttons-row"> <button class="row50" data-force-hide-menu data-shortcut="CapsLock">• Caps Lock <img class="inline-lamp hid-keyboard-caps-led led-gray" src="/share/svg/led-square.svg"></button> <button class="row50" data-force-hide-menu data-shortcut="MetaLeft">• Left Win</button> </div> <hr> - <button data-force-hide-menu data-shortcut="AltLeft ShiftLeft">• Alt+Shift</button> - <button data-force-hide-menu data-shortcut="ControlLeft ShiftLeft">• Ctrl+Shift</button> - <button data-force-hide-menu data-shortcut="ShiftLeft ShiftRight">• Shift+Shift</button> - <button data-force-hide-menu data-shortcut="MetaLeft Space">• Win+Space</button> - <hr> - <button data-force-hide-menu data-shortcut="ControlLeft KeyW">• Ctrl+W</button> - <button data-force-hide-menu data-shortcut="AltLeft Tab">• Alt+Tab</button> - <button data-force-hide-menu data-shortcut="AltLeft Enter">• Alt+Enter</button> - <button data-force-hide-menu data-shortcut="AltLeft F4">• Alt+F4</button> + <div class="buttons-row"> + <button class="row50" data-force-hide-menu data-shortcut="AltLeft ShiftLeft">• Alt+Shift</button> + <button class="row50" data-force-hide-menu data-shortcut="ControlLeft KeyW">• Ctrl+W</button> + </div> + <div class="buttons-row"> + <button class="row50" data-force-hide-menu data-shortcut="ControlLeft ShiftLeft">• Ctrl+Shift</button> + <button class="row50" data-force-hide-menu data-shortcut="AltLeft Tab">• Alt+Tab</button> + </div> + <div class="buttons-row"> + <button class="row50" data-force-hide-menu data-shortcut="ShiftLeft ShiftRight">• Shift+Shift</button> + <button class="row50" data-force-hide-menu data-shortcut="AltLeft Enter">• Alt+Enter</button> + </div> + <div class="buttons-row"> + <button class="row50" data-force-hide-menu data-shortcut="MetaLeft Space">• Win+Space</button> + <button class="row50" data-force-hide-menu data-shortcut="AltLeft F4">• Alt+F4</button> + </div> <hr> <button data-force-hide-menu data-shortcut="ControlLeft AltLeft Delete">• Ctrl+Alt+Del</button> </div> diff --git a/web/kvm/navbar-shortcuts.pug b/web/kvm/navbar-shortcuts.pug index 9f3a94b0..c0062071 100644 --- a/web/kvm/navbar-shortcuts.pug +++ b/web/kvm/navbar-shortcuts.pug @@ -1,26 +1,43 @@ li(class="right") a(class="menu-button" href="#") Shortcuts div(data-dont-hide-menu class="menu") + div(class="text") + b Paste text as keypress sequence#[br] + hr + div(class="text" style="margin-right: 20px") + textarea(id="hid-pak-text" placeholder="Enter your text here") + hr + table(class="kv") + tr + td + button(disabled data-force-hide-menu id="hid-pak-button") • Paste + td using host keymap + td + select(id="hid-pak-keymap-selector") + hr + +menu_switch("hid-pak-ask-switch", "Ask paste confirmation", true, true) + hr + div(class="text") + hr div(class="buttons") - textarea(id="hid-pak-text" placeholder="Paste your text here") - hr - button(disabled data-force-hide-menu id="hid-pak-button") • ↳ Paste-as-Keys #[sup #[i ascii-only]] - hr div(class="buttons-row") button(data-force-hide-menu data-shortcut="CapsLock" class="row50") | • Caps Lock img(class="inline-lamp hid-keyboard-caps-led led-gray" src=`${svg_dir}/led-square.svg`) button(data-force-hide-menu data-shortcut="MetaLeft" class="row50") • Left Win hr - button(data-force-hide-menu data-shortcut="AltLeft ShiftLeft") • Alt+Shift - button(data-force-hide-menu data-shortcut="ControlLeft ShiftLeft") • Ctrl+Shift - button(data-force-hide-menu data-shortcut="ShiftLeft ShiftRight") • Shift+Shift - button(data-force-hide-menu data-shortcut="MetaLeft Space") • Win+Space - hr - button(data-force-hide-menu data-shortcut="ControlLeft KeyW") • Ctrl+W - button(data-force-hide-menu data-shortcut="AltLeft Tab") • Alt+Tab - button(data-force-hide-menu data-shortcut="AltLeft Enter") • Alt+Enter - button(data-force-hide-menu data-shortcut="AltLeft F4") • Alt+F4 + div(class="buttons-row") + button(data-force-hide-menu data-shortcut="AltLeft ShiftLeft" class="row50") • Alt+Shift + button(data-force-hide-menu data-shortcut="ControlLeft KeyW" class="row50") • Ctrl+W + div(class="buttons-row") + button(data-force-hide-menu data-shortcut="ControlLeft ShiftLeft" class="row50") • Ctrl+Shift + button(data-force-hide-menu data-shortcut="AltLeft Tab" class="row50") • Alt+Tab + div(class="buttons-row") + button(data-force-hide-menu data-shortcut="ShiftLeft ShiftRight" class="row50") • Shift+Shift + button(data-force-hide-menu data-shortcut="AltLeft Enter" class="row50") • Alt+Enter + div(class="buttons-row") + button(data-force-hide-menu data-shortcut="MetaLeft Space" class="row50") • Win+Space + button(data-force-hide-menu data-shortcut="AltLeft F4" class="row50") • Alt+F4 hr button(data-force-hide-menu data-shortcut="ControlLeft AltLeft Delete") • Ctrl+Alt+Del hr |