mirror of
https://github.com/odoo/design-themes.git
synced 2025-10-07 01:18:52 +07:00
Benjamin Vray
e025296ccf
Review the module website animate to make it cleaner. Dead code, lint files, etc. Move the WebsiteAnimate object used by a public widget into this public widget. Rename "Each Time It Becomes Visible" into "Animation Launch" and replace the checkbox by a select. Reorder the options. task-2215118 closes odoo/design-themes#8 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
68 lines
4.1 KiB
XML
68 lines
4.1 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
<template id="no-js_fallback" inherit_id="website.layout">
|
|
<xpath expr="//head" position="inside">
|
|
<noscript id="o_animate-no-js_fallback">
|
|
<style type="text/css">
|
|
.o_animate {
|
|
/* If no js - force elements rendering */
|
|
visibility:visible;
|
|
|
|
/* If browser support css animations support - reset animation */
|
|
-webkit-animation-name: none-dummy;
|
|
animation-name: none-dummy;
|
|
}
|
|
</style>
|
|
</noscript>
|
|
</xpath>
|
|
</template>
|
|
|
|
<template id="o_animate_options" inherit_id="website.snippet_options">
|
|
<xpath expr="." position="inside">
|
|
<div data-js="WebsiteAnimate"
|
|
data-selector=".o_animable, section, img, .fa, [class^='col-md'], .btn"
|
|
data-exclude=".o_not-animable">
|
|
<we-select string="Animate" class="o_anim_li" data-is-animation-type-selection="true">
|
|
<we-button data-select-class="" data-name="no_animation_opt">Disable animation</we-button>
|
|
<we-divider/>
|
|
<we-button data-select-class="o_anim_fade_in">Fade In</we-button>
|
|
<we-button data-select-class="o_anim_fade_in_down">Fade In-Down</we-button>
|
|
<we-button data-select-class="o_anim_fade_in_left">Fade In-Left</we-button>
|
|
<we-button data-select-class="o_anim_fade_in_right">Fade In-Right</we-button>
|
|
<we-button data-select-class="o_anim_fade_in_up">Fade In-Up</we-button>
|
|
<we-divider/>
|
|
<we-button data-select-class="o_anim_bounce_in">Bounce In</we-button>
|
|
<we-button data-select-class="o_anim_bounce_in_down">Bounce In-Down</we-button>
|
|
<we-button data-select-class="o_anim_bounce_in_left">Bounce In-Left</we-button>
|
|
<we-button data-select-class="o_anim_bounce_in_right">Bounce In-Right</we-button>
|
|
<we-divider/>
|
|
<we-button data-select-class="o_anim_rotate_in">Rotate In</we-button>
|
|
<we-button data-select-class="o_anim_rotate_in_down_left">Rotate In-Down-Left</we-button>
|
|
<we-button data-select-class="o_anim_rotate_in_down_right">Rotate In-Down-Right</we-button>
|
|
<we-divider/>
|
|
<we-button data-select-class="o_anim_zoom_in">Zoom In</we-button>
|
|
<we-button data-select-class="o_anim_zoom_in_down">Zoom In-Down</we-button>
|
|
<we-button data-select-class="o_anim_zoom_in_left">Zoom In-Left</we-button>
|
|
<we-button data-select-class="o_anim_zoom_in_right">Zoom In-Right</we-button>
|
|
<we-divider/>
|
|
<we-button data-select-class="o_anim_flash">Flash</we-button>
|
|
<we-button data-select-class="o_anim_pulse">Pulse</we-button>
|
|
<we-button data-select-class="o_anim_shake">Shake</we-button>
|
|
<we-button data-select-class="o_anim_tada">Tada</we-button>
|
|
<we-divider/>
|
|
<we-button data-select-class="o_anim_flip_in_x">Flip-In-X</we-button>
|
|
<we-button data-select-class="o_anim_flip_in_y">Flip-In-Y</we-button>
|
|
</we-select>
|
|
<we-select string="Animation Launch" data-dependencies="!no_animation_opt">
|
|
<we-button data-select-class="">First Time Only</we-button>
|
|
<we-button data-select-class="o_animate_both_scroll">Every Time</we-button>
|
|
</we-select>
|
|
<we-input string="Animation Duration" data-dependencies="!no_animation_opt"
|
|
data-select-style="0.4s" data-css-property="animation-duration" data-unit="s"/>
|
|
<we-input string="Animation Delay" data-dependencies="!no_animation_opt"
|
|
data-select-style="0s" data-css-property="animation-delay" data-unit="s"/>
|
|
</div>
|
|
</xpath>
|
|
</template>
|
|
</odoo>
|