NextERP/design-themes
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[FIX] website_animate: fix save animated snippet

Browse Source 
Before this commit, when dropping custom snippet (or saved snippet)
containing an animation in the page, the animated element of the
snippet remained hidden.

task-2664876

closes odoo/design-themes#516

Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit is contained in:
Benjamin Vray
2021-10-12 07:57:42 +00:00
parent 83d805315c
commit 17d4df53f9
2 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website_animate/static/src/js/o_animate.editor.js
+6
View File
@@ -22,6 +22,12 @@ function forceAnimation() {
// Animations // Animations
sOptions.registry.o_animate = sOptions.Class.extend({ sOptions.registry.o_animate = sOptions.Class.extend({
/**
* @override
*/
async onBuilt() {
this.$target[0].classList.toggle('o_animate_preview', this.$target[0].classList.contains('o_animate'));
},
//-------------------------------------------------------------------------- //--------------------------------------------------------------------------
// Options // Options
website_animate/static/src/js/o_animate.frontend.js
+3 -3
View File
@@ -14,7 +14,7 @@ var WebsiteAnimate = {
start: function () { start: function () {
var self = this; var self = this;
self.$scrollingElement = $().getScrollingElement(); self.$scrollingElement = $().getScrollingElement();
self.items = $(".o_animate"); self.items = $("#wrapwrap .o_animate");
self.items.each(function () { self.items.each(function () {
var $el = $(this); var $el = $(this);
// Set all monitored elements to initial state // Set all monitored elements to initial state
@@ -48,7 +48,7 @@ var WebsiteAnimate = {
var direction = (windowTop < lastScroll) ? -1 : 1; var direction = (windowTop < lastScroll) ? -1 : 1;
lastScroll = windowTop; lastScroll = windowTop;
$(".o_animate").each(function () { $("#wrapwrap .o_animate").each(function () {
var $el = $(this); var $el = $(this);
var elHeight = $el.height(); var elHeight = $el.height();
var elOffset = direction * Math.max((elHeight * self.offsetRatio), self.offsetMin); var elOffset = direction * Math.max((elHeight * self.offsetRatio), self.offsetMin);
@@ -140,7 +140,7 @@ publicWidget.registry.WebsiteAnimate = publicWidget.Widget.extend({
WebsiteAnimate.start(); WebsiteAnimate.start();
// Then we render all the elements, the ones which are invisible // Then we render all the elements, the ones which are invisible
// in state 0 (like fade_in for example) will stay invisible. // in state 0 (like fade_in for example) will stay invisible.
$(".o_animate").css("visibility", "visible"); this.$target.find('.o_animate').css("visibility", "visible");
return this._super.apply(this, arguments); return this._super.apply(this, arguments);
}, },