Skip to content

Commit b5098a2

Browse files
agau-odoodetrouxdev
agau-odoo
authored and
detrouxdev
committed
[REF] web_editor: convert s_masonry_block options to Owl
task-3850413
1 parent c9150b9 commit b5098a2

File tree

4 files changed

+76
-63
lines changed

4 files changed

+76
-63
lines changed

‎addons/website/__manifest__.py

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -258,6 +258,7 @@
258258
'website/static/src/snippets/s_countdown/options.xml',
259259
'website/static/src/snippets/s_embed_code/options.xml',
260260
'website/static/src/snippets/s_masonry_block/options.js',
261+
'website/static/src/snippets/s_masonry_block/options.xml',
261262
'website/static/src/snippets/s_popup/options.js',
262263
'website/static/src/snippets/s_product_catalog/options.js',
263264
'website/static/src/snippets/s_product_catalog/options.xml',

‎addons/website/static/src/snippets/s_masonry_block/options.js

Lines changed: 12 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,16 @@
1-
/** @odoo-module */
1+
import { SelectTemplate } from "@web_editor/js/editor/snippets.options";
2+
import { registerWebsiteOption } from "@website/js/editor/snippets.registry";
23

3-
import options from '@web_editor/js/editor/snippets.options.legacy';
4-
5-
options.registry.MasonryLayout = options.registry.SelectTemplate.extend({
6-
/**
7-
* @constructor
8-
*/
9-
init() {
10-
this._super(...arguments);
4+
export class MasonryLayout extends SelectTemplate {
5+
constructor() {
6+
super(...arguments);
117
this.containerSelector = '> .container, > .container-fluid, > .o_container_small';
128
this.selectTemplateWidgetName = 'masonry_template_opt';
13-
},
9+
}
10+
}
11+
12+
registerWebsiteOption("MasonryLayout", {
13+
Class: MasonryLayout,
14+
template: "website.s_masonry_block_options",
15+
selector: ".s_masonry_block",
1416
});

‎addons/website/static/src/snippets/s_masonry_block/options.xml

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
<?xml version="1.0" encoding="UTF-8" ?>
2+
<templates xml:space="preserve">
3+
4+
<t t-name="website.s_masonry_block_options">
5+
<WeSelect title.translate="Template"
6+
name="'masonry_template_opt'"
7+
attributeName="'masonryTemplate'"
8+
attributeDefaultValue="'default'">
9+
<WeButton selectTemplate="'website.s_masonry_block_default_template'"
10+
selectDataAttribute="'default'"
11+
img="'/website/static/src/img/snippets_options/masonry_template_default.svg'">
12+
Default
13+
</WeButton>
14+
<WeButton selectTemplate="'website.s_masonry_block_reversed_template'"
15+
selectDataAttribute="'default_reversed'"
16+
img="'/website/static/src/img/snippets_options/masonry_template_reversed.svg'">
17+
Default Reversed
18+
</WeButton>
19+
<WeButton selectTemplate="'website.s_masonry_block_images_template'"
20+
selectDataAttribute="'images'"
21+
img="'/website/static/src/img/snippets_options/masonry_template_images.svg'">
22+
Images
23+
</WeButton>
24+
<WeButton selectTemplate="'website.s_masonry_block_image_texts_image_template'"
25+
selectDataAttribute="'image_text_image'"
26+
img="'/website/static/src/img/snippets_options/masonry_template_image_texts_image.svg'">
27+
Image Text Image
28+
</WeButton>
29+
<WeButton selectTemplate="'website.s_masonry_block_mosaic_template'"
30+
selectDataAttribute="'mosaic'"
31+
img="'/website/static/src/img/snippets_options/masonry_template_mosaic.svg'">
32+
Mosaic
33+
</WeButton>
34+
<WeButton selectTemplate="'website.s_masonry_block_texts_image_texts_template'"
35+
selectDataAttribute="'text_image_text'"
36+
img="'/website/static/src/img/snippets_options/masonry_template_texts_image_texts.svg'">
37+
Text Image Text
38+
</WeButton>
39+
<WeButton selectTemplate="'website.s_masonry_block_alternation_text_template'"
40+
selectDataAttribute="'alternate_text'"
41+
img="'/website/static/src/img/snippets_options/masonry_template_alternate_texts.svg'">
42+
Alternate Text
43+
</WeButton>
44+
<WeButton selectTemplate="'website.s_masonry_block_alternation_text_image_template'"
45+
selectDataAttribute="'alternate_text_image'"
46+
img="'/website/static/src/img/snippets_options/masonry_template_alternate_text_image.svg'">
47+
Alternate Text Image
48+
</WeButton>
49+
<WeButton selectTemplate="'website.s_masonry_block_alternation_image_text_template'"
50+
selectDataAttribute="'alternate_image_text'"
51+
img="'/website/static/src/img/snippets_options/masonry_template_alternate_image_text.svg'">
52+
Alternate Image Text
53+
</WeButton>
54+
<WeButton selectTemplate="'website.s_masonry_block_alternation_text_image_text_template'"
55+
selectDataAttribute="'alternate_text_image_text'"
56+
img="'/website/static/src/img/snippets_options/masonry_template_alternate_text_image_text.svg'">
57+
Alternate Text Image Text
58+
</WeButton>
59+
</WeSelect>
60+
</t>
61+
62+
</templates>
63+

‎addons/website/views/snippets/s_masonry_block.xml

Lines changed: 0 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -258,59 +258,6 @@
258258
</div>
259259
</template>
260260

261-
<!-- Options -->
262-
<template id="s_masonry_block_options" inherit_id="website.snippet_options">
263-
<xpath expr="//div[@data-js='layout_column']" position="after">
264-
<div data-js="MasonryLayout" data-selector=".s_masonry_block">
265-
<we-select string="Template"
266-
data-name="masonry_template_opt"
267-
data-attribute-name="masonryTemplate"
268-
data-attribute-default-value="default">
269-
<we-button title="Default"
270-
data-select-template="website.s_masonry_block_default_template"
271-
data-select-data-attribute="default"
272-
data-img="/website/static/src/img/snippets_options/masonry_template_default.svg"/>
273-
<we-button title="Default Reversed"
274-
data-select-template="website.s_masonry_block_reversed_template"
275-
data-select-data-attribute="default_reversed"
276-
data-img="/website/static/src/img/snippets_options/masonry_template_reversed.svg"/>
277-
<we-button title="Images"
278-
data-select-template="website.s_masonry_block_images_template"
279-
data-select-data-attribute="images"
280-
data-img="/website/static/src/img/snippets_options/masonry_template_images.svg"/>
281-
<we-button title="Image Text Image"
282-
data-select-template="website.s_masonry_block_image_texts_image_template"
283-
data-select-data-attribute="image_text_image"
284-
data-img="/website/static/src/img/snippets_options/masonry_template_image_texts_image.svg"/>
285-
<we-button title="Mosaic"
286-
data-select-template="website.s_masonry_block_mosaic_template"
287-
data-select-data-attribute="mosaic"
288-
data-img="/website/static/src/img/snippets_options/masonry_template_mosaic.svg"/>
289-
<we-button title="Text Image Text"
290-
data-select-template="website.s_masonry_block_texts_image_texts_template"
291-
data-select-data-attribute="text_image_text"
292-
data-img="/website/static/src/img/snippets_options/masonry_template_texts_image_texts.svg"/>
293-
<we-button title="Alternate Text"
294-
data-select-template="website.s_masonry_block_alternation_text_template"
295-
data-select-data-attribute="alternate_text"
296-
data-img="/website/static/src/img/snippets_options/masonry_template_alternate_texts.svg"/>
297-
<we-button title="Alternate Text Image"
298-
data-select-template="website.s_masonry_block_alternation_text_image_template"
299-
data-select-data-attribute="alternate_text_image"
300-
data-img="/website/static/src/img/snippets_options/masonry_template_alternate_text_image.svg"/>
301-
<we-button title="Alternate Image Text"
302-
data-select-template="website.s_masonry_block_alternation_image_text_template"
303-
data-select-data-attribute="alternate_image_text"
304-
data-img="/website/static/src/img/snippets_options/masonry_template_alternate_image_text.svg"/>
305-
<we-button title="Alternate Text Image Text"
306-
data-select-template="website.s_masonry_block_alternation_text_image_text_template"
307-
data-select-data-attribute="alternate_text_image_text"
308-
data-img="/website/static/src/img/snippets_options/masonry_template_alternate_text_image_text.svg"/>
309-
</we-select>
310-
</div>
311-
</xpath>
312-
</template>
313-
314261
<!-- Assets -->
315262
<record id="website.s_masonry_block_000_scss" model="ir.asset">
316263
<field name="name">Masonry block 000 SCSS</field>

0 commit comments

Comments
 (0)