127 lines
4.8 KiB
JavaScript
127 lines
4.8 KiB
JavaScript
(function () {
|
|
'use strict';
|
|
|
|
var website = openerp.website;
|
|
if (!website.snippet) website.snippet = {};
|
|
website.snippet.readyAnimation = [];
|
|
|
|
website.snippet.start_animation = function () {
|
|
for (var k in website.snippet.animationRegistry) {
|
|
var Animation = website.snippet.animationRegistry[k];
|
|
var selector = "[data-snippet-id='"+k+"']";
|
|
if (Animation.prototype.selector) {
|
|
selector += ", " + Animation.prototype.selector;
|
|
}
|
|
$(selector).each(function() {
|
|
var $snipped_id = $(this);
|
|
if ( !$snipped_id.parents("#oe_snippets").length &&
|
|
!$snipped_id.parent("body").length &&
|
|
!$snipped_id.data("snippet-view")) {
|
|
website.snippet.readyAnimation.push($snipped_id);
|
|
$snipped_id.data("snippet-view", new Animation($snipped_id));
|
|
}
|
|
});
|
|
}
|
|
};
|
|
website.snippet.stop_animation = function () {
|
|
$(website.snippet.readyAnimation).each(function() {
|
|
var $snipped_id = $(this);
|
|
if ($snipped_id.data("snippet-view")) {
|
|
$snipped_id.data("snippet-view").stop();
|
|
$snipped_id.data("snippet-view", false);
|
|
}
|
|
});
|
|
};
|
|
$(document).ready(website.snippet.start_animation);
|
|
|
|
|
|
website.snippet.animationRegistry = {};
|
|
website.snippet.Animation = openerp.Class.extend({
|
|
selector: false,
|
|
$: function () {
|
|
return this.$el.find.apply(this.$el, arguments);
|
|
},
|
|
init: function (dom) {
|
|
this.$el = this.$target = $(dom);
|
|
this.start();
|
|
},
|
|
/*
|
|
* start
|
|
* This method is called after init
|
|
*/
|
|
start: function () {
|
|
},
|
|
/*
|
|
* stop
|
|
* This method is called to stop the animation (e.g.: when rte is launch)
|
|
*/
|
|
stop: function () {
|
|
},
|
|
});
|
|
|
|
website.snippet.animationRegistry.slider = website.snippet.Animation.extend({
|
|
selector: ".carousel",
|
|
start: function () {
|
|
this.$target.carousel({interval: 10000});
|
|
},
|
|
stop: function () {
|
|
this.$target.carousel('pause');
|
|
this.$target.removeData("bs.carousel");
|
|
},
|
|
});
|
|
|
|
website.snippet.animationRegistry.parallax = website.snippet.Animation.extend({
|
|
parallax: ".parallax",
|
|
start: function () {
|
|
var self = this;
|
|
setTimeout(function () {self.set_values();});
|
|
this.on_scroll = function () {
|
|
var speed = parseFloat(self.$target.attr("data-scroll-background-ratio") || 0);
|
|
if (speed == 1) return;
|
|
var offset = parseFloat(self.$target.attr("data-scroll-background-offset") || 0);
|
|
var top = offset + window.scrollY * speed;
|
|
self.$target.css("background-position", "0px " + top + "px");
|
|
};
|
|
this.on_resize = function () {
|
|
self.set_values();
|
|
};
|
|
$(window).on("scroll", this.on_scroll);
|
|
$(window).on("resize", this.on_resize);
|
|
},
|
|
stop: function () {
|
|
$(window).off("scroll", this.on_scroll)
|
|
.off("resize", this.on_resize);
|
|
},
|
|
set_values: function () {
|
|
var self = this;
|
|
var speed = parseFloat(self.$target.attr("data-scroll-background-ratio") || 0);
|
|
|
|
if (speed === 1 || this.$target.css("background-image") === "none") {
|
|
this.$target.css("background-attachment", "fixed").css("background-position", "0px 0px");
|
|
return;
|
|
} else {
|
|
this.$target.css("background-attachment", "scroll");
|
|
}
|
|
|
|
this.$target.attr("data-scroll-background-offset", 0);
|
|
var img = new Image();
|
|
img.onload = function () {
|
|
var offset = 0;
|
|
var padding = parseInt($(document.body).css("padding-top"));
|
|
if (speed < 1) {
|
|
var inner_offset = - self.$target.outerHeight() + this.height / this.width * document.body.clientWidth;
|
|
var outer_offset = self.$target.offset().top - (document.body.clientHeight - self.$target.outerHeight()) - padding;
|
|
offset = - outer_offset * speed + inner_offset;
|
|
} else {
|
|
offset = - self.$target.offset().top * speed;
|
|
}
|
|
self.$target.attr("data-scroll-background-offset", offset > 0 ? 0 : offset);
|
|
$(window).scroll();
|
|
};
|
|
img.src = this.$target.css("background-image").replace(/url\(['"]*|['"]*\)/g, "");
|
|
$(window).scroll();
|
|
}
|
|
});
|
|
|
|
})();
|