Fix exercises binding when page changed

Add base binding for quiz

1 files changed, 52 insertions, 0 deletions

diff --git a/theme/javascript/core/quiz.js b/theme/javascript/core/quiz.js
new file mode 100644
index 0000000..909b168
--- /dev/null
+++ b/theme/javascript/core/quiz.js
@@ -0,0 +1,52 @@
+define([
+    "jQuery",
+    "utils/execute",
+    "utils/analytic",
+    "core/state"
+], function($, execute, analytic, state){
+    // Bind an exercise
+    var prepareQuiz = function($quiz) {
+
+        $quiz.find(".quiz-answers input").click(function(e) {
+            e.preventDefault();
+        });
+
+        // Submit: test code
+        $quiz.find(".action-submit").click(function(e) {
+            e.preventDefault();
+            analytic.track("exercise.submit");
+            $quiz.find("tr.alert-danger,li.alert-danger").removeClass("alert-danger");
+            $quiz.find(".alert-success,.alert-danger").addClass("hidden");
+
+            $quiz.find(".quiz").each(function(q) {
+                var result = true;
+                var $answers = $quiz.find(".quiz-answers").slice(q).find("input[type=radio], input[type=checkbox]");
+                $(this).find("input[type=radio],input[type=checkbox]").each(function(i) {
+                    var correct = $(this).is(":checked") === $answers.slice(i).first().is(":checked");
+                    result = result && correct;
+                    if (!correct) {
+                        $(this).closest("tr, li").addClass("alert-danger");
+                    }
+                });
+                $(this).find(result ? "div.alert-success" : "div.alert-danger").toggleClass("hidden");
+            });
+
+        });
+
+        $quiz.find(".action-solution").click(function(e) {
+            $quiz.find(".quiz, .quiz-answers").toggleClass("hidden");
+        });
+    };
+
+    // Prepare all exercise
+    var init = function() {
+        state.$book.find("section.quiz").each(function() {
+            prepareQuiz($(this));
+        });
+    };
+
+    return {
+        init: init,
+        prepare: prepareQuiz
+    };
+});
\ No newline at end of file