Merge pull request #7632 from papuSpartan/gamepad

Image viewer scrolling via analog stick

javascript/imageviewerGamepad.js

@@ -0,0 +1,36 @@
+    let delay = 350//ms
+    window.addEventListener('gamepadconnected', (e) => {
+        console.log("Gamepad connected!")
+        const gamepad = e.gamepad;
+        setInterval(() => {
+            const xValue = gamepad.axes[0].toFixed(2);
+            if (xValue < -0.3) {
+                modalPrevImage(e);
+            } else if (xValue > 0.3) {
+                modalNextImage(e);
+            }
+
+        }, delay);
+    });
+
+
+    /*
+    Primarily for vr controller type pointer devices.
+    I use the wheel event because there's currently no way to do it properly with web xr.
+     */
+
+    let isScrolling = false;
+    window.addEventListener('wheel', (e) => {
+        if (isScrolling) return;
+        isScrolling = true;
+
+        if (e.deltaX <= -0.6) {
+            modalPrevImage(e);
+        } else if (e.deltaX >= 0.6) {
+            modalNextImage(e);
+        }
+
+        setTimeout(() => {
+            isScrolling = false;
+        }, delay);
+    });