Meilleures erreurs

src/main/resources/templates/form.html

@@ -9,6 +9,7 @@
     <script th:src="@{/webjars/jquery/1.9.1/jquery.min.js}"></script>
     <main>
         <span id="question-text"></span>
+        <span id="question-counter">0/0</span>
         <div id="answer-select">
             <button id="answer-select-duo">Duo</button>
             <button id="answer-select-carre">Carré</button>
@@ -29,13 +30,21 @@
             <button id="answer-carre-button-4"></button>
         </div>
 
+        <span id="error-textbox" style="color: red"></span>
         <button id="question-button">Poser la question</button>
+        <script th:inline="javascript">
+            /*<![CDATA[*/
+                var qid = /*[[${formid}]]*/ -1;
+                var qlength = /*[[${quizzLength}]]*/ -1;
+            /*]]>*/
+        </script>
         <script>
-            e = new RegExp("/([0-9]+)$")
-            e.test(window.location.href)
-            qid = Number(RegExp.lastMatch.substring(1))
             qindex = 0
             qstep = 0
+            function error(txt) {
+                console.log(txt)
+                $("#error-textbox").text(txt)
+            }
             function next() {
                 $.ajax({
                     url: "/questions/question/"+qid,
@@ -46,9 +55,11 @@
                         qindex=res["index"]
                         qstep=res["step"]
                         if(!res["success"]) {
-                            alert(res["message"])
+                            console.log(res["message"])
+                            error(res["message"])
                             return
                         }
+                        $("#question-counter").text((res["index"]+1)+"/"+qlength)
                         $("#question-text").text(res["data"]["text"])
                         if(qstep==0){
                             $("#answer-select").show()
@@ -64,7 +75,7 @@
                             $("#answer-cache").hide()
                             if(typeof awrs === 'undefined'){
                                 $("#answer-cache").show()
-                                $("#answer-cache-input").text("")
+                                $("#answer-cache-input").val("")
                             } else if (awrs.length == 2) {
                                 $("#answer-duo").show()
                                 $("#answer-duo-button-1").text(res.data.answers[0])
@@ -97,7 +108,7 @@
                         if(res["success"]){
                             next()
                         } else {
-                            alert(res["message"])
+                            error(res["message"])
                         }
                     }
                 })
@@ -117,9 +128,19 @@
                     success: function(res) {
                         console.log(res)
                         if(res["success"]){
-                            next()
+                            if(qindex+1 >= qlength) {
+                                $("#question-text").text("Plus de questions !")
+                                $("#answer-select").hide()
+                                $("#answer-duo").hide()
+                                $("#answer-carre").hide()
+                                $("#answer-cache").hide()
+                                
+                            } else {
+                                next()
+                            }
                         } else {
-                            alert(res["message"])
+                            isdone = false
+                            error(res["message"])
                         }
                     }
                 })