diff options
Diffstat (limited to 'addons/website/static/src/snippets')
5 files changed, 102 insertions, 4 deletions
diff --git a/addons/website/static/src/snippets/s_countdown/000.js b/addons/website/static/src/snippets/s_countdown/000.js index 9959f6680a4..5f28a71595c 100644 --- a/addons/website/static/src/snippets/s_countdown/000.js +++ b/addons/website/static/src/snippets/s_countdown/000.js @@ -11,7 +11,7 @@ const _t = core._t; const CountdownWidget = publicWidget.Widget.extend({ selector: '.s_countdown', - xmlDependencies: ['/website/static/src/xml/website.s_countdown.xml'], + xmlDependencies: ['/website/static/src/snippets/s_countdown/000.xml'], disabledInEditableMode: false, /** diff --git a/addons/website/static/src/snippets/s_countdown/000.xml b/addons/website/static/src/snippets/s_countdown/000.xml new file mode 100644 index 00000000000..079054471cf --- /dev/null +++ b/addons/website/static/src/snippets/s_countdown/000.xml @@ -0,0 +1,29 @@ +<?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 pt48 pb24" data-snippet="s_picture"> + <div class="container"> + <h2 style="text-align: center;">Happy Odoo Anniversary!</h2> + <p style="text-align: 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.</p> + <p><br/></p> + <div class="row s_nb_column_fixed"> + <div class="col-lg-12 pb24"> + <figure class="figure"> + <img src="/web/image/website.library_image_18" class="figure-img img-thumbnail mx-auto padding-large" style="width: 50%;" alt="Countdown is over - Firework"/> + </figure> + </div> + </div> + </div> + </section> + </div> + </div> + </t> +</templates> diff --git a/addons/website/static/src/snippets/s_image_gallery/000.js b/addons/website/static/src/snippets/s_image_gallery/000.js index 94e31288442..be0553aa56a 100644 --- a/addons/website/static/src/snippets/s_image_gallery/000.js +++ b/addons/website/static/src/snippets/s_image_gallery/000.js @@ -7,8 +7,9 @@ var publicWidget = require('web.public.widget'); var qweb = core.qweb; const GalleryWidget = publicWidget.Widget.extend({ + selector: '.s_image_gallery:not(.o_slideshow)', - xmlDependencies: ['/website/static/src/xml/website.gallery.xml'], + xmlDependencies: ['/website/static/src/snippets/s_image_gallery/000.xml'], events: { 'click img': '_onClickImg', }, @@ -72,7 +73,7 @@ const GalleryWidget = publicWidget.Widget.extend({ const GallerySliderWidget = publicWidget.Widget.extend({ selector: '.o_slideshow', - xmlDependencies: ['/website/static/src/xml/website.gallery.xml'], + xmlDependencies: ['/website/static/src/snippets/s_image_gallery/000.xml'], disabledInEditableMode: false, /** diff --git a/addons/website/static/src/snippets/s_image_gallery/000.xml b/addons/website/static/src/snippets/s_image_gallery/000.xml new file mode 100644 index 00000000000..c2fbf19762f --- /dev/null +++ b/addons/website/static/src/snippets/s_image_gallery/000.xml @@ -0,0 +1,68 @@ +<?xml version="1.0" encoding="UTF-8"?> +<templates xml:space="preserve"> + <!-- + ======================================================================== + Gallery Slideshow + + This template is used to display a slideshow of images inside a + bootstrap carousel. + + ======================================================================== + --> + <t t-name="website.gallery.slideshow"> + <div t-attf-id="#{id}" class="carousel slide" data-ride="carousel" t-attf-data-interval="#{interval}" style="margin: 0 12px;"> + <div class="carousel-inner" style="padding: 0;"> + <t t-foreach="images" t-as="image"> + <div t-attf-class="carousel-item #{image_index == index and 'active' or None}"> + <img t-attf-class="#{attrClass || 'img img-fluid d-block'}" t-att-src="image.src" t-att-style="attrStyle" t-att-alt="image.alt" data-name="Image"/> + </div> + </t> + </div> + + <ul class="carousel-indicators"> + <li class="o_indicators_left text-center d-none" aria-label="Previous" title="Previous"> + <i class="fa fa-chevron-left"/> + </li> + <t t-foreach="images" t-as="image"> + <li t-attf-data-target="##{id}" t-att-data-slide-to="image_index" t-att-class="image_index == index and 'active' or None" t-attf-style="background-image: url(#{image.src})"></li> + </t> + <li class="o_indicators_right text-center d-none" aria-label="Next" title="Next"> + <i class="fa fa-chevron-right"/> + </li> + </ul> + + <a class="carousel-control-prev" t-attf-href="##{id}" data-slide="prev" aria-label="Previous" title="Previous"> + <span class="fa fa-chevron-left fa-2x text-white"></span> + <span class="sr-only">Previous</span> + </a> + <a class="carousel-control-next" t-attf-href="##{id}" data-slide="next" aria-label="Next" title="Next"> + <span class="fa fa-chevron-right fa-2x text-white"></span> + <span class="sr-only">Next</span> + </a> + </div> + </t> + + <!-- + ======================================================================== + Gallery Slideshow LightBox + + This template is used to display a lightbox with a slideshow. + + This template wraps website.gallery.slideshow in a bootstrap modal + dialog. + ======================================================================== + --> + <t t-name="website.gallery.slideshow.lightbox"> + <div role="dialog" class="modal o_technical_modal fade s_gallery_lightbox p-0" aria-labbelledby="Image Gallery Dialog"> + <div class="modal-dialog m-0" role="Picture Gallery" + t-attf-style=""> + <div class="modal-content bg-transparent"> + <main class="modal-body o_slideshow bg-transparent"> + <button type="button" class="close text-white" data-dismiss="modal" style="position: absolute; right: 10px; top: 10px;"><span role="img" aria-label="Close">&times;</span><span class="sr-only">Close</span></button> + <t t-call="website.gallery.slideshow"></t> + </main> + </div> + </div> + </div> + </t> +</templates> diff --git a/addons/website/static/src/snippets/s_image_gallery/options.js b/addons/website/static/src/snippets/s_image_gallery/options.js index a3fe94332da..9b8683d59d0 100644 --- a/addons/website/static/src/snippets/s_image_gallery/options.js +++ b/addons/website/static/src/snippets/s_image_gallery/options.js @@ -9,7 +9,7 @@ var _t = core._t; var qweb = core.qweb; options.registry.gallery = options.Class.extend({ - xmlDependencies: ['/website/static/src/xml/website.gallery.xml'], + xmlDependencies: ['/website/static/src/snippets/s_image_gallery/000.xml'], /** * @override |