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

I am not really sure... I just want it to load correctly.

Browse Source
This commit is contained in:
Scott Idem
2024-03-26 20:15:24 -04:00
parent a30690ea2a
commit a8a2131361
3 changed files with 64 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/routes/+layout.svelte
View File

@@ -1,7 +1,7 @@
<script lang="ts">
/** @type {import('./$types').LayoutData} */
export let data: any;
console.log(`ae_ Svelte root +layout data:`, data);
// console.log(`ae_ Svelte root +layout data:`, data);
import { onMount } from 'svelte';
import '../app.postcss';
@@ -55,15 +55,20 @@ import { api } from '$lib/api';
import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
import { events_loc, events_slct } from '$lib/ae_events_stores';
import type { key_val } from '$lib/ae_stores';
console.log($ae_loc, $ae_sess, $ae_api);
// console.log($ae_loc, $ae_sess, $ae_api);
import Element_access_type from '$lib/element_access_type.svelte';
import Element_app_cfg from '$lib/element_app_cfg.svelte';
import Element_data_store from '$lib/element_data_store.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.
$ae_loc = data.ae_loc;
$ae_api = data.ae_api;
$slct.account_id = data.account_id;
console.log(`$slct.account_id = `, $slct.account_id);
let ae_acct = data.ae_acct[$slct.account_id];
console.log(`ae_acct = `, ae_acct);
// let ae_acct = data.ae_acct;
// $ae_loc = ae_acct.loc;
// $ae_api = ae_acct.api;
if ($ae_loc.site_cfg_json.slct__event_id) {
$events_slct.event_id = $ae_loc.site_cfg_json.slct__event_id;
@@ -80,8 +85,8 @@ if ($ae_loc.site_cfg_json.slct__event_id) {
if (browser) {
// Waiting until the browser exists.
// save_ds_to_local(data.ae_ds);
let ae_ds = data.ae_ds;
// save_ds_to_local(ae_acct.ds);
let ae_ds = ae_acct.ds;
console.log(`ae_ds__ data:`, ae_ds)
for (let [key, value] of Object.entries(ae_ds)) {
console.log(`ae_ds__ key: ${key}, value:`, value);
@@ -99,9 +104,9 @@ if (browser) {
}
// We want to loop through all of the data store (ds) key value pairs and set them to localStorage
// $: if (data.ae_ds) {
// console.log(`ae_ds__ data:`, data.ae_ds)
// for (let [key, value] of Object.entries(data.ae_ds)) {
// $: 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);
// }
@@ -113,7 +118,7 @@ onMount(() => {
console.log('Root: +layout.svelte');
// Waiting until the browser exists.
// save_ds_to_local(data.ae_ds);
// 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);
@@ -170,8 +175,8 @@ onMount(() => {
<svelte:head>
<title>{data.ae_loc.title}</title>
<link rel="stylesheet" href="{data.ae_loc.site_style_href}">
<title>{ae_acct.loc.title}</title>
<link rel="stylesheet" href="{ae_acct.loc.site_style_href}">
<!-- <link rel="manifest" href="/manifest.json"> -->
</svelte:head>