Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Reset looks better now.

Browse Source
This commit is contained in:
Scott Idem
2025-10-15 13:46:08 -04:00
parent 1f79ae4e19
commit b2154273e0
3 changed files with 75 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/ae_events_stores.ts
View File

@@ -5,8 +5,8 @@ import type { Writable } from 'svelte/store';
import type { key_val } from '$lib/ae_stores';
// Set the version for the app data. Changing this should force a notification and ask the user to clear and reload the page.
let ver = '2025-10-15_1259';
let ver_idb = '2025-10-15_1259';
let ver = '2025-10-15_1345';
let ver_idb = '2025-10-15_1345';
/* *** BEGIN *** Initialize events_local_data_struct */
// Longer-term app data. This should be stored to *local* storage.

84
src/routes/events/+layout.svelte
View File

@@ -13,17 +13,7 @@ import {
RefreshCw,
Satellite
} from '@lucide/svelte';
// import { Modal } from '@skeletonlabs/skeleton-svelte';
// import type {
// ModalComponent
// } from '@skeletonlabs/skeleton-svelte';
// const modalRegistry: Record<string, ModalComponent> = {
// // Set a unique modal ID, then pass the component reference
// // modalComponentEditSponsorshipObj: { ref: ModalComponentEditSponsorshipObj },
// // modalComponentTwo: { ref: ModalComponentTwo },
// // ...
// };
import { Modal } from '@skeletonlabs/skeleton-svelte';
// *** Import Aether specific variables and functions
import type { key_val } from '$lib/ae_stores';
@@ -92,6 +82,39 @@ function scroll_container() {
return document.getElementById('ae_main_content') || document.documentElement || document.body;
}
function clear_idb() {
indexedDB.deleteDatabase('ae_archives_db'); // Archives module
indexedDB.deleteDatabase('ae_core_db');
indexedDB.deleteDatabase('ae_events_db'); // Events module
indexedDB.deleteDatabase('ae_journals_db'); // Journals module
indexedDB.deleteDatabase('ae_posts_db'); // Posts module
indexedDB.deleteDatabase('ae_sponsorships_db'); // Sponsorships module
}
function clear_local() {
// localStorage.removeItem('ae_loc');
// localStorage.removeItem('ae_idaa_loc');
// localStorage.removeItem('ae_journals_loc');
// localStorage.removeItem('ae_events_loc');
$ae_loc.allow_access = false;
$ae_loc.authenticated_access = false;
$ae_loc.edit_mode = false;
localStorage.clear();
window.localStorage.clear();
}
function clear_sess() {
// sessionStorage.removeItem('ae_sess');
// sessionStorage.removeItem('ae_idaa_sess');
// sessionStorage.removeItem('ae_journals_sess');
// sessionStorage.removeItem('ae_events_sess');
sessionStorage.clear();
}
</script>
@@ -103,6 +126,45 @@ function scroll_container() {
</svelte:head>
<!--
<Modal
open={$events_loc?.ver !== $events_sess?.ver ? true : false}
autoclose={false}
placement="top-center"
> -->
{#if ($events_loc?.ver !== $events_sess?.ver)}
<button
class="
fixed top-16 left-0 right-0 z-50 p-4 m-8 sm:mx-16 md:mx-32
btn btn-lg
preset-tonal-warning preset-outlined-warning-400-600 hover:preset-filled-success-200-800
transition-all
"
onclick={() => {
// Clear the IndexedDB
clear_idb();
// Clear localStorage and sessionStorage
clear_local();
// clear_sess();
location.reload();
}}
title="A new version of the launcher is available. Click to reload the page and get the latest version."
>
<span class="fas fa-sync-alt fa-spin m-1"></span>
<span class="m-4 sm:mx-8 text-wrap">
New Events Module Version Available!<br>
Click to Reload<br>
<div class="italic text-base">You may need to sign in again.</div>
</span>
<span class="fas fa-sync-alt fa-spin m-1"></span>
</button>
$events_loc.ver=${$events_loc?.ver} $events_sess.ver=${$events_sess?.ver}
{/if}
<!-- </Modal> -->
<!-- WARNING: Add these when ready to better enabled dark mode! -->
<!-- bg-gray-50 dark:bg-gray-900 -->
<!-- text-gray-800 dark:text-gray-200 -->

52
src/routes/events/[event_id]/(launcher)/launcher/+layout.svelte
View File

@@ -94,37 +94,7 @@ if (log_lvl > 1) {
// *** Functions and Logic
function clear_idb() {
indexedDB.deleteDatabase('ae_archives_db'); // Archives module
indexedDB.deleteDatabase('ae_core_db');
indexedDB.deleteDatabase('ae_events_db'); // Events module
indexedDB.deleteDatabase('ae_journals_db'); // Journals module
indexedDB.deleteDatabase('ae_posts_db'); // Posts module
indexedDB.deleteDatabase('ae_sponsorships_db'); // Sponsorships module
}
function clear_local() {
// localStorage.removeItem('ae_loc');
// localStorage.removeItem('ae_idaa_loc');
// localStorage.removeItem('ae_journals_loc');
// localStorage.removeItem('ae_events_loc');
$ae_loc.allow_access = false;
$ae_loc.authenticated_access = false;
$ae_loc.edit_mode = false;
localStorage.clear();
window.localStorage.clear();
}
function clear_sess() {
// sessionStorage.removeItem('ae_sess');
// sessionStorage.removeItem('ae_idaa_sess');
// sessionStorage.removeItem('ae_journals_sess');
// sessionStorage.removeItem('ae_events_sess');
sessionStorage.clear();
}
@@ -1375,25 +1345,3 @@ $effect(() => {
/>
<!-- on:ws_recv={handle_ws_recv} -->
{/if}
{#if ($events_loc?.ver !== $events_sess?.ver)}
<button
class="fixed top-16 left-68 z-50 p-3 btn btn-lg preset-tonal-warning preset-outlined-warning hover:preset-filled-warning-500 transition-all"
onclick={() => {
// Clear the IndexedDB
clear_idb();
// Clear localStorage and sessionStorage
clear_local();
// clear_sess();
location.reload();
}}
title="A new version of the launcher is available. Click to reload the page and get the latest version."
>
<span class="fas fa-sync-alt fa-spin m-1"></span>
<span class="hidden sm:inline">New Events Module Version Available<br>Click to Reload</span>
</button>
$events_loc.ver=${$events_loc?.ver} $events_sess.ver=${$events_sess?.ver}
{/if}