mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-07 15:07:13 +08:00
38 lines
957 B
JavaScript
38 lines
957 B
JavaScript
(function(ionic) {
|
|
'use strict';
|
|
/**
|
|
* An ActionSheet is the slide up menu popularized on iOS.
|
|
*
|
|
* You see it all over iOS apps, where it offers a set of options
|
|
* triggered after an action.
|
|
*/
|
|
ionic.views.Loading = function(opts) {
|
|
var _this = this;
|
|
|
|
this.el = opts.el;
|
|
this._loadingBox = this.el.querySelector('.loading');
|
|
};
|
|
|
|
ionic.views.Loading.prototype = {
|
|
show: function() {
|
|
var _this = this;
|
|
|
|
if(this._loadingBox) {
|
|
window.requestAnimationFrame(function() {
|
|
_this.el.classList.add('active');
|
|
|
|
_this._loadingBox.style.marginLeft = (-_this._loadingBox.offsetWidth) / 2 + 'px';
|
|
_this._loadingBox.style.marginTop = (-_this._loadingBox.offsetHeight) / 2 + 'px';
|
|
});
|
|
}
|
|
},
|
|
hide: function() {
|
|
// Force a reflow so the animation will actually run
|
|
this.el.offsetWidth;
|
|
|
|
this.el.classList.remove('active');
|
|
}
|
|
};
|
|
|
|
})(ionic);
|