- allow clicking anywhere in the row of the topic list and of options of radio a…

…nd checkbox questions

- allow clicking anywhere in the row of the topic list and of options of radio a…
…nd checkbox questions
Miguel Barão
1 parent e3803ea8
Showing 3 changed files with 21 additions and 2 deletions Show diff stats
static/js/topic.js
templates/question-checkbox.html
templates/question-radio.html
@@ -71,6 +71,23 @@ function new_question(type, question, tries, progress) {
     $('#topic_progress').css('width', (100*progress)+'%').attr('aria-valuenow', 100*progress);
     MathJax.Hub.Queue(["Typeset",MathJax.Hub,"question_div"]);
+    if (type == "radio") {
+        $(".list-group-item").click(function () {
+            var index = $(this).index();
+            $("div.list-group input:radio").eq(index).prop("checked", true);
+
+            // $('a.list-group-item-primary').removeClass('list-group-item-primary');
+            // $(this).addClass('list-group-item-primary');
+        });
+    }
+    else if (type == "checkbox") {
+        $(".list-group-item").click(function () {
+            var index = $(this).index();
+            $("div.list-group input:checkbox").eq(index).trigger("click");
+        });
+    }
+
+
     // enable shift+enter to submit
     $("input:text, input:radio, input:checkbox").keydown(function (e) {
         if (e.keyCode == 13) {
@@ -7,7 +7,8 @@
 	{% for n,opt in enumerate(question['options']) %}
 		<a class="list-group-item list-group-item-action">
 			<div class="custom-control custom-checkbox">
-				<input type="checkbox" class="custom-control-input" id="{{ n }}" accesskey="{{ n+1 }}" name="answer" value="{{ n }}">
+				<input type="checkbox" class="custom-control-input"
+					id="{{ n }}" accesskey="{{ n+1 }}" name="answer" value="{{ n }}">
 				<label for="{{ n }}" class="custom-control-label">{{ md(opt)[3:-5] }}</label>
 			</div>
 		</a>
@@ -7,7 +7,8 @@
 	{% for n,opt in enumerate(question['options']) %}
 		<a class="list-group-item list-group-item-action">
 			<div class="custom-control custom-radio">
-				<input type="radio" class="custom-control-input" id="{{ n }}" accesskey="{{ n+1 }}" name="answer" value="{{ n }}">
+				<input type="radio" class="custom-control-input"
+					id="{{ n }}" accesskey="{{ n+1 }}" name="answer" value="{{ n }}">
 				<label for="{{ n }}" class="custom-control-label">{{ md(opt)[3:-5] }}</label>
 			</div>
 		</a>
	@@ -71,6 +71,23 @@ function new_question(type, question, tries, progress) {		@@ -71,6 +71,23 @@ function new_question(type, question, tries, progress) {
71	$('#topic_progress').css('width', (100progress)+'%').attr('aria-valuenow', 100progress);	71	$('#topic_progress').css('width', (100progress)+'%').attr('aria-valuenow', 100progress);
72	MathJax.Hub.Queue(["Typeset",MathJax.Hub,"question_div"]);	72	MathJax.Hub.Queue(["Typeset",MathJax.Hub,"question_div"]);
73		73
		74	+ if (type == "radio") {
		75	+ $(".list-group-item").click(function () {
		76	+ var index = $(this).index();
		77	+ $("div.list-group input:radio").eq(index).prop("checked", true);
		78	+
		79	+ // $('a.list-group-item-primary').removeClass('list-group-item-primary');
		80	+ // $(this).addClass('list-group-item-primary');
		81	+ });
		82	+ }
		83	+ else if (type == "checkbox") {
		84	+ $(".list-group-item").click(function () {
		85	+ var index = $(this).index();
		86	+ $("div.list-group input:checkbox").eq(index).trigger("click");
		87	+ });
		88	+ }
		89	+
		90	+
74	// enable shift+enter to submit	91	// enable shift+enter to submit
75	$("input:text, input:radio, input:checkbox").keydown(function (e) {	92	$("input:text, input:radio, input:checkbox").keydown(function (e) {
76	if (e.keyCode == 13) {	93	if (e.keyCode == 13) {