From 81d67c6ed7859501a8ee67a047d27e516fba96ae Mon Sep 17 00:00:00 2001
From: Maxim Devaev <mdevaev@gmail.com>
Date: Thu, 24 Aug 2023 13:16:00 +0300
Subject: pikvm/pikvm#1094: web: separate switch for reversed scrolling and
 panning

---
 web/kvm/index.html        | 29 ++++++++++++++++++++++-------
 web/kvm/navbar-system.pug |  8 +++++++-
 2 files changed, 29 insertions(+), 8 deletions(-)

(limited to 'web/kvm')

diff --git a/web/kvm/index.html b/web/kvm/index.html
index e76f06d7..a3335be4 100644
--- a/web/kvm/index.html
+++ b/web/kvm/index.html
@@ -286,13 +286,28 @@
                       </td>
                 </tr>
                 <tr>
-                      <td>Reverse scrolling:</td>
-                      <td align="right">
-                        <div class="switch-box">
-                          <input type="checkbox" id="hid-mouse-reverse-scrolling-switch">
-                          <label for="hid-mouse-reverse-scrolling-switch"><span class="switch-inner"></span><span class="switch"></span></label>
-                        </div>
-                      </td>
+                  <td>Reverse scrolling:</td>
+                  <td>
+                    <table>
+                      <tr>
+                            <td>Y:</td>
+                            <td align="right">
+                              <div class="switch-box">
+                                <input type="checkbox" id="hid-mouse-reverse-scrolling-switch">
+                                <label for="hid-mouse-reverse-scrolling-switch"><span class="switch-inner"></span><span class="switch"></span></label>
+                              </div>
+                            </td>
+                        <td>&nbsp;&nbsp;</td>
+                            <td>X:</td>
+                            <td align="right">
+                              <div class="switch-box">
+                                <input type="checkbox" id="hid-mouse-reverse-panning-switch">
+                                <label for="hid-mouse-reverse-panning-switch"><span class="switch-inner"></span><span class="switch"></span></label>
+                              </div>
+                            </td>
+                      </tr>
+                    </table>
+                  </td>
                 </tr>
                 <tr>
                       <td>Cumulative scrolling:</td>
diff --git a/web/kvm/navbar-system.pug b/web/kvm/navbar-system.pug
index e1054bd5..77723f9a 100644
--- a/web/kvm/navbar-system.pug
+++ b/web/kvm/navbar-system.pug
@@ -83,7 +83,13 @@ li(id="system-dropdown" class="right")
 					tr(id="hid-mouse-squash" class="feature-disabled")
 						+menu_switch_notable("hid-mouse-squash-switch", "Squash relative moves", true, true)
 					tr
-						+menu_switch_notable("hid-mouse-reverse-scrolling-switch", "Reverse scrolling", true, false)
+						td Reverse scrolling:
+						td
+							table
+								tr
+									+menu_switch_notable("hid-mouse-reverse-scrolling-switch", "Y", true, false)
+									td &nbsp;&nbsp;
+									+menu_switch_notable("hid-mouse-reverse-panning-switch", "X", true, false)
 					tr
 						+menu_switch_notable("hid-mouse-cumulative-scrolling-switch", "Cumulative scrolling", true, false)
 					tr
-- 
cgit v1.2.3