1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
|
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_image_gallery" name="Image Gallery">
<section class="s_image_gallery o_slideshow pt24 pb24 s_image_gallery_controllers_outside s_image_gallery_controllers_outside_arrows_right s_image_gallery_indicators_dots s_image_gallery_arrows_default" data-vcss="002" data-columns="3">
<div class="o_container_small overflow-hidden">
<div id="slideshow_sample" class="carousel carousel-dark slide" data-bs-ride="carousel" data-bs-interval="0">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="img img-fluid d-block mh-100 mw-100 mx-auto rounded object-fit-cover" src="/web/image/website.library_image_08" data-name="Image" data-index="0" alt=""/>
</div>
<div class="carousel-item">
<img class="img img-fluid d-block mh-100 mw-100 mx-auto rounded object-fit-cover" src="/web/image/website.library_image_03" data-name="Image" data-index="1" alt=""/>
</div>
<div class="carousel-item">
<img class="img img-fluid d-block mh-100 mw-100 mx-auto rounded object-fit-cover" src="/web/image/website.library_image_02" data-name="Image" data-index="2" alt=""/>
</div>
</div>
<div class="o_carousel_controllers">
<button class="carousel-control-prev o_not_editable" contenteditable="false" t-attf-data-bs-target="#slideshow_sample" data-bs-slide="prev" aria-label="Previous" title="Previous">
<span class="carousel-control-prev-icon" aria-hidden="true"/>
<span class="visually-hidden">Previous</span>
</button>
<div class="carousel-indicators">
<button type="button" data-bs-target="#slideshow_sample" data-bs-slide-to="0" style="background-image: url(/web/image/website.library_image_08)" class="active" aria-label="Carousel indicator"/>
<button type="button" style="background-image: url(/web/image/website.library_image_03)" data-bs-target="#slideshow_sample" data-bs-slide-to="1" aria-label="Carousel indicator"/>
<button type="button" style="background-image: url(/web/image/website.library_image_02)" data-bs-target="#slideshow_sample" data-bs-slide-to="2" aria-label="Carousel indicator"/>
</div>
<button class="carousel-control-next o_not_editable" contenteditable="false" t-attf-data-bs-target="#slideshow_sample" data-bs-slide="next" aria-label="Next" title="Next">
<span class="carousel-control-next-icon" aria-hidden="true"/>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
</div>
</section>
</template>
<template id="s_images_wall" name="Images Wall">
<section class="s_image_gallery o_spc-small o_masonry pt24 pb24" data-vcss="002" data-columns="3" style="overflow: hidden;">
<div class="container">
<div class="row s_nb_column_fixed">
<div class="o_masonry_col o_snippet_not_selectable col-lg-4">
<img class="img img-fluid d-block rounded" src="/web/image/website.library_image_03" data-index="0" data-name="Image" alt=""/>
<img class="img img-fluid d-block rounded" src="/web/image/website.library_image_10" data-index="3" data-name="Image" alt=""/>
</div>
<div class="o_masonry_col o_snippet_not_selectable col-lg-4">
<img class="img img-fluid d-block rounded" src="/web/image/website.library_image_13" data-index="1" data-name="Image" alt=""/>
<img class="img img-fluid d-block rounded" src="/web/image/website.library_image_05" data-index="4" data-name="Image" alt=""/>
</div>
<div class="o_masonry_col o_snippet_not_selectable col-lg-4">
<img class="img img-fluid d-block rounded" src="/web/image/website.library_image_14" data-index="2" data-name="Image" alt=""/>
<img class="img img-fluid d-block rounded" src="/web/image/website.library_image_16" data-index="5" data-name="Image" alt=""/>
</div>
</div>
</div>
</section>
</template>
<template id="s_image_gallery_options" inherit_id="website.snippet_options">
<xpath expr="//t[@t-call='website.snippet_options_background_options']" position="before">
<div data-js="GalleryImageList" data-selector=".s_image_gallery">
<we-row string="Images">
<we-button class="o_we_bg_success" data-add-images="true" data-no-preview="true">Add</we-button>
<we-button class="o_we_bg_danger" data-remove-all-images="true" data-no-preview="true">Remove all</we-button>
</we-row>
</div>
</xpath>
<xpath expr="." position="inside">
<div data-js="gallery" data-selector=".s_image_gallery">
<we-select string="Mode" data-dependencies="!slideshow_mode_opt">
<we-button data-mode="grid" data-name="grid_mode_opt">Grid</we-button>
<we-button data-mode="masonry" data-name="masonry_mode_opt">Masonry</we-button>
<we-button data-mode="nomode">Float</we-button>
<!-- Hidden option -->
<we-button data-mode="slideshow" data-name="slideshow_mode_opt">Slideshow</we-button>
</we-select>
<we-input string="Speed"
data-dependencies="slideshow_mode_opt"
data-apply-to=".carousel:first"
data-select-data-attribute="0s" data-attribute-name="bsInterval"
data-unit="s" data-save-unit="ms" data-step="0.1"/>
<we-select string="Columns" data-dependencies="masonry_mode_opt, grid_mode_opt">
<we-button data-columns="1">1</we-button>
<we-button data-columns="2">2</we-button>
<we-button data-columns="3">3</we-button>
<we-button data-columns="4">4</we-button>
<we-button data-columns="6">6</we-button>
<we-button data-columns="12">12</we-button>
</we-select>
<we-range string="Images Spacing"
data-dependencies="!slideshow_mode_opt"
data-select-class="o_spc-none|o_spc-small|o_spc-medium|o_spc-big"/>
<we-select string="Style" data-dependencies="slideshow_mode_opt">
<we-button data-select-class="">Classic</we-button>
<we-button data-select-class="s_image_gallery_controllers_indicators_outside">Indicators outside</we-button>
<we-button data-select-class="s_image_gallery_controllers_outside">Outside, center</we-button>
<we-button data-select-class="s_image_gallery_controllers_outside s_image_gallery_controllers_outside_arrows_left">Outside, at right</we-button>
<we-button data-select-class="s_image_gallery_controllers_outside s_image_gallery_controllers_outside_arrows_right">Outside, at left</we-button>
</we-select>
<we-checkbox string="Invert colors" data-dependencies="slideshow_mode_opt" data-apply-to=".carousel" class="o_we_sublevel_1" data-select-class="carousel-dark"/>
<we-select string="Arrows" data-dependencies="slideshow_mode_opt" class="o_we_sublevel_1">
<we-button data-select-class="s_image_gallery_arrows_default">Default</we-button>
<we-button data-select-class="s_image_gallery_arrows_boxed">Boxed</we-button>
<we-button data-select-class="s_image_gallery_arrows_rounded">Rounded</we-button>
<we-button data-select-class="s_image_gallery_arrows_hidden">Hidden</we-button>
</we-select>
<we-select string="Indicators" data-dependencies="slideshow_mode_opt" class="o_we_sublevel_1">
<we-button data-select-class="s_image_gallery_indicators_bars">Bars</we-button>
<we-button data-select-class="s_image_gallery_indicators_dots">Dots</we-button>
<we-button data-select-class="s_image_gallery_indicators_numbers">Numbers</we-button>
<we-button data-select-class="s_image_gallery_indicators_squared">Squared Miniatures</we-button>
<we-button data-select-class="s_image_gallery_indicators_rounded">Rounded Miniatures</we-button>
<we-button data-select-class="s_image_gallery_indicators_hidden">Hidden</we-button>
</we-select>
<t t-call="website.snippet_options_border_widgets">
<t t-set="apply_to" t-valuef="img"/>
<t t-set="so_rounded_no_dependencies" t-value="true"/>
</t>
</div>
<div data-js="gallery_img" data-selector=".s_image_gallery img"></div>
</xpath>
</template>
<record id="website.s_image_gallery_000_js" model="ir.asset">
<field name="name">Image gallery 000 JS</field>
<field name="bundle">web.assets_frontend</field>
<field name="path">website/static/src/snippets/s_image_gallery/000.js</field>
</record>
<record id="website.s_image_gallery_000_scss" model="ir.asset">
<field name="name">Image gallery 000 SCSS</field>
<field name="bundle">web.assets_frontend</field>
<field name="path">website/static/src/snippets/s_image_gallery/000.scss</field>
<field name="active" eval="False"/>
</record>
<record id="website.s_image_gallery_001_scss" model="ir.asset">
<field name="name">Image gallery 001 SCSS</field>
<field name="bundle">web.assets_frontend</field>
<field name="path">website/static/src/snippets/s_image_gallery/001.scss</field>
<field name="active" eval="False"/>
</record>
<record id="website.s_image_gallery_002_scss" model="ir.asset">
<field name="name">Image gallery 002 SCSS</field>
<field name="bundle">web.assets_frontend</field>
<field name="path">website/static/src/snippets/s_image_gallery/002.scss</field>
</record>
<record id="website.s_image_gallery_000_xml" model="ir.asset">
<field name="name">Image gallery 000 XML</field>
<field name="bundle">web.assets_frontend</field>
<field name="path">website/static/src/snippets/s_image_gallery/000.xml</field>
<field name="active" eval="False"/>
</record>
<record id="website.s_image_gallery_001_xml" model="ir.asset">
<field name="name">Image gallery 001 XML</field>
<field name="bundle">web.assets_frontend</field>
<field name="path">website/static/src/snippets/s_image_gallery/001.xml</field>
</record>
</odoo>
|
