From 7e3420ec4daed758ac89c8f391904c5b47a9af96 Mon Sep 17 00:00:00 2001 From: Scott Idem Date: Thu, 21 Nov 2024 17:23:31 -0500 Subject: [PATCH] More work on the initial loading of things... Looks cleaner. --- src/routes/+layout.svelte | 149 ++++++++---------- src/routes/+layout.ts | 6 +- .../idaa/(idaa)/archives/+layout.svelte | 4 +- src/routes/idaa/(idaa)/bb/+layout.svelte | 6 +- .../(idaa)/recovery_meetings/+layout.svelte | 6 +- 5 files changed, 83 insertions(+), 88 deletions(-) diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 70eb5aa8..a01abd74 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -69,7 +69,9 @@ import Element_data_store from '$lib/element_data_store_v2.svelte'; // Quickly save the data passed from the parent(s) to the Svelte stores, localStorage, and other. This should catch anything that is a child of this layout.svelte file. $slct.account_id = data.account_id; -console.log(`*ae_root +layout.svelte* $slct.account_id = `, $slct.account_id); +if (log_lvl) { + console.log(`*ae_root +layout.svelte* $slct.account_id = ${$slct.account_id}`); +} let ae_acct = data[$slct.account_id]; // console.log(`*ae_root +layout.svelte* ae_acct = `, ae_acct); // let ae_acct = data.ae_acct; @@ -170,7 +172,7 @@ if ($ae_loc?.site_cfg_json.slct__event_id) { // console.log(`Event ID already set:`, $events_slct.event_id); $events_loc.event_id = $events_slct.event_id; } else { - if (log_lvl) { + if (log_lvl > 1) { console.log(`No Event ID set!`); } } @@ -183,7 +185,7 @@ if ($ae_loc.site_cfg_json.slct__sponsorship_cfg_id) { $slct.sponsorship_cfg_id = $ae_loc.sponsorship_cfg_id; $ae_loc.mod.sponsorships.cfg_id = $ae_loc.sponsorship_cfg_id; } else { - if (log_lvl) { + if (log_lvl > 1) { console.log(`No Sponsorship Config ID set.`); } } @@ -334,84 +336,13 @@ if (browser) { for (let [key, value] of Object.entries(ae_ds)) { console.log(`ae_ds__ key: ${key}, value:`, value); localStorage.setItem(`ae_ds__${key}`, JSON.stringify(value)); - - // This should not be needed here anymore. - // if (key == 'hub__site__appshell_header') { - // $ae_sess.site_appshell_header = value; - // console.log(`$ae_sess.site_appshell_header = `, $ae_sess.site_appshell_header); - // } - } - - // $ae_sess.site_appshell_header = JSON.parse(localStorage.getItem('ae_ds__hub__site__appshell_header')); - // console.log(`$ae_sess.site_appshell_header = `, $ae_sess.site_appshell_header); -} - -// We want to loop through all of the data store (ds) key value pairs and set them to localStorage -// $: if (ae_acct.ds) { -// console.log(`ae_ds__ data:`, ae_acct.ds) -// for (let [key, value] of Object.entries(ae_acct.ds)) { -// console.log(`ae_ds__ key: ${key}, value:`, value); -// localStorageStore(`ae_ds__${key}`, value); -// } -// } - - - -onMount(() => { - console.log('Root: +layout.svelte'); - - // save_ds_to_local(ae_acct.ds); - - // $ae_sess.site_appshell_header = JSON.parse(localStorage.getItem('ae_ds__hub__site__appshell_header')); - // console.log(`$ae_sess.site_appshell_header = `, $ae_sess.site_appshell_header); - // $ae_sess = $ae_sess; - - let iframe = data.url.searchParams.get('iframe'); - if (iframe == 'true') { - console.log('Use iframe layout!'); - $ae_loc.iframe = true; - - document.getElementsByTagName('html')[0].classList.add('iframe'); - // document.getElementsByTagName('html')[0].classList.remove('dark'); - // document.getElementsByTagName('html')[0].classList.remove('light'); - - $ae_loc.hub.show_element__access_type = false; - $ae_loc.hub.show_element__cfg = false; - } else if (iframe == 'false') { - $ae_loc.iframe = false; - - document.getElementsByTagName('html')[0].classList.remove('iframe'); - // document.getElementsByTagName('html')[0].classList.add('light'); - // document.getElementsByTagName('html')[0].classList.add('dark'); - } - - if (!$ae_loc.iframe && $ae_loc.trusted_access) { - $ae_loc.hub.show_element__access_type = true; - $ae_loc.hub.show_element__cfg = true; - } else if ($ae_loc.iframe && $ae_loc.manager_access) { - $ae_loc.hub.show_element__access_type = true; - $ae_loc.hub.show_element__cfg = true; - } else { - $ae_loc.hub.show_element__access_type = true; - $ae_loc.hub.show_element__cfg = false; - } - - if (data.url.searchParams.get('event_id')) { - $events_slct.event_id = data.url.searchParams.get('event_id'); - $events_loc.event_id = data.url.searchParams.get('event_id'); - } - - if (data.url.searchParams.get('sponsorship_cfg_id')) { - $slct.sponsorship_cfg_id = data.url.searchParams.get('sponsorship_cfg_id'); - $ae_loc.mod.sponsorships.cfg_id = data.url.searchParams.get('sponsorship_cfg_id'); } // This is how the download and upload progress is tracked. window.addEventListener('message', function(event) { if (log_lvl) { - console.log('Message received in root +layout.svelte:'); - console.log(event); + console.log('Message received in root +layout.svelte:', event); } if (event.data.type == 'api_download_blob') { @@ -452,10 +383,72 @@ onMount(() => { }; } }); + + + let iframe = data.url.searchParams.get('iframe'); + if (iframe == 'true') { + console.log('Use iframe layout!'); + $ae_loc.iframe = true; + + document.getElementsByTagName('html')[0].classList.add('iframe'); + // document.getElementsByTagName('html')[0].classList.remove('dark'); + // document.getElementsByTagName('html')[0].classList.remove('light'); + + $ae_loc.hub.show_element__access_type = false; + $ae_loc.hub.show_element__cfg = false; + } else if (iframe == 'false') { + $ae_loc.iframe = false; + + document.getElementsByTagName('html')[0].classList.remove('iframe'); + // document.getElementsByTagName('html')[0].classList.add('dark'); + // document.getElementsByTagName('html')[0].classList.add('light'); + } + + if (!$ae_loc.iframe && $ae_loc.trusted_access) { + $ae_loc.hub.show_element__access_type = true; + $ae_loc.hub.show_element__cfg = true; + } else if ($ae_loc.iframe && $ae_loc.manager_access) { + $ae_loc.hub.show_element__access_type = true; + $ae_loc.hub.show_element__cfg = true; + } else { + $ae_loc.hub.show_element__access_type = true; + $ae_loc.hub.show_element__cfg = false; + } + + + // This is mainly for Precon CHOW + if (data.url.searchParams.get('event_id')) { + $events_slct.event_id = data.url.searchParams.get('event_id'); + $events_loc.event_id = data.url.searchParams.get('event_id'); + } + + if (data.url.searchParams.get('sponsorship_cfg_id')) { + $slct.sponsorship_cfg_id = data.url.searchParams.get('sponsorship_cfg_id'); + $ae_loc.mod.sponsorships.cfg_id = data.url.searchParams.get('sponsorship_cfg_id'); + } + +} + + +// $ae_sess.site_appshell_header = JSON.parse(localStorage.getItem('ae_ds__hub__site__appshell_header')); +// console.log(`$ae_sess.site_appshell_header = `, $ae_sess.site_appshell_header); + +// We want to loop through all of the data store (ds) key value pairs and set them to localStorage +// $: if (ae_acct.ds) { +// console.log(`ae_ds__ data:`, ae_acct.ds) +// for (let [key, value] of Object.entries(ae_acct.ds)) { +// console.log(`ae_ds__ key: ${key}, value:`, value); +// localStorageStore(`ae_ds__${key}`, value); +// } +// } + + + +onMount(() => { + // console.log('Root: +layout.svelte'); }); - {#if $ae_loc?.site_google_tracking_id && $ae_loc?.site_google_tracking_id.length > 0} {/if} @@ -498,7 +491,6 @@ onMount(() => { @@ -508,13 +500,11 @@ onMount(() => { @@ -543,7 +533,6 @@ onMount(() => { diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts index f26fdb4f..8edb8a01 100644 --- a/src/routes/+layout.ts +++ b/src/routes/+layout.ts @@ -56,7 +56,7 @@ let ae_loc_init: key_val = { // properties: params, route, url // functions: fetch, setHeaders, parent, depends, untrack export async function load({ fetch, params, parent, route, url }) { // params, route, url - let log_lvl = 2; + let log_lvl = 0; // console.log(`Svelte root +layout.ts params:`, params); // console.log(`Svelte root +layout.ts route:`, route); // console.log(`Svelte root +layout.ts url:`, url); @@ -187,7 +187,7 @@ export async function load({ fetch, params, parent, route, url }) { // params, r ae_loc_init['allow_access'] = false; } } else { - if (log_lvl) { + if (log_lvl > 1) { console.log(`root +layout.ts: No access key found in URL.`); } ae_loc_init['key_checked'] = true; @@ -196,7 +196,7 @@ export async function load({ fetch, params, parent, route, url }) { // params, r } } - if (log_lvl) { + if (log_lvl > 1) { console.log(`root +layout.ts: Returning account_id = `, site_domain_results.account_id_random); console.log(`root +layout.ts: ae_loc_init = `, ae_loc_init); } diff --git a/src/routes/idaa/(idaa)/archives/+layout.svelte b/src/routes/idaa/(idaa)/archives/+layout.svelte index 0bbbe28b..23cc12d2 100644 --- a/src/routes/idaa/(idaa)/archives/+layout.svelte +++ b/src/routes/idaa/(idaa)/archives/+layout.svelte @@ -3,7 +3,9 @@ export let data: any; // import { browser } from '$app/environment'; let log_lvl = 1; -console.log(`ae_idaa_archives +layout.svelte data:`, data); +if (log_lvl > 1) { + console.log(`ae_idaa_archives +layout.svelte data:`, data); +} import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores'; import { idaa_loc, idaa_sess, idaa_slct } from '$lib/ae_idaa_stores'; diff --git a/src/routes/idaa/(idaa)/bb/+layout.svelte b/src/routes/idaa/(idaa)/bb/+layout.svelte index bda31631..26b82c27 100644 --- a/src/routes/idaa/(idaa)/bb/+layout.svelte +++ b/src/routes/idaa/(idaa)/bb/+layout.svelte @@ -1,8 +1,10 @@