68 lines
1.2 KiB
JavaScript
68 lines
1.2 KiB
JavaScript
function loading(button) {
|
|
let el = document.querySelector(`#${button}-button > i`);
|
|
|
|
if (el === undefined || el === null) {
|
|
return;
|
|
}
|
|
|
|
if (el.innerHTML == "autorenew" || el.innerHTML == "done") {
|
|
return;
|
|
}
|
|
|
|
el.dataset.icon = el.innerHTML;
|
|
el.style.opacity = 0;
|
|
|
|
setTimeout(() => {
|
|
el.classList.add("spin");
|
|
el.innerHTML = "autorenew";
|
|
el.style.opacity = 1;
|
|
}, 100);
|
|
}
|
|
|
|
function done(button) {
|
|
let el = document.querySelector(`#${button}-button > i`);
|
|
|
|
if (el === undefined || el === null) {
|
|
return;
|
|
}
|
|
|
|
el.style.opacity = 0;
|
|
|
|
setTimeout(() => {
|
|
el.classList.remove("spin");
|
|
el.innerHTML = el.dataset.icon;
|
|
el.style.opacity = 1;
|
|
}, 100);
|
|
}
|
|
|
|
function success(button) {
|
|
let el = document.querySelector(`#${button}-button > i`);
|
|
|
|
if (el === undefined || el === null) {
|
|
return;
|
|
}
|
|
|
|
el.style.opacity = 0;
|
|
|
|
setTimeout(() => {
|
|
el.classList.remove("spin");
|
|
el.innerHTML = "done";
|
|
el.style.opacity = 1;
|
|
|
|
setTimeout(() => {
|
|
el.style.opacity = 0;
|
|
|
|
setTimeout(() => {
|
|
el.innerHTML = el.dataset.icon;
|
|
el.style.opacity = 1;
|
|
}, 100);
|
|
}, 500);
|
|
}, 100);
|
|
}
|
|
|
|
export default {
|
|
loading,
|
|
done,
|
|
success,
|
|
};
|