theme/javascript/core/quiz.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

define([
    "jQuery",
    "utils/execute",
    "utils/analytic",
    "core/state"
], function($, execute, analytic, state){
    // Bind an exercise
    var prepareExercise = function($exercise) {
        var $answers = $exercise.find(".quiz-answers").find("input[type=radio], input[type=checkbox]");

        $answers.click(function(e) {
            e.preventDefault();
        });

        // Submit: test code
        $exercise.find(".action-submit").click(function(e) {
            e.preventDefault();
            analytic.track("exercise.submit");
            $exercise.find("tr.alert-danger").removeClass("alert-danger");
            $exercise.find(".alert-success,.alert-danger").addClass("hidden");

            var result = true;
            $exercise.find(".quiz input[type=radio],.quiz 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").addClass("alert-danger");
                }
            });

            $exercise.find(result ? "div.alert-success" : "div.alert-danger").toggleClass("hidden");
        });

        $exercise.find(".action-solution").click(function(e) {
            $exercise.find(".quiz, .quiz-answers").toggleClass("hidden");
        });
    };

    // Prepare all exercise
    var init = function() {
        state.$book.find("section.quiz").each(function() {
            prepareExercise($(this));
        });
    };

    return {
        init: init,
        prepare: prepareExercise
    };
});