Benjamin Vray
7d9c8e9779
Hide the add images button of the gallery snippet when not in edit mode. task-2312878 closes odoo/odoo#59470 X-original-commit: abc61b9e50f7006805dfd038d937464eeb5d424a Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
111 lines
6.3 KiB
XML
111 lines
6.3 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
|
|
<template id="s_image_gallery" name="Image Gallery">
|
|
<section class="s_image_gallery o_slideshow s_image_gallery_show_indicators s_image_gallery_indicators_rounded pt24"
|
|
data-vcss="001"
|
|
data-columns="3" style="height: 500px; overflow: hidden;">
|
|
<div class="container">
|
|
<div class="alert alert-info css_non_editable_mode_hidden text-center" role="status"><span class="o_add_images" style="cursor: pointer;"><i class="fa fa-plus-circle"/> Add Images</span></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="001"
|
|
data-columns="3" style="height: 500px; overflow: hidden;">
|
|
<div class="container">
|
|
<div class="alert alert-info css_non_editable_mode_hidden text-center" role="status"><span class="o_add_images" style="cursor: pointer;"><i class="fa fa-plus-circle"/> Add Images</span></div>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
<template id="s_image_gallery_options" inherit_id="website.snippet_options">
|
|
<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="interval"
|
|
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-select string="Images spacing" data-dependencies="!slideshow_mode_opt">
|
|
<we-button data-select-class="o_spc-none">None</we-button>
|
|
<we-button data-select-class="o_spc-small">Small</we-button>
|
|
<we-button data-select-class="o_spc-medium">Medium</we-button>
|
|
<we-button data-select-class="o_spc-big">Big</we-button>
|
|
</we-select>
|
|
<we-select string="Styling" data-apply-to="img">
|
|
<we-button data-select-class="">Standard</we-button>
|
|
<we-button data-select-class="img-thumbnail">Thumbnails</we-button>
|
|
<we-button data-select-class="rounded-pill">Circle</we-button>
|
|
<we-button data-select-class="shadow">Shadows</we-button>
|
|
</we-select>
|
|
<we-select string="Arrows" data-dependencies="slideshow_mode_opt">
|
|
<we-button data-select-class="">Standard</we-button>
|
|
<we-button data-select-class="s_image_gallery_indicators_arrows_boxed">Boxed</we-button>
|
|
<we-button data-select-class="s_image_gallery_indicators_arrows_rounded">Rounded</we-button>
|
|
</we-select>
|
|
<we-checkbox string="Image Cover" data-select-class="s_image_gallery_cover" data-dependencies="slideshow_mode_opt"/>
|
|
<we-select string="Indicators" data-dependencies="slideshow_mode_opt">
|
|
<we-button data-select-class="">None</we-button>
|
|
<we-button data-select-class="s_image_gallery_show_indicators s_image_gallery_indicators_dots">Dots</we-button>
|
|
<we-button data-select-class="s_image_gallery_show_indicators">Squared Miniatures</we-button>
|
|
<we-button data-select-class="s_image_gallery_show_indicators s_image_gallery_indicators_rounded">Rounded Miniatures</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>
|
|
<we-row string="Images">
|
|
<we-button data-add-images="true" data-no-preview="true">Add</we-button>
|
|
<we-button data-remove-all-images="true" data-no-preview="true">Remove all</we-button>
|
|
</we-row>
|
|
</div>
|
|
<div data-js="gallery_img" data-selector=".s_image_gallery img">
|
|
<we-row string="Re-order" data-no-preview="true">
|
|
<we-button title="Move to first" data-position="first"><i class="fa fa-fw fa-angle-double-left"/></we-button>
|
|
<we-button title="Move to previous" data-position="prev"><i class="fa fa-fw fa-angle-left"/></we-button>
|
|
<we-button title="Move to next" data-position="next"><i class="fa fa-fw fa-angle-right"/></we-button>
|
|
<we-button title="Move to last" data-position="last"><i class="fa fa-fw fa-angle-double-right"/></we-button>
|
|
</we-row>
|
|
</div>
|
|
</xpath>
|
|
</template>
|
|
|
|
<template id="assets_snippet_s_image_gallery_css_000" inherit_id="website.assets_frontend" active="False">
|
|
<xpath expr="//link[last()]" position="after">
|
|
<link rel="stylesheet" type="text/scss" href="/website/static/src/snippets/s_image_gallery/000.scss"/>
|
|
</xpath>
|
|
</template>
|
|
|
|
<template id="assets_snippet_s_image_gallery_css_001" inherit_id="website.assets_frontend">
|
|
<xpath expr="//link[last()]" position="after">
|
|
<link rel="stylesheet" type="text/scss" href="/website/static/src/snippets/s_image_gallery/001.scss"/>
|
|
</xpath>
|
|
</template>
|
|
|
|
<template id="assets_snippet_s_image_gallery_js_000" inherit_id="website.assets_frontend">
|
|
<xpath expr="//script[last()]" position="after">
|
|
<script type="text/javascript" src="/website/static/src/snippets/s_image_gallery/000.js"/>
|
|
</xpath>
|
|
</template>
|
|
|
|
</odoo>
|