From f895288441953ea1f52095ff421429d377cd37a1 Mon Sep 17 00:00:00 2001
From: Frederick Muriuki Muriithi
Date: Thu, 4 Aug 2022 04:52:58 +0300
Subject: UX: Enable selecting radio by clicking anywhere on the row

Ease the selection of a radio button by allowing the user to click on
any of the table cells that are in the same row as the radio button of
concern.
---
 qc_app/templates/select_platform.html | 13 +++++++++++++
 1 file changed, 13 insertions(+)

(limited to 'qc_app/templates')

diff --git a/qc_app/templates/select_platform.html b/qc_app/templates/select_platform.html
index 131003d..3ceae01 100644
--- a/qc_app/templates/select_platform.html
+++ b/qc_app/templates/select_platform.html
@@ -68,5 +68,18 @@
 <script type="text/javascript">
   document.getElementById(
       "species").addEventListener("change", update_genechips);
+  document.getElementById(
+      "genechips-table").getElementsByTagName(
+	  "tbody")[0].addEventListener(
+	      "click",
+	      function(event) {
+		  if(event.target.tagName.toLowerCase() == "td") {
+		      return select_row_radio(event.target.parentElement);
+		  }
+		  if(event.target.tagName.toLowerCase() == "td") {
+		      return select_row_radio(event.target);
+		  }
+		  return false;
+	      });
 </script>
 {%endblock%}
-- 
cgit v1.2.3