🎨 add loading to preview

This commit is contained in:
Vanessa 2023-09-21 16:33:55 +08:00
parent 1e981caa31
commit 171aaf5372

View file

@ -155,7 +155,13 @@ export class Preview {
if (this.element.style.display === "none") {
return;
}
let loadingElement = this.element.querySelector(".fn__loading");
if (!loadingElement) {
this.element.insertAdjacentHTML("beforeend", `<div style="flex-direction: column;" class="fn__loading">
<img width="48px" src="/stage/loading-pure.svg">
</div>`);
loadingElement = this.element.querySelector(".fn__loading");
}
this.mdTimeoutId = window.setTimeout(() => {
fetchPost("/api/export/preview", {
id: protyle.block.parentID || protyle.options.blockId,
@ -183,6 +189,7 @@ export class Preview {
}
});
/// #endif
loadingElement.remove();
});
}, protyle.options.preview.delay);
}