summaryrefslogtreecommitdiff
path: root/addons/website_slides/static/src/xml/slide_quiz_create.xml
diff options
context:
space:
mode:
Diffstat (limited to 'addons/website_slides/static/src/xml/slide_quiz_create.xml')
-rw-r--r--addons/website_slides/static/src/xml/slide_quiz_create.xml92
1 files changed, 92 insertions, 0 deletions
diff --git a/addons/website_slides/static/src/xml/slide_quiz_create.xml b/addons/website_slides/static/src/xml/slide_quiz_create.xml
new file mode 100644
index 00000000..d9cf7de0
--- /dev/null
+++ b/addons/website_slides/static/src/xml/slide_quiz_create.xml
@@ -0,0 +1,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>