diff options
Diffstat (limited to 'addons/website_slides/static/src/xml')
| -rw-r--r-- | addons/website_slides/static/src/xml/website_slides_fullscreen.xml | 111 | ||||
| -rw-r--r-- | addons/website_slides/static/src/xml/website_slides_upload.xml | 105 |
2 files changed, 215 insertions, 1 deletions
diff --git a/addons/website_slides/static/src/xml/website_slides_fullscreen.xml b/addons/website_slides/static/src/xml/website_slides_fullscreen.xml new file mode 100644 index 00000000000..a9aff0d2ec7 --- /dev/null +++ b/addons/website_slides/static/src/xml/website_slides_fullscreen.xml @@ -0,0 +1,111 @@ +<templates id="template" xml:space="preserve"> + <t t-name="website.slides.fullscreen"> + <div t-if="slide.slide_type == 'video' && !showMiniQuiz" class="player embed-responsive embed-responsive-16by9 embed-responsive-item"> + <iframe id="youtube-player" t-att-src="embed_url" allowFullScreen="true" frameborder="0" enablejsapi="1" autoplay="1" allow="autoplay"></iframe> + </div> + <div t-if="slide.slide_type in ['presentation', 'document'] && !showMiniQuiz" class="embed-responsive embed-responsive-4by3 embed-responsive-item "> + <iframe t-att-src="embed_url" class="o_wslides_iframe_viewer" allowFullScreen="true" height="315" width="420" frameborder="0"></iframe> + </div> + <div style="width:100%;height:100%;" t-if="slide.slide_type == 'infographic' && !showMiniQuiz"> + <img t-attf-src="/web/image/slide.slide/#{slide.id}/datas" class="img-fluid" style="width: 100%" alt="Slide image"/> + </div> + <div t-if="(slide.slide_type == 'quiz' || showMiniQuiz) && questions " class="o_wslides_fullscreen_quiz"> + <div> + <t t-call="website.slide.quiz"/> + <div class="container"> + <button t-if="!slide.done" class="btn btn-primary submit-quiz" >Check your answers</button> + <button t-if="embed_url" class="btn btn-primary back-to-video" >Watch again</button> + <button t-if="slide.done && nextSlide" class="btn btn-primary next-slide" >Continue</button> + </div> + </div> + </div> + <div t-if="slide.slide_type == 'webpage'" class="o_wslides_fullscreen_webpage"> + <div class="o_wslides_fullscreen_webpage_content container"/> + </div> + <div class="o_wslides_fullscreen_content"/> + </t> + + <t t-name="website.slide.quiz"> + <div class="container quiz-questions"> + <t t-set="i" t-value="1"/> + <t t-foreach="questions" t-as="question"> + <t t-set="j" t-value="0"/> + <div class="o_wslides_quiz_question"> + <div> + <div class="o_wslides_quiz_question_title"> + <span class="o_wslides_quiz_question_title_number"><span t-esc="i"/>. </span> + <span class="o_wslides_quiz_question_title_text" t-esc="question.title"/> + </div> + <ul class="o_wslides_quiz_question_answers"> + <t t-foreach="question.answers" t-as="answer"> + <li t-attf-id="answer#{answer.id}" t-att-question_id="question.id" t-att-class="(slide.done && answer.correct) ? 'o_wslides_quiz_answer o_wslides_quiz_good_answer': slide.done ? 'o_wslides_quiz_answer o_wslides_quiz_ignored_answer' : 'o_wslides_quiz_answer'"> + <label class="o_wslides_quiz_radio_box"> + <input t-att-answer_id="answer.id" type="radio" t-att-name="question.id" t-att-question_id="question.id" t-att-value="answer.id" t-att-checked="(slide.done && answer.correct) ? 'checked' : undefined" t-att-disabled="slide.done"/> + <span t-if="!(slide.done && answer.correct)"/> + <i t-if="(slide.done && answer.correct)" class="fa fa-check-circle"></i> + </label> + <span t-esc="answer.text"/> + </li> + <t t-set="j" t-value="j+1"/> + </t> + </ul> + </div> + </div> + <t t-set="i" t-value="i+1"/> + </t> + </div> + </t> + + <t t-name="website.course.player.infos"> + <div class="text-box"> + <h1><t t-esc="slide.name"/></h1> + <a t-att-href="url" class="oe_js_show_comments">Show comments</a> + </div> + <div> + <button class="oe_js_slide_full_screen btn btn-secondary">Full Screen</button> + <button t-att-current_slide_id="slide.id" class="btn btn-primary oe_js_slide_completed">Mark as completed<i class="fa fa-check-circle ml-1"></i></button> + </div> + </t> + + <t t-name="website.course.quiz.success"> + <div class="o_wslides_quiz_modal_background"> + </div> + <div class="o_wslides_quiz_success_modal"> + <div class="o_wslides_quiz_success_modal_left_panel"></div> + <div class="o_wslides_quiz_success_modal_right_panel"> + <div class="o_wslides_quiz_success_modal_close"><i class="fa fa-times"></i></div> + <h1>Amazing!</h1> + <div class="o_wslides_quiz_success_xp"> + <p>You gained <span t-esc="data.points"/> !</p> + <div class="o_wslides_quiz_success_progress_bar"> + <div class="o_wslides_quiz_success_progress_gauge"/> + </div> + <div class="o_wslides_quiz_success_progress_bounds"> + <span>600</span> + <span>1000</span> + </div> + </div> + <div class="o_wslides_quiz_success_reward"></div> + <div class="o_wslides_quiz_success_button"> + <a class="next-slide">Next ></a> + </div> + </div> + </div> + </t> + + <t t-name="website.course.fullscreen.title"> + <t t-if="!miniQuiz"> + <i t-if="slide.slide_type == 'document'" class="fa fa-file-pdf-o mr-2"></i> + <i t-if="slide.slide_type == 'infographic'" class="fa fa-file-picture-o mr-2"></i> + <i t-if="slide.slide_type == 'video'" class="fa fa-play-circle mr-2"></i> + <i t-if="slide.slide_type == 'link'" class="fa fa-file-code-o mr-2"></i> + <i t-if="slide.slide_type == 'webpage'" class="fa fa-file-text mr-2"></i> + <i t-if="slide.slide_type == 'quiz'" class="fa fa-question-circle mr-2 text"></i> + <span class="o_wslides_fullscreen_slide_title_span" t-esc="slide.name"/> + </t> + <t t-else=""> + <span><i class="fa fa-flag-checkered"></i>Quiz: <span t-esc="slide.name"/></span> + </t> + </t> + +</templates> diff --git a/addons/website_slides/static/src/xml/website_slides_upload.xml b/addons/website_slides/static/src/xml/website_slides_upload.xml index 966ff3362cd..d57923c561b 100644 --- a/addons/website_slides/static/src/xml/website_slides_upload.xml +++ b/addons/website_slides/static/src/xml/website_slides_upload.xml @@ -47,7 +47,7 @@ <input id="name" name="name" placeholder="Title" class="form-control" required="required"/> </div> </div> - <div class="form-group row"> + <div t-if="!widget.defaultCategoryID" class="form-group row"> <label for="category_id" class="col-form-label col-md-3">Category</label> <div class="controls col-md-9"> <input class="form-control" id="category_id"/> @@ -155,4 +155,107 @@ </div> </t> + <t t-name="website.slide.upload.quiz"> + <div> + <form class="clearfix"> + <canvas id="data_canvas" class="d-none"></canvas> + <t t-call="website.slide.upload.modal.common"/> + </form> + </div> + </t> + + <t t-name="website.slide.image.upload"> + <div role="dialog" class="modal" tabindex="-1"> + <div class="modal-dialog"> + <div class="modal-content"> + <header class="modal-header"> + <h3 class="modal-title">Upload Image</h3> + <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button> + </header> + <div class="oe_slides_upload_loading text-center" style="display:none" aria-hidden="true" role="status"> + <h4><i class='fa fa-spinner fa-spin'></i> Uploading Image... </h4> + </div> + <main class="modal-body"> + <form class="clearfix"> + <div class="form-group row"> + <div class="col-md-4"> + <div class="img-thumbnail"> + <div class="o_slide_preview"> + <img src="/website_slides/static/src/img/document.png" id="slide-image" title="Content Preview" alt="Content Preview" class="img-fluid"/> + </div> + </div> + </div> + <div class="col-md-8"> + <ul class="list-group"> + <li class="list-group-item"> + <h5 class="list-group-item-heading"> + <label for="upload" class="col-form-label">Image File</label> + </h5> + <input id="upload" name="file" class="form-control" accept="image/*,application/pdf" type="file"/> + </li> + </ul> + </div> + </div> + <canvas id="data_canvas" style="display: none;"></canvas> + </form> + </main> + <footer class="modal-footer"> + <button type="button" data-loading-text="Loading..." data-published="true" class="btn btn-primary save">Upload</button> + <button type="button" class="btn btn-secondary" data-dismiss="modal">Discard</button> + </footer> + </div> + </div> + </div> + </t> + + <t t-name="website.slide.delete.slide"> + <div role="dialog" class="modal" tabindex="-1"> + <div class="modal-dialog"> + <div class="modal-content"> + <header class="modal-header"> + <h3 class="modal-title">Delete Slide</h3> + <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button> + </header> + <main class="modal-body"> + <div> + <p>Are you sure you want to remove this slide ? </p> + </div> + </main> + <footer class="modal-footer"> + <button type="button" class="btn btn-primary delete" data-dismiss="modal">Delete</button> + <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button> + </footer> + </div> + </div> + </div> + </t> + + <t t-name="website.slide.add.section"> + <div role="dialog" class="modal" tabindex="-1"> + <div class="modal-dialog"> + <div class="modal-content"> + <header class="modal-header"> + <h3 class="modal-title">Add a section</h3> + <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button> + </header> + <main class="modal-body modal-content"> + <form class="clearfix"> + <div class="form-group row"> + <label for="section_name" class="col-form-label col-md-3">Section name</label> + <div class="col-md-9"> + <input type="text" class="form-control" id="section_name"/> + </div> + </div> + <canvas id="data_canvas" style="display: none;"></canvas> + </form> + </main> + <footer class="modal-footer"> + <button type="button" data-loading-text="Loading..." data-published="true" class="btn btn-primary save">Add</button> + <button type="button" class="btn btn-secondary" data-dismiss="modal">Discard</button> + </footer> + </div> + </div> + </div> + </t> + </templates> |