158 lines
6.1 KiB
JavaScript
158 lines
6.1 KiB
JavaScript
(function () {
|
|
'use strict';
|
|
|
|
var website = openerp.website;
|
|
if (!website.snippet) website.snippet = {};
|
|
website.snippet.readyAnimation = [];
|
|
|
|
website.snippet.start_animation = function (editable_mode, $target) {
|
|
for (var k in website.snippet.animationRegistry) {
|
|
var Animation = website.snippet.animationRegistry[k];
|
|
var selector = "";
|
|
if (Animation.prototype.selector) {
|
|
if (selector != "") selector += ", "
|
|
selector += Animation.prototype.selector;
|
|
}
|
|
if ($target) {
|
|
if ($target.is(selector)) selector = $target;
|
|
else continue;
|
|
}
|
|
|
|
$(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, editable_mode));
|
|
}
|
|
});
|
|
}
|
|
};
|
|
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();
|
|
}
|
|
});
|
|
};
|
|
$(document).ready(function () {
|
|
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, editable_mode) {
|
|
this.$el = this.$target = $(dom);
|
|
this.start(editable_mode);
|
|
},
|
|
/*
|
|
* 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({
|
|
selector: ".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();
|
|
}
|
|
});
|
|
|
|
website.snippet.animationRegistry.share = website.snippet.Animation.extend({
|
|
selector: ".oe_share",
|
|
start: function () {
|
|
var url = encodeURIComponent(window.location.href);
|
|
var title = encodeURIComponent($("title").text());
|
|
this.$target.find("a").each(function () {
|
|
var $a = $(this);
|
|
$a.attr("href", $(this).attr("href").replace("{url}", url).replace("{title}", title));
|
|
if ($a.attr("target") && $a.attr("target").match(/_blank/i)) {
|
|
$a.click(function () {
|
|
window.open(this.href,'','menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=550,width=600');
|
|
return false;
|
|
});
|
|
}
|
|
});
|
|
},
|
|
});
|
|
|
|
website.snippet.animationRegistry.media_video = website.snippet.Animation.extend({
|
|
selector: ".media_iframe_video",
|
|
start: function () {
|
|
this.$target.html('<div class="css_editable_mode_display"> </div><iframe src="'+this.$target.data("src")+'" frameborder="0" allowfullscreen="allowfullscreen"></iframe>');
|
|
},
|
|
});
|
|
})();
|