{#if $ae_loc.user_id && $ae_loc.person_id && $ae_loc.trusted_access}
600} class:opacity-0={yTop > 250} class=" submenu z-20 hover:opacity-100 absolute top-0 left-0 right-0 w-full max-w-7xl min-h-12 p-1 px-2 pb-2 m-auto flex flex-row flex-wrap items-center justify-around sm:justify-between gap-1 border-b-2 rounded-b-lg bg-gray-200 dark:bg-gray-800 transition-all duration-1000 " >
Æ Journals
Home
{ if ($ae_loc.edit_mode) { // Confirm before clearing if ( !confirm( 'Are you sure you want to clear IndexedDB databases, localStorage, and sessionStorage? This will also reload the page.' ) ) { return; } console.log( 'Clearing IndexedDB, localStorage, sessionStorage, and reloading the page...' ); // Clear Indexed DB 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 // Clear localStorage and sessionStorage // Clearing the localStorage will force it to be re-created. localStorage.clear(); sessionStorage.clear(); goto('/', { invalidateAll: true }); // window.location.reload(true); } else { // Confirm before clearing if ( !confirm( 'Are you sure you want to clear IndexedDB databases and some caches? This will also reload the page.' ) ) { return; } console.log( 'Clearing IndexedDB, localStorage, sessionStorage, and reloading the page...' ); // Clear Indexed DB 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 window.location.reload(); } // This does not seem to work fast enough or something? // goto('/', {invalidateAll: true}); // The page does usually seem to reload correctly? // window.location.reload(true); // true only works with Firefox // alert('Local and Session Storage cleared and Indexed DBs deleted. You will probably want to refresh the page.'); }} class="btn btn-sm preset-tonal-surface border border-surface-500 hover:preset-filled-warning-500" title="Clear App Data & Settings: Clear IndexedDB and reload. If in edit mode localStorage and sessionStorage will also be cleared." >
Clear & Reload
50 && nav_y_height <= 100} class:pt-32={nav_y_height > 100 && nav_y_height <= 150} class:pt-40={nav_y_height > 150 && nav_y_height <= 200} class=" main_content grow px-1 md:px-2 pb-48 " > {@render children?.()}
750} class:opacity-0={yTop < 750} class:ae_btn_warning_filled={yTop > 1500} onclick={() => { if (log_lvl) { console.log( `Scroll to top button clicked. yScroll: ${yScroll} scrollTop: ${scroll_container().scrollTop}`, scroll_container() ); } console.log('Not Safari, using smooth scroll to top'); document.getElementById('ae_main_content')?.scrollTo({ top: 0, behavior: 'smooth' }); window.parent.postMessage({ scroll_to: 0 }, '*'); }} title="Scroll to top" >
Scroll to Top
{ document.getElementById('ae_main_content')?.scrollTo({ left: 0, behavior: 'smooth' }); window.parent.postMessage({ scroll_to: xScroll }, '*'); }} title="Scroll to right" >
750} class:opacity-0={yTop < 750} class:ae_btn_warning_filled={yTop > 1500} onclick={() => { if (log_lvl) { console.log( `Scroll to bottom button clicked. yScroll: ${yScroll} scrollTop: ${scroll_container().scrollTop}`, scroll_container() ); } console.log('Not Safari, using smooth scroll to bottom'); document.getElementById('ae_main_content')?.scrollTo({ top: yScroll, behavior: 'smooth' }); window.parent.postMessage({ scroll_to: yScroll }, '*'); }} title="Scroll to bottom" >
Scroll to Bottom
{:else}
You are not logged in as a user. You must be signed in to access the journals module.
{/if}