extra css ids

7 files changed, 19 insertions, 20 deletions

diff --git a/web/kvm/index.html b/web/kvm/index.html
index 803223ac..80facf19 100644
--- a/web/kvm/index.html
+++ b/web/kvm/index.html
@@ -139,21 +139,21 @@
           </div>
         </li>
       </div>
-      <li class="right"><a class="menu-button" href="#"><img class="led-gray" data-dont-hide-menu id="link-led" src="/share/svg/led-link.svg"><img class="led-gray" data-dont-hide-menu id="stream-led" src="/share/svg/led-stream.svg"><img class="led-gray" data-dont-hide-menu id="hid-keyboard-led" src="/share/svg/led-hid-keyboard.svg"><img class="led-gray" data-dont-hide-menu id="hid-mouse-led" src="/share/svg/led-hid-mouse.svg">System</a>
+      <li class="right" id="system-dropdown"><a class="menu-button" href="#"><img class="led-gray" data-dont-hide-menu id="link-led" src="/share/svg/led-link.svg"><img class="led-gray" data-dont-hide-menu id="stream-led" src="/share/svg/led-stream.svg"><img class="led-gray" data-dont-hide-menu id="hid-keyboard-led" src="/share/svg/led-hid-keyboard.svg"><img class="led-gray" data-dont-hide-menu id="hid-mouse-led" src="/share/svg/led-hid-mouse.svg">System</a>
         <div class="menu" data-dont-hide-menu id="system-menu">
           <table class="kv" style="width: calc(100% - 20px)">
             <tr>
               <td class="value">Runtime settings &amp; tools</td>
-              <td class="feature-disabled" id="webterm">
+              <td class="feature-disabled" id="system-tool-webterm">
                 <button class="small" data-force-hide-menu data-show-window="webterm-window">&bull; Term</button>
               </td>
-              <td>
+              <td id="system-tool-about">
                 <button class="small" data-force-hide-menu data-show-window="about-window">&bull; About</button>
               </td>
-              <td>
+              <td id="system-tool-log">
                 <button class="small" data-force-hide-menu id="open-log-button">&bull; Log</button>
               </td>
-              <td class="feature-disabled" id="wol">
+              <td class="feature-disabled" id="system-tool-wol">
                 <button class="gpio-button small" data-force-hide-menu id="gpio-button-__wol__" data-channel="__wol__" data-confirm="Are you sure to send Wake-on-LAN packet to the server?">&bull; WoL</button>
               </td>
             </tr>
@@ -570,7 +570,7 @@
           </div>
         </div>
       </li>
-      <li class="right"><a class="menu-button" href="#"><img class="led-gray" data-dont-hide-menu id="hid-recorder-led" src="/share/svg/led-gear.svg">Macro</a>
+      <li class="right" id="macro-dropdown"><a class="menu-button" href="#"><img class="led-gray" data-dont-hide-menu id="hid-recorder-led" src="/share/svg/led-gear.svg">Macro</a>
         <div class="menu" data-dont-hide-menu>
           <div class="text"><b>Record and play HID/ATX/GPIO actions<br></b><sub>For security reasons, the record will not be saved on the PiKVM</sub></div>
           <hr>
@@ -612,7 +612,7 @@
           </div>
         </div>
       </li>
-      <li class="right"><a class="menu-button" href="#"><img class="feature-disabled" data-dont-hide-menu id="stream-ocr-led" src="/share/svg/led-gear.svg">Text</a>
+      <li class="right" id="text-dropdown"><a class="menu-button" href="#"><img class="feature-disabled" data-dont-hide-menu id="stream-ocr-led" src="/share/svg/led-gear.svg">Text</a>
         <div class="menu" data-dont-hide-menu>
           <div class="text"><b>Paste text as keypress sequence<br></b><sub>Please note that PiKVM cannot switch the keyboard layout</sub></div>
           <hr>
@@ -680,8 +680,8 @@
             </table>
           </div>
         </div>
-      </li> 
-      <li class="right"><a class="menu-button" href="#">Shortcuts</a>
+      </li>
+      <li class="right" id="shortcuts-dropdown"><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>
diff --git a/web/kvm/navbar-macro.pug b/web/kvm/navbar-macro.pug
index 47db1fe1..7d3ab18f 100644
--- a/web/kvm/navbar-macro.pug
+++ b/web/kvm/navbar-macro.pug
@@ -1,4 +1,4 @@
-li(class="right")
+li(id="macro-dropdown" class="right")
 	a(class="menu-button" href="#")
 		+navbar_led("hid-recorder-led", "led-gear")
 		| Macro
diff --git a/web/kvm/navbar-shortcuts.pug b/web/kvm/navbar-shortcuts.pug
index b3463d63..7d53227f 100644
--- a/web/kvm/navbar-shortcuts.pug
+++ b/web/kvm/navbar-shortcuts.pug
@@ -1,5 +1,4 @@
- 
-li(class="right")
+li(id="shortcuts-dropdown" class="right")
 	a(class="menu-button" href="#") Shortcuts
 	div(data-dont-hide-menu class="menu")
 		div(class="text")
diff --git a/web/kvm/navbar-system.pug b/web/kvm/navbar-system.pug
index 4bf4ea77..499e34e1 100644
--- a/web/kvm/navbar-system.pug
+++ b/web/kvm/navbar-system.pug
@@ -1,4 +1,4 @@
-li(class="right")
+li(id="system-dropdown" class="right")
 	a(class="menu-button" href="#")
 		+navbar_led("link-led", "led-link")
 		+navbar_led("stream-led", "led-stream")
@@ -9,10 +9,10 @@ li(class="right")
 		table(class="kv" style="width: calc(100% - 20px)")
 			tr
 				td(class="value") Runtime settings &amp; tools
-				td(id="webterm" class="feature-disabled") #[button(data-force-hide-menu data-show-window="webterm-window" class="small") &bull; Term]
-				td #[button(data-force-hide-menu data-show-window="about-window" class="small") &bull; About]
-				td #[button(data-force-hide-menu id="open-log-button" class="small") &bull; Log]
-				td(id="wol" class="feature-disabled")
+				td(id="system-tool-webterm" class="feature-disabled") #[button(data-force-hide-menu data-show-window="webterm-window" class="small") &bull; Term]
+				td(id="system-tool-about") #[button(data-force-hide-menu data-show-window="about-window" class="small") &bull; About]
+				td(id="system-tool-log") #[button(data-force-hide-menu id="open-log-button" class="small") &bull; Log]
+				td(id="system-tool-wol" class="feature-disabled")
 					button(data-force-hide-menu id="gpio-button-__wol__" class="gpio-button small" data-channel="__wol__"
 						data-confirm="Are you sure to send Wake-on-LAN packet to the server?") &bull; WoL
 		hr
diff --git a/web/kvm/navbar-text.pug b/web/kvm/navbar-text.pug
index acba26cd..9b50f0e1 100644
--- a/web/kvm/navbar-text.pug
+++ b/web/kvm/navbar-text.pug
@@ -1,4 +1,4 @@
-li(class="right")
+li(id="text-dropdown" class="right")
 	a(class="menu-button" href="#")
 		+navbar_led("stream-ocr-led", "led-gear", "feature-disabled")
 		| Text
diff --git a/web/share/js/kvm/gpio.js b/web/share/js/kvm/gpio.js
index 25fd3821..15eabd79 100644
--- a/web/share/js/kvm/gpio.js
+++ b/web/share/js/kvm/gpio.js
@@ -105,7 +105,7 @@ export function Gpio(__recorder) {
 		}
 
 		tools.feature.setEnabled($("v3-usb-breaker"), ("__v3_usb_breaker__" in model.scheme.outputs));
-		tools.feature.setEnabled($("wol"), ("__wol__" in model.scheme.outputs));
+		tools.feature.setEnabled($("system-tool-wol"), ("__wol__" in model.scheme.outputs));
 
 		self.setState(__state);
 	};
diff --git a/web/share/js/kvm/session.js b/web/share/js/kvm/session.js
index 2f6b28a0..224f0e0f 100644
--- a/web/share/js/kvm/session.js
+++ b/web/share/js/kvm/session.js
@@ -258,7 +258,7 @@ export function Session() {
 				$("webterm-iframe").src = "";
 			};
 		}
-		tools.feature.setEnabled($("webterm"), has_webterm);
+		tools.feature.setEnabled($("system-tool-webterm"), has_webterm);
 		$("webterm-window").show_hook = show_hook;
 		$("webterm-window").close_hook = close_hook;