fix submit on enter getting json page

Miguel Barão
1 parent 5338ec53
Showing 6 changed files with 22 additions and 20 deletions Show diff stats
BUGS.md
aprendizations/static/js/topic.js
aprendizations/templates/login.html
aprendizations/templates/maintopics-table.html
aprendizations/templates/rankings.html
aprendizations/templates/topic.html
@@ -31,6 +31,7 @@
 # FIXED
+- enter nas respostas mostra json
 - apos clicar no botao responder, inactivar o input (importante quando o tempo de correcção é grande)
 - double click submits twice.
 - checkbox devia ter correct no intervalo [0,1] tal como radio. em caso de desconto a correccção faz 2*x-1. isto permite a mesma semantica nos dois tipos de perguntas.
@@ -25,7 +25,6 @@ function showTriesLeft(tries) {
 function getQuestion() {
     $("#comments").html("").hide();
     $("#submit").addClass("disabled");
-
     $.ajax({
         type: "GET",
         url: "/question",
@@ -37,18 +36,17 @@ function getQuestion() {
 // updates question in the page according to the response given by the server
 function updateQuestion(response) {
-    var method = response["method"];
     var params = response["params"];
     $("#right, #wrong").hide();
-    switch (method) {
+    switch (response["method"]) {
     case "new_question":
         new_question(params["type"], params["question"], params["tries"], params["progress"]);
         break;
     case "finished_topic":
         $('#submit, #comments, #solution').remove();
-        $("#content").html(response["params"]["question"]).animateCSS('tada');
+        $("#content").html(params["question"]).animateCSS('tada');
         $('#topic_progress').css('width', '100%').attr('aria-valuenow', 100);
         setTimeout(function(){window.location.replace('/course/');}, 2000);
         break;
@@ -57,6 +55,7 @@ function updateQuestion(response) {
 function new_question(type, question, tries, progress) {
     window.scrollTo(0, 0);
+
     $("#submit").hide();
     $("#question_div").animateCSS('bounceOutUp', function() {
         $("#question_div").html(question);
@@ -64,6 +63,14 @@ function new_question(type, question, tries, progress) {
         $("#question_div").animateCSS('bounceInDown', function() {
             showTriesLeft(tries);
             $("#submit").removeClass("disabled").show();
+
+            // disable enter in some question types (prevent submission on enter)
+            $("input:text, input:radio, input:checkbox").keydown(function (e) {
+                if (e.keyCode == 13 || e.keyCode == 169) {
+                    e.preventDefault();
+                    return false;
+                }
+            });
         });
     });
     var btntext = (type == "information") ? "Continuar" : "Responder";
@@ -76,14 +83,6 @@ function new_question(type, question, tries, progress) {
             $("div.list-group input:radio").eq(index).prop("checked", true);
         });
     }
-
-    // disable enter in some question types (prevent submission on enter)
-    $("input:text, input:radio, input:checkbox").keydown(function (e) {
-        if (e.keyCode == 13 || e.keyCode == 169) {
-            e.preventDefault();
-            return false;
-        }
-    });
 }
@@ -108,15 +107,14 @@ function postAnswer() {
 }
 function getFeedback(response) {
-    var method = response["method"];
     var params = response["params"];
-    if (params['type'] == "information") {
+    if (params["type"] == "information") {
         getQuestion();
         return;
     }
-    switch (method) {
+    switch (response["method"]) {
     case "right":
         $('#wrong').hide();
         $('#comments').html(params['comments']).show();
-<!DOCTYPE html>
-<html lang="en">
+<!doctype html>
+<html lang="pt">
 <head>
   <title>{{appname}}</title>
   <link rel="icon" href="/static/favicon.ico">
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta name="author" content="Miguel Barão">
   <!-- Styles -->
   <link rel="stylesheet" href="/static/mdbootstrap/css/bootstrap.min.css">
 {% autoescape %}
 <!doctype html>
-<html lang="pt-PT">
+<html lang="pt">
 <head>
   <title>{{appname}}</title>
   <link rel="icon" href="/static/favicon.ico">
 {% autoescape %}
 <!doctype html>
-<html lang="pt-PT">
+<html lang="pt">
 <head>
   <title>{{appname}}</title>
   <link rel="icon" href="/static/favicon.ico">
-<!DOCTYPE html>
+<!doctype html>
 <html>
 <head>
     <title>{{appname}}</title>
     <link rel="icon" href="/static/favicon.ico">
+
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta name="author" content="Miguel Barão">
+
     <!-- MathJax3 -->
     <script>
     MathJax = {
	@@ -31,6 +31,7 @@		@@ -31,6 +31,7 @@
31		31
32	# FIXED	32	# FIXED
33		33
		34	+- enter nas respostas mostra json
34	- apos clicar no botao responder, inactivar o input (importante quando o tempo de correcção é grande)	35	- apos clicar no botao responder, inactivar o input (importante quando o tempo de correcção é grande)
35	- double click submits twice.	36	- double click submits twice.
36	- checkbox devia ter correct no intervalo [0,1] tal como radio. em caso de desconto a correccção faz 2*x-1. isto permite a mesma semantica nos dois tipos de perguntas.	37	- checkbox devia ter correct no intervalo [0,1] tal como radio. em caso de desconto a correccção faz 2*x-1. isto permite a mesma semantica nos dois tipos de perguntas.
1	{% autoescape %}	1	{% autoescape %}
2		2
3	<!doctype html>	3	<!doctype html>
4	-<html lang="pt-PT">	4	+<html lang="pt">
5	<head>	5	<head>
6	<title>{{appname}}</title>	6	<title>{{appname}}</title>
7	<link rel="icon" href="/static/favicon.ico">	7	<link rel="icon" href="/static/favicon.ico">