Romain Derie
699890d3f0
This commit introduces a new snippet: Countdown. The countdown snippet is composed of 4 circle countdown, one for every time unit: seconds, minutes, hours and days. When countdown ends, the user can chose between 3 possible actions: 1. Nothing 2. Show message: show a message once the countdown ends. The message will be displayed bellow the countdown (stopped on 0) or will replace the countdown depending on the option selected. The message can be edited through the website builder. 3. Redirect: redirect the user to the chosen URL. If the user is on the page at the exact moment the countdown reach 0, the user will be redirected automatically. If the user lands on the page after the countdown has reached 0, there will be no redirection and the link will be shown bellow the countdown (stopped on 0) or will replace the countdown depending on the option selected. The countdown layout can be customized in multiple ways: 1. By choosing to hide some time units. For instance, seconds can be hidden or only days shown. 2. By changing its size between small/medium/large. 3. By changing its basic design (circle, boxes, clean). 4. By changing its advanced design (shape, background, progress bar..) task-2093081 closes odoo/odoo#39773 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
31 lines
1.8 KiB
XML
31 lines
1.8 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<templates id="template" xml:space="preserve">
|
|
<t t-name="website.s_countdown.end_redirect_message">
|
|
<p class="text-center s_countdown_end_redirect_message">Time's up! You can now visit <a class="s_countdown_end_redirect_url" t-attf-href="#{redirectUrl}">this page</a>.</p>
|
|
</t>
|
|
<t t-name="website.s_countdown.end_message">
|
|
<div class="s_countdown_end_message d-none">
|
|
<div class="text-center alert alert-info css_non_editable_mode_hidden o_not_editable" t-ignore="True" role="status">
|
|
The following message will become visible <strong>only</strong> once the countdown ends.
|
|
</div>
|
|
<div class="oe_structure">
|
|
<section class="s_picture bg-200">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12 pt16">
|
|
<h2 class="text-center">Happy Odoo Anniversary!</h2>
|
|
<p class="text-center">As promised, we will offer 4 free tickets to our next summit.<br/>Visit our facebook page to know if you are one of the lucky winners.<br/>Hopefully, we will meet you soon.</p>
|
|
</div>
|
|
<div class="col-lg-8 offset-lg-2">
|
|
<figure class="figure">
|
|
<img src="/web/image/website.library_image_18" class="figure-img img-fluid rounded img-thumbnail padding-large" alt="Countdown is over - Firework"/>
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</templates>
|