From 6f8ec4740ca97a774450de739cc17fcbeaeddc16 Mon Sep 17 00:00:00 2001
From: Bartuccio Antoine <klmp200@klmp200.net>
Date: Fri, 5 Jul 2019 15:56:50 +0200
Subject: [PATCH] pedagogy: simpler user interface for autumn and spring search

---
 pedagogy/templates/pedagogy/guide.jinja | 28 ++++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/pedagogy/templates/pedagogy/guide.jinja b/pedagogy/templates/pedagogy/guide.jinja
index bb576144..89b20176 100644
--- a/pedagogy/templates/pedagogy/guide.jinja
+++ b/pedagogy/templates/pedagogy/guide.jinja
@@ -6,7 +6,7 @@
 {% endblock %}
 
 {% block content %}
-	<form action="{{ url('pedagogy:guide') }}" method="get">
+	<form id="search_form" action="{{ url('pedagogy:guide') }}" method="get">
 		<p>
 			<input type="text" name="search">
 			<button>{% trans %}Details{% endtrans %}</button>
@@ -29,6 +29,7 @@
 
 			<input type="checkbox" name="semester" value="AUTUMN">A
 			<input type="checkbox" name="semester" value="SPRING">P
+			<input type="checkbox" name="semester" value="AUTUMN_AND_SPRING">
 		</p>
 	</form>
 	{% if can_create_uv(user) %}
@@ -66,5 +67,30 @@
     		formStates[$(this).attr("name")] = $(this).attr("value");
     	}
     });
+
+    var autumn_and_spring = $("input[value='AUTUMN_AND_SPRING']").first();
+    var autumn = $("input[value='AUTUMN']").first();
+    var spring = $("input[value='SPRING']").first();
+
+    // Make autumn and spring hidden if js is enabled
+    autumn_and_spring.hide();
+
+    // Set correctly state of what is checked
+    if (autumn_and_spring.prop("checked")){
+    	autumn.prop("checked", true);
+    	spring.prop("checked", true);
+    	autumn_and_spring.prop("checked", false);
+    }
+
+    // Handle submit here and modify autumn and spring here
+    $("#search_form").submit(function(e) {
+    	e.preventDefault();
+    	if (autumn.prop("checked") && spring.prop("checked")){
+    		autumn_and_spring.prop("checked", true);
+    		autumn.prop("checked", false);
+    		spring.prop("checked", false);
+    	}
+		this.submit();
+    });
 </script>
 {% endblock content %}
\ No newline at end of file