allow clicks on any part of row, not just checkbox (#367)

views/admin/tickets.html

@@ -113,10 +113,24 @@ <h1 class="d-flex justify-content-between align-items-end">
 
 
 			<script type="text/javascript">
-				var elements = document.getElementsByClassName("js-only");
-				for (var i = 0; i < elements.length; i++) {
-    				elements[i].style.display = "block";
-				}
+				(function() {
+					// Display elements with class js-only
+					var elements = document.getElementsByClassName("js-only");
+					for (var i = 0; i < elements.length; i++) {
+						elements[i].style.display = "block";
+					}
+
+					// Change checkbox state if user clicks anywhere on the row.
+					// Not just the actual checkbox
+					var rows = document.getElementsByTagName("tr")
+					for (var i = 0; i < rows.length; i++) {
+						rows[i].addEventListener("click", function() {
+							box = this.querySelector("input[type=checkbox]");
+							box.checked = !box.checked
+						});
+					}
+
+				})();
 			</script>
 
 		</div>

views/stats.html

@@ -122,10 +122,15 @@ <h1>VSP Tickets</h1>
 				</style>
 
 				<script type="text/javascript">
-					var elements = document.getElementsByClassName("js-only");
-					for (var i = 0; i < elements.length; i++) {
-						elements[i].style.display = "flex";
-					}
+					(function() {
+
+						// Display elements with class js-only
+						var elements = document.getElementsByClassName("js-only");
+						for (var i = 0; i < elements.length; i++) {
+							elements[i].style.display = "flex";
+						}
+
+					})();
 				</script>
 
 				<noscript>