Samuel Degueldre
aa8d2a8be2
*: website, mass_mailing In continuity with the nline crop, in an effort to make the image workflow as seamless as possible in the website editor, the image optimization feature has been moved out of the modal which could be opened through the media-dialog and into the left panel. This commit adds a quality slider and a width selector, as well as a preview of the image's weight to the left panel, and removes the image_optimize dialog. This commit also introduces the possibility to add a color filter on images. Part of https://github.com/odoo/odoo/pull/51517 task-2192755 closes odoo/odoo#51517 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
80 lines
2.8 KiB
XML
80 lines
2.8 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
<template id="snippets" groups="base.group_user">
|
|
<div id="snippets_menu">
|
|
<button type="button" class="o_we_add_snippet_btn active" accesskey="1">
|
|
Blocks
|
|
</button>
|
|
<t t-set="customize_title">Click in the page to customize</t>
|
|
<button type="button" class="o_we_customize_snippet_btn"
|
|
t-att-data-title="customize_title"
|
|
disabled="disabled">
|
|
Style
|
|
</button>
|
|
</div>
|
|
|
|
<div id="o_scroll">
|
|
<div id="snippet_custom" class="o_panel d-none">
|
|
<div class="o_panel_header">
|
|
<i class="fa fa-fw fa-save"/> Custom
|
|
</div>
|
|
<div id="snippet_custom_body" class="o_panel_body"/>
|
|
</div>
|
|
<t id="default_snippets">
|
|
<div id="snippet_structure" class="o_panel">
|
|
<div class="o_panel_header">
|
|
<i class="fa fa-th-large"/> First Panel
|
|
</div>
|
|
<div class="o_panel_body">
|
|
<t t-snippet="web_editor.s_hr" t-thumbnail="/website/static/src/img/snippets_thumbs/s_separator.png"/>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</div>
|
|
|
|
<div id="snippet_options" class="d-none">
|
|
<t t-call="web_editor.snippet_options"/>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="image_optimization_controls">
|
|
<we-range string="Quality" data-set-quality=""/>
|
|
<!-- Select filled in JS -->
|
|
<we-select string="Width" data-name="width_select_opt" data-no-preview="true"/>
|
|
<span class="o_we_image_weight text-right"/>
|
|
<we-colorpicker string="Color filter" data-set-filter="" data-no-preview="true" data-excluded="common, theme"/>
|
|
<div class="o_we_external_warning d-none">
|
|
<we-title title="Quality options are unavailable for external images. If you want to change this image's quality, please first download it from the original source and upload it in Odoo.">
|
|
<i class="fa fa-warning" /> External Image
|
|
</we-title>
|
|
</div>
|
|
</template>
|
|
|
|
<!-- options (data-selector, data-drop-in, data-drop-near, data-js to link js object ) -->
|
|
<template id="snippet_options">
|
|
<!-- t-field -->
|
|
<div data-js='many2one'
|
|
data-selector="[data-oe-many2one-model]:not([data-oe-readonly])"
|
|
data-no-check="true"/>
|
|
|
|
<div data-selector=".s_hr"
|
|
data-drop-near="p, h1, h2, h3, blockquote, .s_hr"/>
|
|
|
|
<div data-js="VersionControl"
|
|
data-selector="[data-snippet]"/>
|
|
|
|
<div data-js="ImageOptimize"
|
|
data-selector="img">
|
|
<t t-call="web_editor.image_optimization_controls"/>
|
|
</div>
|
|
</template>
|
|
|
|
<!-- default block -->
|
|
<template id="s_hr" name="Separator">
|
|
<div class="s_hr pt32 pb32">
|
|
<hr class="s_hr_1px s_hr_solid w-100 mx-auto"/>
|
|
</div>
|
|
</template>
|
|
|
|
</odoo>
|