[MOV] website_slides: split the course sidebar template
Purpose ======= In preparation to the next commit, we split the course sidebar template to be able to re-use some part of it in other templates. Task-2604792 Part-of: odoo/odoo#75561
This commit is contained in:
std-odoo
committed by
Aurélien Warnon
Aurélien Warnon
parent
254421b5d8
commit
7d69bd893e
@@ -68,7 +68,7 @@
|
||||
</template>
|
||||
|
||||
<!-- COURSE -->
|
||||
<template name="Course Sidebar (infos, CTA)" id='course_sidebar' inherit_id="website_slides.course_sidebar">
|
||||
<template name="Course Sidebar (infos, CTA)" id="course_join" inherit_id="website_slides.course_join">
|
||||
<!-- Channel main template: override button to join channel -->
|
||||
<xpath expr="//div[hasclass('o_wslides_js_course_join')]" position="inside">
|
||||
<t t-if="(not channel.is_member or channel.can_publish) and channel.enroll == 'payment'">
|
||||
|
||||
@@ -255,68 +255,7 @@
|
||||
<div class="o_wslides_course_sidebar bg-white px-3 py-2 py-md-3 mb-3 mb-md-5">
|
||||
|
||||
<div class="o_wslides_sidebar_top d-flex justify-content-between">
|
||||
<div class="o_wslides_js_course_join flex-grow-1">
|
||||
<a t-if="not channel.is_member and channel.enroll == 'public'" role="button"
|
||||
class="btn btn-primary btn-block o_wslides_js_course_join_link"
|
||||
title="Start Course" aria-label="Start Course Channel"
|
||||
t-att-href="'#'"
|
||||
t-att-data-channel-id="channel.id"
|
||||
t-att-data-channel-enroll="channel.enroll">
|
||||
<span class="cta-title text_small_caps">
|
||||
<t t-if="channel.channel_type == 'documentation'">Start Course</t>
|
||||
<t t-else="">Join Course</t>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<div t-if="not channel.is_member and channel.enroll == 'invite'" class="text-center">
|
||||
<div t-attf-class="alert my-0 bg-100 p-2 #{'o_wslides_js_channel_enroll' if not is_public_user else ''}"
|
||||
t-att-data-channel-id="channel.id">
|
||||
Private Course
|
||||
<div t-if="is_public_user">
|
||||
<small>
|
||||
Please <a t-att-href="'/web/login?redirect=/slides/%s' % (slug(channel))">sign in</a> to contact responsible.
|
||||
</small>
|
||||
</div>
|
||||
<div t-elif="channel.has_requested_access">
|
||||
<small class="text-success">
|
||||
Request already sent
|
||||
</small>
|
||||
</div>
|
||||
<div t-else="" class="o_wslides_enroll_msg">
|
||||
<small>
|
||||
<div t-field="channel.enroll_msg"/>
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<t t-if="channel.is_member">
|
||||
<button class="d-flex align-items-center alert my-0 px-2 px-xl-3 bg-100 w-100 o_wslides_js_channel_unsubscribe"
|
||||
t-att-data-channel-id="channel.id"
|
||||
t-att-data-is-follower="channel.message_is_follower"
|
||||
t-att-data-enroll="channel.enroll">
|
||||
<t t-call="website_slides.slides_misc_user_image">
|
||||
<t t-set="img_class" t-value="'rounded-circle mr-1'"/>
|
||||
<t t-set="img_style" t-value="'width: 1.4em; height: 1.4em; object-fit: cover;'"/>
|
||||
</t>
|
||||
<h6 class="d-flex flex-grow-1 my-0">You're enrolled</h6>
|
||||
<i class="fa fa-check"/>
|
||||
<i class="fa fa-times"/>
|
||||
</button>
|
||||
<div class="d-flex align-items-center pt-3">
|
||||
<t t-if="channel.completed">
|
||||
<span class="badge badge-pill badge-success py-1 px-2 mx-auto" style="font-size: 1em"><i class="fa fa-check"/> Completed</span>
|
||||
</t>
|
||||
<t t-else="">
|
||||
<div class="progress flex-grow-1 bg-black-50" style="height: 6px;">
|
||||
<div class="progress-bar" role="progressbar" t-attf-style="width: #{channel.completion}%" t-att-aria-valuenow="channel.completion" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
<div class="ml-3 small">
|
||||
<span class="o_wslides_progress_percentage" t-esc="channel.completion"/> %
|
||||
</div>
|
||||
</t>
|
||||
</div>
|
||||
</t>
|
||||
</div>
|
||||
<t t-call="website_slides.course_join"/>
|
||||
<button t-attf-class="btn d-md-none bg-white ml-1 border #{'alert' if channel.is_member else ''} #{'align-self-start' if channel.is_member or channel.enroll == 'invite' else 'align-self-end'}" type="button" data-toggle="collapse" data-target="#o_wslides_sidebar_collapse" aria-expanded="false" aria-controls="o_wslides_sidebar_collapse">More info</button>
|
||||
</div>
|
||||
|
||||
@@ -351,6 +290,71 @@
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<template id="course_join">
|
||||
<div class="o_wslides_js_course_join flex-grow-1">
|
||||
<a t-if="not channel.is_member and channel.enroll == 'public'" role="button"
|
||||
class="btn btn-primary btn-block o_wslides_js_course_join_link"
|
||||
title="Start Course" aria-label="Start Course Channel"
|
||||
t-att-href="'#'"
|
||||
t-att-data-channel-id="channel.id"
|
||||
t-att-data-channel-enroll="channel.enroll">
|
||||
<span class="cta-title text_small_caps">
|
||||
<t t-if="channel.channel_type == 'documentation'">Start Course</t>
|
||||
<t t-else="">Join Course</t>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<div t-if="not channel.is_member and channel.enroll == 'invite'" class="text-center">
|
||||
<div t-attf-class="alert my-0 bg-100 p-2 #{'o_wslides_js_channel_enroll' if not is_public_user else ''}"
|
||||
t-att-data-channel-id="channel.id">
|
||||
Private Course
|
||||
<div t-if="is_public_user">
|
||||
<small>
|
||||
Please <a t-att-href="'/web/login?redirect=/slides/%s' % (slug(channel))">sign in</a> to contact responsible.
|
||||
</small>
|
||||
</div>
|
||||
<div t-elif="channel.has_requested_access">
|
||||
<small class="text-success">
|
||||
Request already sent
|
||||
</small>
|
||||
</div>
|
||||
<div t-else="" class="o_wslides_enroll_msg">
|
||||
<small>
|
||||
<div t-field="channel.enroll_msg"/>
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<t t-if="channel.is_member">
|
||||
<button class="d-flex align-items-center alert my-0 px-2 px-xl-3 bg-100 w-100 o_wslides_js_channel_unsubscribe"
|
||||
t-att-data-channel-id="channel.id"
|
||||
t-att-data-is-follower="channel.message_is_follower"
|
||||
t-att-data-enroll="channel.enroll">
|
||||
<t t-call="website_slides.slides_misc_user_image">
|
||||
<t t-set="img_class" t-value="'rounded-circle mr-1'"/>
|
||||
<t t-set="img_style" t-value="'width: 1.4em; height: 1.4em; object-fit: cover;'"/>
|
||||
</t>
|
||||
<h6 class="d-flex flex-grow-1 my-0">You're enrolled</h6>
|
||||
<i class="fa fa-check"/>
|
||||
<i class="fa fa-times"/>
|
||||
</button>
|
||||
<div class="d-flex align-items-center pt-3">
|
||||
<t t-if="channel.completed">
|
||||
<span class="badge badge-pill badge-success py-1 px-2 mx-auto" style="font-size: 1em"><i class="fa fa-check"/> Completed</span>
|
||||
</t>
|
||||
<t t-else="">
|
||||
<div class="progress flex-grow-1 bg-black-50" style="height: 6px;">
|
||||
<div class="progress-bar" role="progressbar" t-attf-style="width: #{channel.completion}%" t-att-aria-valuenow="channel.completion" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
<div class="ml-3 small">
|
||||
<span class="o_wslides_progress_percentage" t-esc="channel.completion"/> %
|
||||
</div>
|
||||
</t>
|
||||
</div>
|
||||
</t>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<template id="course_slides_list" name="Training Course content: list">
|
||||
<div class="mb-5 o_wslides_slides_list" t-att-data-channel-id="channel.id">
|
||||
|
||||
|
||||
Reference in New Issue
Block a user