fix history

content/verenigingen/oak.md

@@ -1,5 +1,6 @@
 ---
 naam: Oosterse Afrikaanse Kring
+id: oak
 verkorte_naam: Oosterse Afrikaanse Kring
 konvent: fk
 contact: oak.blandijn@gmail.com
@@ -12,10 +13,10 @@ social:
   - platform: twitter
     link: https://twitter.com/OAKGent
 themas:
-  -  faculteit
+  - faculteit
 ---
 
 De Oosterse Afrikaanse Kring, kortweg de OAK, is de studentenkring voor leerlingen van de richtingen sinologie, indologie, arabistiek en afrikanistiek. Naast het organiseren van de boekenverkoop en het voorzien van studietips waar nodig, verzorgt
-de OAK een gevarieerd aanbod aan activiteiten, geheel in lijn met de vele richtingen die zij vertegenwoordigt - denk aan onze befaamde Oosterse thee-avonden, maar denk ook aan karate-workshops, Indisch gaan eten, noem maar op. 
+de OAK een gevarieerd aanbod aan activiteiten, geheel in lijn met de vele richtingen die zij vertegenwoordigt - denk aan onze befaamde Oosterse thee-avonden, maar denk ook aan karate-workshops, Indisch gaan eten, noem maar op.
 De OAK is een kleine, hechte kring die haar studenten zo goed mogelijk wil bijstaan en openstaat voor een babbel en een pintje.
-Kom dus eens af! 
+Kom dus eens af!

layouts/quiz.erb

@@ -8,12 +8,16 @@
 <div id="resultWrapper" class="hidden">
 </div>
 <div class="buttons">
-  <button id="previousButton" onclick="window.history.back()">
-    Vorige
-  </button>
-  <button id="nextButton" onclick="goNext()">
-    Volgende
-  </button>
+  <div>
+    <button id="previousButton" onclick="goPrevious()">
+      Vorige
+    </button>
+  </div>
+  <div>
+    <button id="nextButton" onclick="goNext()">
+      Volgende
+    </button>
+  </div>
 </div>
 <script>
   const result_wrapper = document.getElementById("resultWrapper");
@@ -73,19 +77,22 @@
     resultWrapper.classList.add("hidden");
 
     if(state.question.index == 1) {
-      previousButton.disabled = true;
+      previousButton.style.display = "none";
     } else {
-      previousButton.disabled = false;
+      previousButton.style.display = "";
     }
 
     if(!state.question.element) {
-      nextButton.disabled = true;
+      nextButton.style.display = "none";
       resultWrapper.classList.remove("hidden");
 
       const result = {};
       for(let question of state.allQuestions) {
         const div = window.sessionStorage[question.id];
-        if(!div) continue;
+        if(!div) {
+          console.log("You didn't answer question "+question.id)
+          continue;
+        }
 
         const resultObj = JSON.parse(div);
         for (let key in resultObj) {
@@ -96,7 +103,7 @@
 
       show_result(result);
     } else {
-      nextButton.disabled = false;
+      nextButton.style.display = "";
       state.question.element.classList.remove("hidden");
     }
   };
@@ -122,9 +129,13 @@
         result_wrapper.removeChild(result_wrapper.lastElementChild);
     }
     for (let ver in result) {
-        const create_wrapper= document.createElement('div');
-        create_wrapper.innerHTML = _results["d_"+ver];
-        result_wrapper.appendChild(create_wrapper);
+      if(!(ver in _results)) {
+        console.error("No html found for '"+ver+"'");
+        continue;
+      }
+      const create_wrapper= document.createElement('div');
+      create_wrapper.innerHTML = _results[ver];
+      result_wrapper.appendChild(create_wrapper);
     }
   }
 
@@ -158,6 +169,8 @@
     if(depth > 1) {
       depth -= 1;
       window.history.replaceState("", "", createRelativeUrl(state.question.index - 1));
+    } else {
+      window.location.search = "vraag="+ (state.question.index - 1);
     }
 
     reset();

lib/helpers/quiz.rb

@@ -6,7 +6,7 @@ module QuizHelper
         my_hash = {}
 
         items.each do |item|
-            my_hash["d_"+(item[:id] || "none")] = (render '/partials/pretty_link.*', :item => item).gsub("\n", '')
+            my_hash[(item[:id] || "none")] = (render '/partials/pretty_link.*', :item => item).gsub("\n", '')
         end
         my_hash.to_json
     end