initial commit 2

1 files changed, 46 insertions, 0 deletions

diff --git a/addons/website/static/src/snippets/s_blockquote/options.js b/addons/website/static/src/snippets/s_blockquote/options.js
new file mode 100644
index 00000000..46748f15
--- /dev/null
+++ b/addons/website/static/src/snippets/s_blockquote/options.js
@@ -0,0 +1,46 @@
+odoo.define('website.s_blockquote_options', function (require) {
+'use strict';
+
+const options = require('web_editor.snippets.options');
+
+options.registry.Blockquote = options.Class.extend({
+
+    //--------------------------------------------------------------------------
+    // Options
+    //--------------------------------------------------------------------------
+
+    /**
+     * Change blockquote design.
+     *
+     * @see this.selectClass for parameters
+     */
+    display: function (previewMode, widgetValue, params) {
+
+        // Classic
+        this.$target.find('.s_blockquote_avatar').toggleClass('d-none', widgetValue !== 'classic');
+
+        // Cover
+        const $blockquote = this.$target.find('.s_blockquote_content');
+        if (widgetValue === 'cover') {
+            $blockquote.css({"background-image": "url('/web/image/website.s_blockquote_cover_default_image')"});
+            $blockquote.css({"background-position": "50% 50%"});
+            $blockquote.addClass('oe_img_bg');
+            if (!$blockquote.find('.o_we_bg_filter').length) {
+                const bgFilterEl = document.createElement('div');
+                bgFilterEl.classList.add('o_we_bg_filter', 'bg-white-50');
+                $blockquote.prepend(bgFilterEl);
+            }
+        } else {
+            $blockquote.css({"background-image": ""});
+            $blockquote.css({"background-position": ""});
+            $blockquote.removeClass('oe_img_bg');
+            $blockquote.find('.o_we_bg_filter').remove();
+            $blockquote.find('.s_blockquote_filter').contents().unwrap(); // Compatibility
+        }
+
+        // Minimalist
+        this.$target.find('.s_blockquote_icon').toggleClass('d-none', widgetValue === 'minimalist');
+        this.$target.find('footer').toggleClass('d-none', widgetValue === 'minimalist');
+    },
+});
+});