summaryrefslogtreecommitdiff
path: root/web/kvm
diff options
context:
space:
mode:
Diffstat (limited to 'web/kvm')
-rw-r--r--web/kvm/index.html59
-rw-r--r--web/kvm/navbar-shortcuts.pug43
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">&bull; 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">&bull; &#x21b3; 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">&bull; Caps Lock &nbsp;<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">&bull; Left Win</button>
</div>
<hr>
- <button data-force-hide-menu data-shortcut="AltLeft ShiftLeft">&bull; Alt+Shift</button>
- <button data-force-hide-menu data-shortcut="ControlLeft ShiftLeft">&bull; Ctrl+Shift</button>
- <button data-force-hide-menu data-shortcut="ShiftLeft ShiftRight">&bull; Shift+Shift</button>
- <button data-force-hide-menu data-shortcut="MetaLeft Space">&bull; Win+Space</button>
- <hr>
- <button data-force-hide-menu data-shortcut="ControlLeft KeyW">&bull; Ctrl+W</button>
- <button data-force-hide-menu data-shortcut="AltLeft Tab">&bull; Alt+Tab</button>
- <button data-force-hide-menu data-shortcut="AltLeft Enter">&bull; Alt+Enter</button>
- <button data-force-hide-menu data-shortcut="AltLeft F4">&bull; Alt+F4</button>
+ <div class="buttons-row">
+ <button class="row50" data-force-hide-menu data-shortcut="AltLeft ShiftLeft">&bull; Alt+Shift</button>
+ <button class="row50" data-force-hide-menu data-shortcut="ControlLeft KeyW">&bull; Ctrl+W</button>
+ </div>
+ <div class="buttons-row">
+ <button class="row50" data-force-hide-menu data-shortcut="ControlLeft ShiftLeft">&bull; Ctrl+Shift</button>
+ <button class="row50" data-force-hide-menu data-shortcut="AltLeft Tab">&bull; Alt+Tab</button>
+ </div>
+ <div class="buttons-row">
+ <button class="row50" data-force-hide-menu data-shortcut="ShiftLeft ShiftRight">&bull; Shift+Shift</button>
+ <button class="row50" data-force-hide-menu data-shortcut="AltLeft Enter">&bull; Alt+Enter</button>
+ </div>
+ <div class="buttons-row">
+ <button class="row50" data-force-hide-menu data-shortcut="MetaLeft Space">&bull; Win+Space</button>
+ <button class="row50" data-force-hide-menu data-shortcut="AltLeft F4">&bull; Alt+F4</button>
+ </div>
<hr>
<button data-force-hide-menu data-shortcut="ControlLeft AltLeft Delete">&bull; 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") &bull; 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") &bull; &#x21b3; Paste-as-Keys #[sup #[i ascii-only]]
- hr
div(class="buttons-row")
button(data-force-hide-menu data-shortcut="CapsLock" class="row50")
| &bull; Caps Lock &nbsp;
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") &bull; Left Win
hr
- button(data-force-hide-menu data-shortcut="AltLeft ShiftLeft") &bull; Alt+Shift
- button(data-force-hide-menu data-shortcut="ControlLeft ShiftLeft") &bull; Ctrl+Shift
- button(data-force-hide-menu data-shortcut="ShiftLeft ShiftRight") &bull; Shift+Shift
- button(data-force-hide-menu data-shortcut="MetaLeft Space") &bull; Win+Space
- hr
- button(data-force-hide-menu data-shortcut="ControlLeft KeyW") &bull; Ctrl+W
- button(data-force-hide-menu data-shortcut="AltLeft Tab") &bull; Alt+Tab
- button(data-force-hide-menu data-shortcut="AltLeft Enter") &bull; Alt+Enter
- button(data-force-hide-menu data-shortcut="AltLeft F4") &bull; Alt+F4
+ div(class="buttons-row")
+ button(data-force-hide-menu data-shortcut="AltLeft ShiftLeft" class="row50") &bull; Alt+Shift
+ button(data-force-hide-menu data-shortcut="ControlLeft KeyW" class="row50") &bull; Ctrl+W
+ div(class="buttons-row")
+ button(data-force-hide-menu data-shortcut="ControlLeft ShiftLeft" class="row50") &bull; Ctrl+Shift
+ button(data-force-hide-menu data-shortcut="AltLeft Tab" class="row50") &bull; Alt+Tab
+ div(class="buttons-row")
+ button(data-force-hide-menu data-shortcut="ShiftLeft ShiftRight" class="row50") &bull; Shift+Shift
+ button(data-force-hide-menu data-shortcut="AltLeft Enter" class="row50") &bull; Alt+Enter
+ div(class="buttons-row")
+ button(data-force-hide-menu data-shortcut="MetaLeft Space" class="row50") &bull; Win+Space
+ button(data-force-hide-menu data-shortcut="AltLeft F4" class="row50") &bull; Alt+F4
hr
button(data-force-hide-menu data-shortcut="ControlLeft AltLeft Delete") &bull; Ctrl+Alt+Del
hr