meteor-ionic/components/ionLoading/ionLoading.js
2014-12-17 08:23:16 -08:00

39 lines
1 KiB
JavaScript

IonLoading = {
show: function (options) {
IonBackdrop.retain();
$('.backdrop').addClass('backdrop-loading');
var delay = options.delay || 0;
var duration = options.duration;
var customTemplate = options.template;
Meteor.setTimeout(function () {
this.template = Template['ionLoading'];
this.view = Blaze.renderWithData(this.template, {template: customTemplate}, $('.ionic-body').get(0));
var $loadingEl = $(this.view.firstNode());
$loadingEl.addClass('visible');
Meteor.setTimeout(function () {
$loadingEl.addClass('active');
}, 10);
}.bind(this), delay);
if (duration) {
Meteor.setTimeout(function () {
this.hide();
}.bind(this), duration);
}
},
hide: function () {
var $loadingEl = $(this.view.firstNode());
$loadingEl.removeClass('active');
Meteor.setTimeout(function () {
IonBackdrop.release();
$loadingEl.removeClass('visible');
Blaze.remove(this.view);
}.bind(this), 400);
}
};