From 96558156ac5497479a4e936f834ec3df998bbf37 Mon Sep 17 00:00:00 2001
From: Klaas van Schelven <klaas@vanschelven.com>
Date: Tue, 20 Feb 2024 19:03:47 +0100
Subject: [PATCH] clicking around checkbox (in the list) works too

---
 issues/templates/issues/issue_list.html | 7 ++++++-
 static/js/issue_list.js                 | 6 ++++++
 2 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 static/js/issue_list.js

diff --git a/issues/templates/issues/issue_list.html b/issues/templates/issues/issue_list.html
index 7616431..aad2a94 100644
--- a/issues/templates/issues/issue_list.html
+++ b/issues/templates/issues/issue_list.html
@@ -1,4 +1,5 @@
 {% extends "base.html" %}
+{% load static %}
 
 {% block title %}Issues · {{ project.name }} · {{ site_title }}{% endblock %}
 
@@ -62,7 +63,7 @@ https://flowbite.com/docs/forms/floating-label/
       <tbody>
             {% for issue in issue_list %}
             <tr class="bg-slate-50 border-slate-300 border-2 ">
-            <td>
+            <td class="cursor-pointer" onclick="toggleContainedCheckbox(this)">
                 <input type="checkbox" class="bg-white border-cyan-800 text-cyan-500 focus:ring-cyan-200 m-4"/>
             </td>
             <td class="w-full ml-0 pb-4 pt-4 pr-4">
@@ -98,3 +99,7 @@ https://flowbite.com/docs/forms/floating-label/
 </div>
 
 {% endblock %}
+
+{% block extra_js %}
+    <script src="{% static 'js/issue_list.js' %}"></script>
+{% endblock %}
diff --git a/static/js/issue_list.js b/static/js/issue_list.js
new file mode 100644
index 0000000..650a65a
--- /dev/null
+++ b/static/js/issue_list.js
@@ -0,0 +1,6 @@
+"use strict";
+
+function toggleContainedCheckbox(td) {
+    const checkbox = td.querySelector("[type=\"checkbox\"]");
+    checkbox.checked = !checkbox.checked;
+}