separate shortcuts menu

web/kvm/index.html

@@ -449,11 +449,11 @@
           </div>
         </div>
       </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="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>
-          <div class="text" style="margin-right: 20px">
+          <div class="text">
             <textarea id="hid-pak-text" placeholder="Enter your text here"></textarea>
           </div>
           <table class="kv">
@@ -478,12 +478,11 @@
                       </td>
                 </tr>
               </table>
-          <hr>
-          <div class="text"></div>
-          <hr>
-          <button data-force-hide-menu data-show-window="keyboard-window">&bull; Show keyboard</button>
-          <hr>
-          <div class="text"></div>
+        </div>
+      </li>
+      <li class="right"><a class="menu-button" href="#">Shortcuts</a>
+        <div class="menu" data-dont-hide-menu>
+          <div class="text"><b>Quick keyboard shortcuts<br></b><sub>Also see <i>System &rarr; Show keyboard</i></sub></div>
           <hr>
           <div class="buttons">
             <div class="buttons-row">

web/kvm/navbar-paste.pug

@@ -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") • Paste
+				td using host keymap
+				td
+					select(id="hid-pak-keymap-selector")
+		+menu_switch("hid-pak-ask-switch", "Ask paste confirmation", true, true)

web/kvm/navbar-shortcuts.pug

@@ -1,25 +1,9 @@
 li(class="right")
-	a(class="menu-button" href="#") Keyboard
+	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")
-		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")
-		+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") • Show keyboard
-		hr
-		div(class="text")
+			b Quick keyboard shortcuts#[br]
+			sub Also see #[i System → Show keyboard]
 		hr
 		div(class="buttons")
 			div(class="buttons-row")

web/kvm/navbar.pug

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