RevelaNetwork/Revela-v4
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

epic fail (namespace doesn't load fast enough)

Browse source
This commit is contained in:
wearrrrr 2024-07-30 04:10:52 -05:00
parent 73077c7565
commit 554c3a695d
2 changed files with 7 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/alu.d.ts vendored
View file

@ -1,13 +1,6 @@
export declare global { export declare global {
namespace Alu { namespace Alu {
let store: AluStore; let store: AluStore;
// Settings Content Store (orig. window.loadedContentStorage)
let settings: {
contentStore: {
[key: string]: string;
}
currentPage: string;
}
type DefaultKeys = { type DefaultKeys = {
[key: string]: AluKey; [key: string]: AluKey;

15
src/pages/[lang]/settings.astro
View file

@ -56,16 +56,16 @@ export function getStaticPaths() {
</div> </div>
</main> </main>
<script is:inline> <script is:inline>
Alu.settings.contentStore = {}; window.loadedContentStorage = {};
Alu.settings.currentPage; window.currentlySelectedTab;
function settingsLoad() { function settingsLoad() {
document.addEventListener("astro:before-swap", () => { document.addEventListener("astro:before-swap", () => {
Alu.settings.currentPage = ""; window.currentlySelectedTab = "";
}); });
Array.from(document.getElementsByClassName("setting-tab")).forEach((tab) => { Array.from(document.getElementsByClassName("setting-tab")).forEach((tab) => {
const contentToLoad = document.getElementById("content-" + tab.id); const contentToLoad = document.getElementById("content-" + tab.id);
if (contentToLoad) { if (contentToLoad) {
Alu.settings.contentStore[tab.id] = contentToLoad.innerHTML; window.loadedContentStorage[tab.id] = contentToLoad.innerHTML;
contentToLoad.remove(); contentToLoad.remove();
} }
@ -75,14 +75,13 @@ export function getStaticPaths() {
}); });
} }
function loadContent(tabID) { function loadContent(tabID) {
let curTabID = Alu.settings.currentPage if (window.currentlySelectedTab == tabID) return;
if (curTabID == tabID) return; else window.currentlySelectedTab = tabID;
else curTabID = tabID;
const currentContent = document.getElementById("current-content"); const currentContent = document.getElementById("current-content");
if (currentContent) { if (currentContent) {
currentContent.style.opacity = "0"; currentContent.style.opacity = "0";
setTimeout(() => { setTimeout(() => {
currentContent.innerHTML = Alu.settings.contentStore[tabID]; currentContent.innerHTML = window.loadedContentStorage[tabID];
currentContent.style.opacity = "1"; currentContent.style.opacity = "1";
document.dispatchEvent(new CustomEvent("setting-tabLoad", { detail: tabID })); document.dispatchEvent(new CustomEvent("setting-tabLoad", { detail: tabID }));
}, 250); }, 250);