summaryrefslogtreecommitdiff
path: root/addons/website_slides/static/src/xml/slide_quiz_create.xml
blob: d9cf7de0fa9b2c37e16ee6caa2052671b2f7f89c (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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<?xml version="1.0" encoding="UTF-8"?>
<templates xml:space="preserve">

    <t t-name="slide.quiz.question.input">
        <div t-attf-class="o_wsildes_quiz_question_input mt-3 #{!widget.update ? 'col' : ''}" t-att-data-id="widget.question.id || ''">
            <form class="mb-3">
                <div class="o_wslides_quiz_question row align-items-center mr-0 mb-2">
                    <div class="input-group ml-3">
                        <div class="input-group-prepend">
                            <span class="input-group-text o_wslides_quiz_question_sequence"><t t-esc="widget.sequence"/></span>
                        </div>
                        <input type="text" name="question-name" class="form-control col-11" placeholder="Enter your question"
                            t-att-value="widget.question.text"/>
                    </div>
                </div>
                <div class="text-muted mb-2">
                    <span>Select the correct answer below :</span>
                </div>
                <div class="list-group">
                    <t t-if="widget.question.answers" >
                        <t t-foreach="widget.question.answers" t-as="answer" >
                            <t t-call="slide.quiz.answer.line"/>
                        </t>
                    </t>
                    <t t-else="" >
                        <t t-foreach="[1, 2, 3]">
                            <t t-call="slide.quiz.answer.line" />
                        </t>
                    </t>
                </div>
            </form>
            <t t-if="widget.update" t-call="slide.quiz.update.buttons"/>
            <t t-else="" t-call="slide.quiz.create.buttons"/>
        </div>
    </t>

    <t t-name="slide.quiz.answer.line">
        <div class="o_wslides_js_quiz_answer row align-items-center mb-1" t-attf-data-answer-id="#{answer ? answer.id : ''}" >
            <div class="col ml-3 ml-md-5">
                <div class="row align-items-center">
                    <div class="input-group col-9 p-0">
                        <input type="text" class="o_wslides_js_quiz_answer_value form-control" placeholder="Enter your answer" t-attf-value="#{answer ? answer.text_value : ''}"/>
                        <div class="input-group-append">
                            <div class="input-group-text">
                                <a class="o_wslides_js_quiz_is_correct" title="This is the correct answer">
                                    <label class="my-0">
                                        <input t-if="answer and answer.is_correct" class="d-none" type="radio" name="radio" checked="true" />
                                        <input t-else="" class="d-none" type="radio" name="radio" />
                                        <i class="o_wslides_js_quiz_icon fa fa-lg fa-check-circle-o text-muted" />
                                    </label>
                                </a>
                            </div>
                        </div>
                    </div>
                    <i t-attf-class="o_wslides_js_quiz_icon o_wslides_js_quiz_comment_answer fa fa-lg fa-info-circle p-md-2 py-2 pl-2 pr-1 #{answer &amp;&amp; answer.comment ? 'text-primary' : 'text-muted'}" title="Add comment on this answer" />
                    <i class="o_wslides_js_quiz_icon o_wslides_js_quiz_add_answer fa fa-lg fa-plus-circle p-md-2 py-2 px-1 text-muted" title="Add an answer below this one" />
                    <i class="o_wslides_js_quiz_icon o_wslides_js_quiz_remove_answer fa fa-lg fa-trash-o p-md-2 py-2 px-1 text-muted" title="Remove this answer" />
                </div>
                <div class="o_wslides_js_quiz_answer_comment row align-items-center d-none">
                    <input type="text" class="form-control col-8 offset-1 mt-1" placeholder="This is the correct answer, congratulations"
                        t-attf-value="#{answer ? answer.comment : ''}" />
                    <i class="o_wslides_js_quiz_icon o_wslides_js_quiz_remove_answer_comment fa fa-lg fa-trash-o p-2 text-muted" title="Remove the answer comment" />
                </div>
            </div>
        </div>
    </t>

    <t t-name="slide.quiz.create.buttons">
        <div>
            <a class="o_wslides_js_quiz_validate_question btn btn-primary text-white border" role="button">
                <span>Save</span>
            </a>
            <a class="o_wslides_js_quiz_cancel_question btn btn-light border" role="button">
                <span>Cancel</span>
            </a>
        </div>
    </t>

    <t t-name="slide.quiz.update.buttons">
        <a class="o_wslides_js_quiz_validate_question o_wslides_js_quiz_update btn btn-primary text-white border" role="button">
            <span>Update</span>
        </a>
        <a class="o_wslides_js_quiz_cancel_question btn btn-light border" role="button">
            <span>Cancel</span>
        </a>
    </t>

    <t t-name="slide.quiz.confirm.deletion">
        <div>Are you sure you want to delete this question : <strong t-esc="widget.questionTitle"/> ?</div>
    </t>

</templates>