From 00769081edd361242ed1379e67477e96da53b307 Mon Sep 17 00:00:00 2001
From: Constantinos Eleftheriou <constantinos.eleftheriou@ed.ac.uk>
Date: Fri, 18 Jul 2025 00:15:36 +0100
Subject: [PATCH] add dummy input and output devices for debugging

---
 src/visiomode/devices/debug.py                | 17 ++++++++++++
 .../webpanel/templates/tasks/task.html        | 26 ++++++++++++++++---
 2 files changed, 39 insertions(+), 4 deletions(-)
 create mode 100644 src/visiomode/devices/debug.py

diff --git a/src/visiomode/devices/debug.py b/src/visiomode/devices/debug.py
new file mode 100644
index 00000000..20266455
--- /dev/null
+++ b/src/visiomode/devices/debug.py
@@ -0,0 +1,17 @@
+#  This file is part of visiomode.
+#  Copyright (c) 2021 Constantinos Eleftheriou <Constantinos.Eleftheriou@ed.ac.uk>
+#  Distributed under the terms of the MIT Licence.
+
+import time
+
+from visiomode import devices
+
+
+class DebugInput(devices.InputDevice):
+    def get_response(self):
+        pass
+
+
+class DebugOutput(devices.OutputDevice):
+    def test(self):
+        pass
diff --git a/src/visiomode/webpanel/templates/tasks/task.html b/src/visiomode/webpanel/templates/tasks/task.html
index 47b9a039..d2217d98 100644
--- a/src/visiomode/webpanel/templates/tasks/task.html
+++ b/src/visiomode/webpanel/templates/tasks/task.html
@@ -76,9 +76,9 @@
         });
     };
 
-    reward_selector = document.getElementById('response_device')
-    reward_selector.onchange = function () {
-        if (reward_selector.options[reward_selector.selectedIndex].value === "touchscreen") {
+    responseDeviceSelector = document.getElementById('response_device')
+    responseDeviceSelector.onchange = function () {
+        if (responseDeviceSelector.options[responseDeviceSelector.selectedIndex].value === "touchscreen" || responseDeviceSelector.options[responseDeviceSelector.selectedIndex].value === "debuginput") {
             document.getElementById('response_address').style.display = "none"
             document.getElementById('response_address_label').style.display = "none"
             document.getElementById('response_test_label').style.display = "none"
@@ -91,5 +91,23 @@
         }
     }
 
-    reward_selector.onchange();
+    responseDeviceSelector.onchange();
+
+
+    rewardDeviceSelector = document.getElementById('reward_profile')
+    rewardDeviceSelector.onchange = function () {
+        if (rewardDeviceSelector.options[rewardDeviceSelector.selectedIndex].value === "debugoutput") {
+            document.getElementById('reward_address').style.display = "none"
+            document.getElementById('reward_address_label').style.display = "none"
+            document.getElementById('reward_test_label').style.display = "none"
+            document.getElementById('test-reward-btn').style.display = "none"
+        } else {
+            document.getElementById('reward_address').style.display = "block"
+            document.getElementById('reward_address_label').style.display = "block"
+            document.getElementById('reward_test_label').style.display = "block"
+            document.getElementById('test-reward-btn').style.display = "block"
+        }
+    }
+
+    rewardDeviceSelector.onchange();
 </script>