2016-04-23 22:43:52 -04:00
|
|
|
define(['MaterialSpinner', 'css!./loading'], function () {
|
2016-03-09 12:40:22 -05:00
|
|
|
|
2016-05-15 21:22:22 -04:00
|
|
|
var loadingElem;
|
|
|
|
|
2016-03-09 12:40:22 -05:00
|
|
|
return {
|
|
|
|
show: function () {
|
2016-05-15 21:22:22 -04:00
|
|
|
var elem = loadingElem;
|
2016-03-09 12:40:22 -05:00
|
|
|
|
|
|
|
if (!elem) {
|
|
|
|
|
|
|
|
elem = document.createElement("div");
|
2016-05-15 21:22:22 -04:00
|
|
|
loadingElem = elem;
|
|
|
|
|
2016-03-09 12:40:22 -05:00
|
|
|
elem.classList.add('docspinner');
|
|
|
|
elem.classList.add('mdl-spinner');
|
|
|
|
elem.classList.add('mdl-js-spinner');
|
|
|
|
|
|
|
|
document.body.appendChild(elem);
|
|
|
|
componentHandler.upgradeElement(elem, 'MaterialSpinner');
|
|
|
|
}
|
|
|
|
|
|
|
|
elem.classList.add('is-active');
|
|
|
|
elem.classList.remove('loadingHide');
|
|
|
|
},
|
|
|
|
hide: function () {
|
2016-05-15 21:22:22 -04:00
|
|
|
var elem = loadingElem;
|
2016-03-09 12:40:22 -05:00
|
|
|
|
|
|
|
if (elem) {
|
|
|
|
|
|
|
|
elem.classList.remove('is-active');
|
|
|
|
elem.classList.add('loadingHide');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
});
|