summaryrefslogtreecommitdiff
path: root/addons/website_event_track_quiz/views/event_quiz_templates.xml
blob: 1d8fd726bef73c8280c1130992818b6b36cba0cd (plain)
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
51
52
53
<?xml version="1.0" encoding="UTF-8"?>
<odoo>
    <template id="quiz_content" name="Track: Quiz specific content">
        <t t-set="quiz_completed" t-value="quiz_completed or False"/>

        <div class="o_quiz_js_quiz col"
            t-att-data-id="track.id"
            t-att-data-event-id="track.event_id.id"
            t-att-data-completed="1 if quiz_completed else 0"
            t-att-data-quiz-attempts-count="quiz_attempts_count or 0"
            t-att-data-quiz-points-gained="quiz_points"
            t-att-data-is-manager="user_event_manager or 0">
            <t t-foreach="track.quiz_id.question_ids" t-as="question">
                <t t-call="website_event_track_quiz.quiz_question"/>
            </t>
            <div class="o_quiz_js_quiz_validation pt-3"/>
        </div>
    </template>

    <template id="quiz_question" name="Quiz question template">
        <div t-att-class="'o_quiz_js_quiz_question mt-3 %s' % ('completed-disabled' if quiz_completed else '')"
            t-att-data-question-id="question['id']" t-att-data-title="question['name']" >
            <div class="row d-flex mb-2 mx-0">
                <div class="h4">
                    <span t-esc="question['name']"/>
                </div>
            </div>
            <div class="list-group">
                <t t-foreach="question['answer_ids']" t-as="answer">
                    <a t-att-data-answer-id="answer['id']" href="#"
                        t-att-data-text="answer['text_value']" t-att-data-is-correct="answer['is_correct']" t-att-data-comment="answer['comment']"
                        t-att-class="'o_quiz_quiz_answer list-group-item list-group-item-action d-flex align-items-center %s' % ('list-group-item-success' if slid_completed and answer['is_correct'] else '')">
                        <label class="my-0 d-flex align-items-center justify-content-center mr-2">
                            <input type="radio"
                                t-att-name="question['id']"
                                t-att-value="answer['id']"
                                class="d-none"
                                t-att-disabled="quiz_completed"/>
                            <i t-att-class="'fa fa-circle text-400 %s' % ('d-none' if quiz_completed and answer['is_correct'] else '')"/>
                            <i class="fa fa-times-circle text-danger d-none"></i>
                            <i t-att-class="'fa fa-check-circle text-success %s' % ('d-none' if not (quiz_completed and answer['is_correct']) else '')"></i>
                        </label>
                        <span t-esc="answer['text_value']"/>
                    </a>
                </t>
                <div class="o_quiz_quiz_answer_info list-group-item list-group-item-info d-none">
                    <i class="fa fa-info-circle"/>
                    <span class="o_quiz_quiz_answer_comment"/>
                </div>
            </div>
        </div>
    </template>
</odoo>