initial commit

1 files changed, 132 insertions, 0 deletions

diff --git a/theme_common/static/src/old_snippets/s_showcase_slider/000.js b/theme_common/static/src/old_snippets/s_showcase_slider/000.js
new file mode 100644
index 0000000..cbdb73a
--- /dev/null
+++ b/theme_common/static/src/old_snippets/s_showcase_slider/000.js
@@ -0,0 +1,132 @@
+odoo.define("theme_common.s_showcase_slider_frontend", function (require) {
+    "use strict";
+
+    const dom = require('web.dom');
+    var publicWidget = require('web.public.widget');
+
+    publicWidget.registry.s_showcase_slider = publicWidget.Widget.extend({
+        selector: ".s_showcase_slider",
+
+        start: function () {
+            _.defer(this.bindEvents.bind(this)); // FIXME delayed to counter a web_editor bug which off all click event
+            this.createPagination();
+            return this._super.apply(this, arguments);
+        },
+
+        destroy: function () {
+            this._super.apply(this, arguments);
+            _.defer(this.unbindEvents.bind(this)); // FIXME delayed to counter a web_editor bug which off all click event
+            this.destroyPagination();
+            this.$target.removeClass("active");
+        },
+
+        bindEvents: function () {
+            // Enlarge image on click if not already enlarged
+            this.$target.on("click.s_showcase_slider", ".s_ss_slider", (function (e) {
+                if (this.$target.hasClass("active")) return;
+
+                this.$target
+                    .addClass("active")
+                    .one("webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend", (function () {
+                        dom.scrollTo(this.$target[0], {
+                            duration: 200,
+                            extraOffset: 70,
+                        });
+                        this.$target.trigger("transitionIsFinished");
+                    }).bind(this));
+            }).bind(this));
+
+            // Close the enlarged image on close icon click
+            this.$target.on("click.s_showcase_slider", ".s_ss_close", (function (e) {
+                this.$target.removeClass("active");
+            }).bind(this));
+
+            // Handle click navigation
+            this.$target.on("click.s_showcase_slider", ".s_ss_prev", this.prevSlide.bind(this));
+            this.$target.on("click.s_showcase_slider", ".s_ss_next", this.nextSlide.bind(this));
+            this.$target.on("click.s_showcase_slider", ".s_ss_slider_pagination > li > a", (function (e) {
+                e.preventDefault();
+                var $selectedDot = $(e.currentTarget).parent();
+                if ($selectedDot.hasClass("selected")) return;
+                this.changeSlide($selectedDot.index());
+            }).bind(this));
+
+            // Keyboard slider navigation
+            $(document).on("keyup.s_showcase_slider", (function (e) {
+                if (!this.$target.hasClass("active")) return;
+
+                switch (e.which) {
+                    case $.ui.keyCode.LEFT:
+                        this.prevSlide();
+                        break;
+                    case $.ui.keyCode.RIGHT:
+                        this.nextSlide();
+                        break;
+                    case $.ui.keyCode.ESCAPE:
+                        this.$target.removeClass("active");
+                        break;
+                }
+            }).bind(this));
+        },
+
+        unbindEvents: function () {
+            this.$target.off(".s_showcase_slider");
+            $(document).off(".s_showcase_slider");
+        },
+
+        createPagination: function () { // FIXME pagination should be saved with editor but keep this for compatibility
+            this.$target.find(".s_ss_slider_pagination").remove(); // Remove saved-with-editor pagination
+
+            this.$pagination = $("<ul/>", {class: "s_ss_slider_pagination"});
+            this.$pagination.insertAfter(this.$target.find(".s_ss_slider_navigation"));
+
+            var nbSlides = this.$target.find(".s_ss_slider").children().length;
+            for (var i = 0 ; i < nbSlides ; i++) {
+                this.$pagination.append("<li><a href=\"#\"></a></li>");
+            }
+
+            this.$pagination.children().eq(this.getCurrentIndex()).addClass("selected");
+        },
+
+        destroyPagination: function () {
+            if (this.$pagination) {
+                this.$pagination.remove();
+                this.$pagination = null;
+            }
+        },
+
+        prevSlide: function () {
+            var nbSlides = this.$target.find(".s_ss_slider").children().length;
+            var currentIndex = this.getCurrentIndex();
+            this.changeSlide(currentIndex > 0 ? (currentIndex - 1) : (nbSlides - 1));
+        },
+
+        nextSlide: function () {
+            var nbSlides = this.$target.find(".s_ss_slider").children().length;
+            var currentIndex = this.getCurrentIndex();
+            this.changeSlide((currentIndex + 1) % nbSlides);
+        },
+
+        getCurrentIndex: function () {
+            return this.$target.find(".s_ss_slider > .selected").index();
+        },
+
+        changeSlide: function (n) {
+            var $slides = this.$target.find(".s_ss_slider > li").removeClass("selected");
+            this.$target.find(".s_ss_slider_pagination > li").removeClass("selected");
+
+            var $slide = $slides.eq(n).addClass("selected");
+            $slides.removeClass("move-left");
+            $slide.prevAll().addClass("move-left");
+
+            this.$pagination.children().eq(n).addClass("selected");
+            this.updateNavigation();
+        },
+
+        updateNavigation: function () {
+            var $active = this.$target.find(".s_ss_slider > .selected");
+            this.$target.find(".s_ss_prev").toggleClass("inactive", $active.is(":first-child"));
+            this.$target.find(".s_ss_next").toggleClass("inactive", $active.is(":last-child"));
+        },
+    });
+});