separate shortcuts menu

This commit is contained in:
Devaev Maxim 2021-07-14 22:23:43 +03:00
parent 105928193b
commit 12080b06ea
5 changed files with 32 additions and 31 deletions

View File

@ -449,11 +449,11 @@
</div> </div>
</div> </div>
</li> </li>
<li class="right"><a class="menu-button" href="#">Keyboard</a> <li class="right"><a class="menu-button" href="#">Paste</a>
<div class="menu" data-dont-hide-menu> <div class="menu" data-dont-hide-menu>
<div class="text"><b>Paste text as keypress sequence<br></b></div> <div class="text"><b>Paste text as keypress sequence<br></b><sub>Please note that Pi-KVM cannot switch the keyboard layout</sub></div>
<hr> <hr>
<div class="text" style="margin-right: 20px"> <div class="text">
<textarea id="hid-pak-text" placeholder="Enter your text here"></textarea> <textarea id="hid-pak-text" placeholder="Enter your text here"></textarea>
</div> </div>
<table class="kv"> <table class="kv">
@ -478,12 +478,11 @@
</td> </td>
</tr> </tr>
</table> </table>
<hr> </div>
<div class="text"></div> </li>
<hr> <li class="right"><a class="menu-button" href="#">Shortcuts</a>
<button data-force-hide-menu data-show-window="keyboard-window">&bull; Show keyboard</button> <div class="menu" data-dont-hide-menu>
<hr> <div class="text"><b>Quick keyboard shortcuts<br></b><sub>Also see <i>System &rarr; Show keyboard</i></sub></div>
<div class="text"></div>
<hr> <hr>
<div class="buttons"> <div class="buttons">
<div class="buttons-row"> <div class="buttons-row">

17
web/kvm/navbar-paste.pug Normal file
View File

@ -0,0 +1,17 @@
li(class="right")
a(class="menu-button" href="#") Paste
div(data-dont-hide-menu class="menu")
div(class="text")
b Paste text as keypress sequence#[br]
sub Please note that Pi-KVM cannot switch the keyboard layout
hr
div(class="text")
textarea(id="hid-pak-text" placeholder="Enter your text here")
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")
+menu_switch("hid-pak-ask-switch", "Ask paste confirmation", true, true)

View File

@ -1,25 +1,9 @@
li(class="right") li(class="right")
a(class="menu-button" href="#") Keyboard a(class="menu-button" href="#") Shortcuts
div(data-dont-hide-menu class="menu") div(data-dont-hide-menu class="menu")
div(class="text") div(class="text")
b Paste text as keypress sequence#[br] b Quick keyboard shortcuts#[br]
hr sub Also see #[i System &rarr; Show keyboard]
div(class="text" style="margin-right: 20px")
textarea(id="hid-pak-text" placeholder="Enter your text here")
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")
+menu_switch("hid-pak-ask-switch", "Ask paste confirmation", true, true)
hr
div(class="text")
hr
button(data-force-hide-menu data-show-window="keyboard-window") &bull; Show keyboard
hr
div(class="text")
hr hr
div(class="buttons") div(class="buttons")
div(class="buttons-row") div(class="buttons-row")

View File

@ -38,5 +38,6 @@ ul(id="navbar")
include navbar-atx.pug include navbar-atx.pug
include navbar-msd.pug include navbar-msd.pug
include navbar-macro.pug include navbar-macro.pug
include navbar-keyboard.pug include navbar-paste.pug
include navbar-shortcuts.pug
include navbar-gpio.pug include navbar-gpio.pug

View File

@ -23,8 +23,8 @@
textarea#hid-pak-text { textarea#hid-pak-text {
display: block; display: block;
resize: none; resize: none;
height: 60px; height: 150px;
width: 100%; width: 300px;
border-radius: 4px; border-radius: 4px;
color: var(--cs-window-default-fg); color: var(--cs-window-default-fg);
background-color: var(--cs-window-default-bg); background-color: var(--cs-window-default-bg);