General clean up. No working on the new event presenter components.

src/app.html

@@ -5,6 +5,8 @@
         <link rel="icon" href="%sveltekit.assets%/favicon.png" />
         <meta name="viewport" content="width=device-width" />
 
+        <title>Svelte Skeleton Tailwind - OSIT's &AElig; Dev</title>
+
         <link rel="preconnect" href="https://fonts.gstatic.com">
         <link rel="preconnect" href="https://fonts.googleapis.com">
         <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">

src/lib/ae_stores.ts

@@ -3,7 +3,7 @@ import { readable, writable } from 'svelte/store';
 import type { get, Writable } from 'svelte/store';
 
 
-import { PUBLIC_TESTING, PUBLIC_AE_API_PROTOCOL, PUBLIC_AE_API_SERVER, PUBLIC_AE_API_BAK_SERVER, PUBLIC_AE_API_PORT, PUBLIC_AE_API_PATH, PUBLIC_AE_API_SECRET_KEY, PUBLIC_AE_API_CRUD_SUPER_KEY, PUBLIC_AE_NO_ACCOUNT_ID, PUBLIC_AE_NO_ACCOUNT_ID_TOKEN, PUBLIC_AE_ACCOUNT_ID, PUBLIC_AE_SPONSORSHIP_CFG_ID } from '$env/static/public';
+import { PUBLIC_TESTING, PUBLIC_AE_API_PROTOCOL, PUBLIC_AE_API_SERVER, PUBLIC_AE_API_BAK_SERVER, PUBLIC_AE_API_PORT, PUBLIC_AE_API_PATH, PUBLIC_AE_API_SECRET_KEY, PUBLIC_AE_API_CRUD_SUPER_KEY, PUBLIC_AE_NO_ACCOUNT_ID, PUBLIC_AE_NO_ACCOUNT_ID_TOKEN, PUBLIC_AE_ACCOUNT_ID, PUBLIC_AE_EVENT_ID, PUBLIC_AE_SPONSORSHIP_CFG_ID } from '$env/static/public';
 console.log(`Aether Config - TESTING:`, PUBLIC_TESTING);
 
 const api_base_url = `${PUBLIC_AE_API_PROTOCOL}://${PUBLIC_AE_API_SERVER}:${PUBLIC_AE_API_PORT}${PUBLIC_AE_API_PATH}`;
@@ -16,6 +16,7 @@ const api_crud_super_key = PUBLIC_AE_API_CRUD_SUPER_KEY;
 let ae_account_id: null|string = null;
 const ae_no_account_id = PUBLIC_AE_NO_ACCOUNT_ID;
 const ae_no_account_id_token = PUBLIC_AE_NO_ACCOUNT_ID_TOKEN;
+const ae_event_id = PUBLIC_AE_EVENT_ID;
 const ae_sponsorship_cfg_id = PUBLIC_AE_SPONSORSHIP_CFG_ID;
 
 // import { api } from '$lib/api';

src/routes/+layout.ts

@@ -1,10 +1,14 @@
 /** @type {import('./$types').LayoutLoad} */
 
-
 import { api } from '$lib/api';
 import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
 import { get } from 'svelte/store';
 
+type key_val = {
+    [key: string]: any; // variable key
+    // name: string;
+};
+
 
 function handle_load_ae_obj_id__site_domain({fqdn, try_cache=false}) {
     console.log(`*** handle_load_ae_obj_id__site_domain() *** fqdn=${fqdn}`);
@@ -89,45 +93,7 @@ export function load({ params, url }) { // route
     // console.log(`Svelte root layout.ts data = route:`, route);
     console.log(`Svelte root layout.ts data = url:`, url);
 
-    let site_domain_results = null;
-    let access_code_li_json = null;
-    let ae_core = null;
-
-    if (url.host) {
-        // ae_loc.url_host = data.url.host; // Use this to look up? sub.example.com:123
-        // ae_loc.fqdn = url.host; // Use this to look up? sub.example.com:123
-        // ae_loc.url_hostname = data.url.hostname; // sub.example.com
-        // ae_loc.url_origin = data.url.origin; // Use this to look up? https://sub.example.com:123
-        // ae_loc.site_domain = data.url.origin;
-        // console.log(`ae_loc = `, ae_loc);
-
-        site_domain_results = handle_load_ae_obj_id__site_domain({fqdn:  url.host, try_cache: false});
-
-        if (site_domain_results) {
-            console.log(`site_domain_results = `, site_domain_results);
-
-            ae_core = {
-                'account_id': site_domain_results.account_id_random,
-                'site_id': site_domain_results.site_id_random,
-                'site_domain_id': site_domain_results.site_domain_id_random,
-                'enable': site_domain_results.enable,
-                'style_href': site_domain_results.style_href,
-                'google_tracking_id': site_domain_results.google_tracking_id,
-            }
-        }
-
-        access_code_li_json = handle_get_data_store_obj_w_code({code: 'hub__page__access_code_li_json', data_type: 'json'});
-
-        if (access_code_li_json) {
-            console.log(`access_code_li_json = `, access_code_li_json);
-
-            ae_core = {
-                ...ae_core,
-                'access_code_li': access_code_li_json,
-            }
-        }
-
-    }
+    let ae_core: key_val = {}
 
     let data_struct = {
         ae_core: ae_core,
@@ -140,6 +106,162 @@ export function load({ params, url }) { // route
         url: url,
 
     };
+
+    let site_domain_results = null;
+    let access_code_li_json = null;
+
+    // First do a site_domain look up to check if it is valid and get the account_id.
+    if (url.host) {
+        // ae_loc.url_host = data.url.host; // Use this to look up? sub.example.com:123
+        // ae_loc.fqdn = url.host; // Use this to look up? sub.example.com:123
+        // ae_loc.url_hostname = data.url.hostname; // sub.example.com
+        // ae_loc.url_origin = data.url.origin; // Use this to look up? https://sub.example.com:123
+        // ae_loc.site_domain = data.url.origin;
+        // console.log(`ae_loc = `, ae_loc);
+
+        site_domain_results = handle_load_ae_obj_id__site_domain({fqdn:  url.host, try_cache: false});
+
+        site_domain_results.then(function (site_domain_results) {
+            if (site_domain_results) {
+                console.log(`site_domain_results = `, site_domain_results);
+
+                let ae_api_tmp = get(ae_api);
+
+                ae_api_tmp['account_id'] = site_domain_results.account_id_random;
+                ae_api_tmp['headers']['x-account-id'] = site_domain_results.account_id_random;
+                ae_api_tmp['headers']['x-no-account-id'] = null;
+
+                ae_api.set(ae_api_tmp);
+                console.log(`ae_api = `, get(ae_api));
+
+                ae_core = {
+                    'account_id': site_domain_results.account_id_random,
+                    'site_id': site_domain_results.site_id_random,
+                    'site_domain_id': site_domain_results.site_domain_id_random,
+                    'enable': site_domain_results.enable,
+                    'style_href': site_domain_results.style_href,
+                    'google_tracking_id': site_domain_results.google_tracking_id,
+                }
+
+                let ae_loc_tmp = get(ae_loc);
+                ae_loc_tmp.account_id = site_domain_results.account_id_random;
+                ae_loc.set(ae_loc_tmp);
+                console.log(`ae_loc = `, get(ae_loc));
+            }
+
+            return site_domain_results;
+        })
+        .then(function (site_domain_results) {
+            access_code_li_json = handle_get_data_store_obj_w_code({code: 'hub__page__access_code_li_json', data_type: 'json'});
+
+            access_code_li_json.then(function (access_code_li_json_results) {
+                if (access_code_li_json_results) {
+                    console.log(`access_code_li_json_results = `, access_code_li_json_results);
+
+                    ae_core = {
+                        ...ae_core,
+                        'access_code_li': access_code_li_json_results,
+                    }
+
+                    let ae_loc_tmp = get(ae_loc);
+                    let code = 'hub__page__access_code_li_json';
+
+                    ae_loc_tmp.hub.ds[code] = access_code_li_json_results;
+                    ae_loc.set(ae_loc_tmp);
+                    console.log(`ae_loc = `, get(ae_loc));
+                }
+            }
+            );
+
+            return site_domain_results;
+        })
+        .then(function (site_domain_results) {
+            let ds_hub_site_header = handle_get_data_store_obj_w_code({code: 'hub_site_header'});
+
+            let ae_loc_tmp = get(ae_loc);
+            let code = '';
+
+            ds_hub_site_header.then(function (ds_hub_site_header_results) {
+                if (ds_hub_site_header_results) {
+                    console.log(`ds_hub_site_header_results = `, ds_hub_site_header_results);
+
+                    ae_core = {
+                        ...ae_core,
+                        'site_header': ds_hub_site_header_results,
+                    }
+
+                    code = 'hub_site_header';
+                    ae_loc_tmp.hub.ds[code] = ds_hub_site_header_results;
+
+                    ae_loc.set(ae_loc_tmp);
+                    console.log(`ae_loc = `, get(ae_loc));
+                }
+            });
+
+            let ds_hub_site_footer = handle_get_data_store_obj_w_code({code: 'hub_site_footer'});
+
+            ds_hub_site_footer.then(function (ds_hub_site_footer_results) {
+                if (ds_hub_site_footer_results) {
+                    console.log(`ds_hub_site_footer_results = `, ds_hub_site_footer_results);
+
+                    ae_core = {
+                        ...ae_core,
+                        'site_footer': ds_hub_site_footer_results,
+                    }
+
+                    code = 'hub_site_footer';
+                    ae_loc_tmp.hub.ds[code] = ds_hub_site_footer_results;
+
+                    ae_loc.set(ae_loc_tmp);
+                    console.log(`ae_loc = `, get(ae_loc));
+                }
+            });
+
+
+        })
+        .finally(function () {
+            console.log(`root layout.ts finally load...`);
+
+            data_struct['ae_core'] = ae_core;
+        }
+        );
+
+
+        // if (site_domain_results) {
+        //     console.log(`site_domain_results = `, site_domain_results);
+
+        //     ae_api['account_id'] = site_domain_results.account_id_random;
+        //     // ae_api['headers']['account_id'] = site_domain_results.account_id_random;
+        //     ae_api.set(ae_api);
+        //     console.log(`ae_api = `, ae_api);
+
+        //     ae_core = {
+        //         'account_id': site_domain_results.account_id_random,
+        //         'site_id': site_domain_results.site_id_random,
+        //         'site_domain_id': site_domain_results.site_domain_id_random,
+        //         'enable': site_domain_results.enable,
+        //         'style_href': site_domain_results.style_href,
+        //         'google_tracking_id': site_domain_results.google_tracking_id,
+        //     }
+
+
+        //     access_code_li_json = handle_get_data_store_obj_w_code({code: 'hub__page__access_code_li_json', data_type: 'json'});
+
+        //     if (access_code_li_json) {
+        //         console.log(`access_code_li_json = `, access_code_li_json);
+
+        //         ae_core = {
+        //             ...ae_core,
+        //             'access_code_li': access_code_li_json,
+        //         }
+        //     }
+        // }
+
+
+
+    }
+
+
     return data_struct;
 }
 

src/routes/+page.svelte

@@ -21,47 +21,47 @@ onMount(() => {
 });
 
 
-let data_store_obj_get_promises: key_val = {};
-let get_ds_hub_site_header_promise = handle_get_data_store_obj_w_code({code: 'hub_site_header'});
-let get_ds_hub_site_footer_promise = handle_get_data_store_obj_w_code({code: 'hub_site_footer'});
+// let data_store_obj_get_promises: key_val = {};
+// let get_ds_hub_site_header_promise = handle_get_data_store_obj_w_code({code: 'hub_site_header'});
+// let get_ds_hub_site_footer_promise = handle_get_data_store_obj_w_code({code: 'hub_site_footer'});
 
-async function handle_get_data_store_obj_w_code({code}: {code: string}, data_type='text') {
-    console.log('*** handle_get_data_store_obj_w_code() ***');
+// async function handle_get_data_store_obj_w_code({code}: {code: string}, data_type='text') {
+//     console.log('*** handle_get_data_store_obj_w_code() ***');
 
-    // let get_item_result = window.localStorage.getItem(code);
-    // localStorage.getItem(code);
+//     // let get_item_result = window.localStorage.getItem(code);
+//     // localStorage.getItem(code);
 
-    // if ($ae_loc_test_store) {
-    //     $ae_loc.hub.ds[code] = $ae_loc_test_store;
-    // } else {
-    //     console.log('Get local storage item miss.');
-    // }
+//     // if ($ae_loc_test_store) {
+//     //     $ae_loc.hub.ds[code] = $ae_loc_test_store;
+//     // } else {
+//     //     console.log('Get local storage item miss.');
+//     // }
 
-    data_store_obj_get_promises[code] = api.get_data_store_obj_w_code({
-        api_cfg: $ae_api,
-        data_store_code: code,
-        data_type: data_type,
-        log_lvl: 1
-        })
-    .then(function (get_data_store_result) {
-        if (get_data_store_result) {
+//     data_store_obj_get_promises[code] = api.get_data_store_obj_w_code({
+//         api_cfg: $ae_api,
+//         data_store_code: code,
+//         data_type: data_type,
+//         log_lvl: 1
+//         })
+//     .then(function (get_data_store_result) {
+//         if (get_data_store_result) {
 
-            if (data_type == 'text') {
-                // console.log(get_data_store_result.text);
-                $ae_loc.hub.ds[code] = get_data_store_result.text;
-            } else if (data_type == 'json') {
-                // console.log(get_data_store_result.json);
-                $ae_loc.hub.ds[code] = get_data_store_result.json;
-            }
+//             if (data_type == 'text') {
+//                 // console.log(get_data_store_result.text);
+//                 $ae_loc.hub.ds[code] = get_data_store_result.text;
+//             } else if (data_type == 'json') {
+//                 // console.log(get_data_store_result.json);
+//                 $ae_loc.hub.ds[code] = get_data_store_result.json;
+//             }
 
-            // console.log(`Code: ${$ae_loc.hub.ds[code]}`);
-            // console.log(`Code:`, $ae_loc.hub.ds[code]);
-        }
-    })
-    .catch(function (error) {
-        console.log('No results returned or failed.', error);
-    });
-}
+//             // console.log(`Code: ${$ae_loc.hub.ds[code]}`);
+//             // console.log(`Code:`, $ae_loc.hub.ds[code]);
+//         }
+//     })
+//     .catch(function (error) {
+//         console.log('No results returned or failed.', error);
+//     });
+// }
 
 </script>
 
@@ -74,17 +74,13 @@ async function handle_get_data_store_obj_w_code({code}: {code: string}, data_typ
 			<a
 				class="btn variant-filled"
 				href="/sponsorships"
-				target="_blank"
-				rel="noreferrer"
 			>
 				Open Sponsorships
 			</a>
 
 			<a
 				class="btn variant-filled"
-				href="/sponsorships"
-				target="_blank"
-				rel="noreferrer"
+				href="/events_speakers"
 			>
 				Open Speakers
 			</a>

src/routes/events_speakers/+layout.svelte

@@ -3,12 +3,4 @@
 export let data;
 </script>
 
-<!-- <h1>Event Speakers Layout</h1> -->
-
-<!-- <div class="submenu">
-	{#each data.sections as section}
-		<a href="/settings/{section.slug}">{section.title}</a>
-	{/each}
-</div> -->
-
 <slot></slot>

src/routes/events_speakers/+layout.ts

@@ -1,8 +1,63 @@
 /** @type {import('./$types').LayoutLoad} */
+
+import { api } from '$lib/api';
+import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
+import { get } from 'svelte/store';
+
+
 export function load({ params, url }) { // route
     // console.log(`Svelte Event Speakers layout.ts data = params:`, params);
     // console.log(`Svelte Event Speakers layout.ts data = route:`, route);
-    // console.log(`Svelte Event Speakers layout.ts data = url:`, url);
+    console.log(`Svelte Event Speakers layout.ts data = url:`, url);
+
+    let event_obj_results = null;
+
+    let event_id = url.searchParams.get('event_id');
+
+    event_obj_results = handle_load_ae_obj_id__event({event_id:  event_id, try_cache: false});
+
+        event_obj_results.then(function (event_obj_results) {
+            if (event_obj_results) {
+                console.log(`event_obj_results = `, event_obj_results);
+
+                // let ae_api_tmp = get(ae_api);
+
+                // ae_api_tmp['account_id'] = event_obj_results.account_id_random;
+                // ae_api_tmp['headers']['x-account-id'] = event_obj_results.account_id_random;
+                // ae_api_tmp['headers']['x-no-account-id'] = null;
+
+                // ae_api.set(ae_api_tmp);
+                // console.log(`ae_api = `, get(ae_api));
+
+                // ae_core = {
+                //     'account_id': event_obj_results.account_id_random,
+                //     'site_id': event_obj_results.site_id_random,
+                //     'site_domain_id': event_obj_results.site_domain_id_random,
+                //     'enable': event_obj_results.enable,
+                //     'style_href': event_obj_results.style_href,
+                //     'google_tracking_id': event_obj_results.google_tracking_id,
+                // }
+
+                let ae_loc_tmp = get(ae_loc);
+                ae_loc_tmp.event_id = event_obj_results.event_id_random;
+                ae_loc_tmp.mod.events.event_id = event_obj_results.event_id_random;
+                ae_loc.set(ae_loc_tmp);
+                console.log(`ae_loc = `, get(ae_loc));
+
+                let slct_tmp = get(slct);
+                slct_tmp.event_id = event_obj_results.event_id_random;
+                slct_tmp.event_obj = event_obj_results;
+                slct.set(slct_tmp);
+                console.log(`slct = `, get(slct));
+
+                let slct_trigger_tmp = get(slct_trigger);
+                slct_trigger_tmp = 'load__event_obj';
+                slct_trigger.set(slct_trigger_tmp);
+                console.log(`slct_trigger = `, get(slct_trigger));
+            }
+
+            return event_obj_results;
+        })
 
     let data_struct = {
         params: params,
@@ -16,3 +71,40 @@ export function load({ params, url }) { // route
     };
     return data_struct;
 }
+
+
+function handle_load_ae_obj_id__event({event_id, try_cache=false}) {
+    console.log(`*** handle_load_ae_obj_id__event() *** event_id=${event_id}`);
+
+    let params = {};
+
+	// ae_loc.hub.event_id_qry_status = 'loading';
+    let ae_event_obj_get_promise = api.get_ae_obj_id_crud({
+        api_cfg: get(ae_api),
+        obj_type: 'event',
+        obj_id: event_id, // NOTE: This is the FQDN, not normally the ID.
+        use_alt_table: false, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
+        use_alt_base: false, // NOTE: This will use the base_name_alt value instead of the base_name value in the API config.
+        params: params,
+        log_lvl: 1
+        })
+    .then(function (event_obj_get_result) {
+        if (event_obj_get_result) {
+            // slct.event_obj = event_obj_get_result;
+            // console.log(`event object:`, get(slct).event_obj);
+
+            // ae_loc.account_id = $slct.event_obj.account_id_random;
+            // ae_loc.site_id = $slct.event_obj.site_id_random;
+            // ae_loc.event_id = $slct.event_obj.event_id_random;
+            return event_obj_get_result;
+        } else {
+            console.log('No results returned.');
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    return ae_event_obj_get_promise;
+}

src/routes/events_speakers/+page.svelte

@@ -21,11 +21,17 @@ import { api } from '$lib/api';
 import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
 
 
+import List_event_presenter_obj from './10_list__event_presenter_obj.svelte';
+
 type key_val = {
     [key: string]: any;
 };
 
-
+// console.log($slct, $slct_trigger);
+// if ($slct.event_id) {
+//     // $slct_trigger = 'load__event_obj';
+//     console.log(`$slct.event_id = `, $slct.event_id);
+// }
 
 
 onMount(() => {
@@ -34,17 +40,77 @@ onMount(() => {
     // console.log(`$ae_loc = `, $ae_loc);
 
 	let href_url = window.location.href;
-	console.log(href_url);
+	// console.log(href_url);
 
     $ae_loc.href_url = href_url;
-    console.log(`$ae_loc.href_url = `, $ae_loc.href_url);
+    // console.log(`$ae_loc.href_url = `, $ae_loc.href_url);
 });
 
 
-if ($ae_loc.event_id) {
-    $slct.event_id = $ae_loc.event_id;
+$: if ($slct_trigger == 'load__event_obj' && $slct.event_id) {
+    console.log('Selected Event ID:', $slct.event_id);
+
+    $slct_trigger = null;
+
+    // $slct.event_id = $ae_loc.event_id;
 	// handle_load_ae_obj_id__event({event_id: $slct.event_id, try_cache: false});
-    // handle_load_ae_obj_li__events_speakers({event_id: $slct.event_id, try_cache: false});
+    handle_load_ae_obj_li__event_presenter({event_id: $slct.event_id, try_cache: false});
+}
+
+
+let ae_event_presenter_obj_li_get_promise: Promise<any>;
+
+async function handle_load_ae_obj_li__event_presenter({event_id, try_cache=true}) {
+    console.log('*** handle_load_ae_obj_li__event_presenter() ***');
+    // console.log($ae_loc.mod.events);
+
+    let enabled = $ae_loc.mod.events.enabled;
+    let hidden = $ae_loc.mod.events.hidden;
+    let limit = $ae_loc.mod.events.limit;
+    let offset = $ae_loc.mod.events.offset;
+
+    let params = {};
+
+    let params_json: key_val = {};
+
+    // console.log('params_json:', params_json);
+    // console.log(params_json);
+
+    $ae_loc.mod.events.qry_status = 'loading';
+    ae_event_presenter_obj_li_get_promise = api.get_ae_obj_li_for_obj_id_crud({
+        api_cfg: $ae_api,
+        obj_type: 'event_presenter',
+        for_obj_type: 'event',
+        for_obj_id: event_id,
+        use_alt_table: false, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
+        use_alt_base: false, // NOTE: This will use the base_name_alt value instead of the base_name value in the API config.
+        enabled: enabled,
+        hidden: hidden,
+        order_by_li: {'priority': 'DESC', 'sort': 'DESC', 'updated_on': 'DESC', 'created_on': 'DESC'},
+        // order_by_li: {'priority': 'DESC', 'sort': 'DESC', 'created_on': 'DESC', 'updated_on': 'DESC'},
+        limit: limit,
+        offset: offset,
+        params_json: params_json,
+        params: params,
+        log_lvl: 0
+        })
+
+    .then(function (event_presenter_obj_li_get_result) {
+        if (event_presenter_obj_li_get_result) {
+            $slct.event_presenter_obj_li = event_presenter_obj_li_get_result;
+        } else {
+            $slct.event_presenter_obj_li = [];
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    })
+    .finally(function () {
+        $ae_loc.mod.events.qry_status = 'done';
+        console.log('Object list:', $slct.event_presenter_obj_li);
+    });
+
+    return ae_event_presenter_obj_li_get_promise;
 }
 
 </script>
@@ -74,6 +140,19 @@ if ($ae_loc.event_id) {
 
 		<section class="events_speakers_list">
 
+            <List_event_presenter_obj />
+
+            <!-- {#if $slct.event_presenter_obj_li && $slct.event_presenter_obj_li.length}
+
+            {#each $slct.event_presenter_obj_li as ae_event_presenter_obj, index}
+                <div class="event_presenter_obj">
+                    {ae_event_presenter_obj.given_name}
+                </div>
+
+            {/each}
+
+            {/if} -->
+
         </section>
 	</div>
 </div>

src/routes/events_speakers/10_list__event_presenter_obj.svelte

@@ -0,0 +1,151 @@
+<script lang="ts">
+// *** Import Svelte core
+import { onMount } from 'svelte';
+
+// import { getDrawerStore, getModalStore } from '@skeletonlabs/skeleton';
+// const modalStore = getModalStore();
+
+// *** Import Aether core variables and functions
+import { ae_util } from '$lib/ae_utils';
+// import { ae } from 'aether_npm_lib';
+import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
+
+export let container_class_li = [];
+
+onMount(() => {
+    console.log('** Component Mounted: ** List - Event Presenters Obj');
+});
+</script>
+
+
+<section class="svelte_component ae_section ae_list list__event_presenter_obj event_presenter_obj_li {container_class_li.join(' ')} ae_h_scrollfix">
+{#if $slct.event_presenter_obj_li}
+<table class="table table-compact table-hover">
+    <thead>
+        <tr>
+            <th>Options</th>
+            <th>Name</th>
+            <th>Email</th>
+            <th>Affiliations</th>
+            <th>Created</th>
+            <th>Updated</th>
+        </tr>
+    </thead>
+    <tbody>
+{#each $slct.event_presenter_obj_li as ae_event_presenter_obj, index}
+    <tr
+        id={`ae_event_presenter_id__${ae_event_presenter_obj.event_presenter_id_random}`}
+        class="ae_object event_presenter_obj"
+        >
+
+        <td class="ae_options event_presenter_obj__options">
+            <div class="btn-group variant-filled">
+            <button
+                on:click={() => {
+                    $slct.event_presenter_id = ae_event_presenter_obj.event_presenter_id_random;
+                    $slct.event_presenter_obj = ae_event_presenter_obj;
+                    console.log(`Selected Event Presenter ID: ${$slct.event_presenter_id}`);
+                    console.log(`Selected Event Presenter Object:`, $slct.event_presenter_obj);
+                    // $slct_trigger = 'load__event_presenter_obj';
+
+                    $ae_loc.mod.events.show_main__options = true;
+                    $ae_loc.mod.events.show_edit__event_presenter_obj = false;
+                    $ae_loc.mod.events.show_list__event_presenter_obj_li = true;
+                    $ae_loc.mod.events.show_view__event_presenter_obj = true;
+                    $slct_trigger = 'show_view__event_presenter_obj';
+                }}
+                class="variant-soft-primary"
+                title={`Open to see details: ${ae_event_presenter_obj.name}`}
+                >
+                <span class="fas fa-envelope-open mx-1"></span>
+                <!-- <span class="fas fa-info-circle"></span> -->
+                View
+            </button>
+
+            {#if $ae_loc.trusted_access}
+                <button
+                    on:click={() => {
+                        $slct.event_presenter_id = ae_event_presenter_obj.event_presenter_id_random;
+                        $slct.event_presenter_obj = ae_event_presenter_obj;
+                        console.log(`Selected Event Presenter ID: ${$slct.event_presenter_id}`);
+                        console.log(`Selected Event Presenter Object:`, $slct.event_presenter_obj);
+                        // $slct_trigger = 'load__event_presenter_obj';
+
+                        $ae_loc.mod.events.show_main__options = true;
+                        $ae_loc.mod.events.show_edit__event_presenter_obj = true;
+                        $ae_loc.mod.events.show_list__event_presenter_obj_li = true;
+                        $ae_loc.mod.events.show_view__event_presenter_obj = false;
+                        $slct_trigger = 'show_edit__event_presenter_obj';
+                    }}
+                    class="variant-soft-warning"
+                    title={`Edit event presenter: ${ae_event_presenter_obj.name}`}
+                    >
+                    <span class="fas fa-edit mx-1"></span> Edit
+                </button>
+            {/if}
+            </div>
+        </td>
+
+        <td class="ae_value event_presenters__name">{ae_event_presenter_obj.full_name}</td>
+
+        <td class="">
+            {#if ae_event_presenter_obj.email}
+                <a href="mailto:{ae_event_presenter_obj.email}"><span class="fas fa-envelope"></span> {ae_event_presenter_obj.email}</a>
+            {:else}
+                -- None --
+            {/if}
+        </td>
+
+        <td>
+            {ae_event_presenter_obj.affiliations ?? '-- None --'}
+        </td>
+
+        <td><span class="text-xs">{ae_util.iso_datetime_formatter(ae_event_presenter_obj.created_on, 'datetime_short')}</span></td>
+        <td><span class="text-xs">{ae_util.iso_datetime_formatter(ae_event_presenter_obj.updated_on, 'datetime_short')}</span></td>
+
+    </tr>
+{/each}
+    </tbody>
+    <tfoot>
+        <tr>
+            <th colspan="6" class="">
+                Total Count:
+                {$slct.event_presenter_obj_li.length}
+            </th>
+        </tr>
+    </tfoot>
+</table>
+{:else}
+    <div>No event_presenters avalible to show at this time</div>
+{/if}
+</section>
+
+
+<style>
+.ae_label {
+    font-size: smaller;
+}
+.ae_value {
+    font-weight: bold;
+}
+
+.ae_header h3 {
+    font-size: 1.2em;
+    margin: 0;
+    /* padding: 0; */
+}
+
+.event_presenter_obj .ae_meta {
+    flex-direction: column;
+    /* justify-content: space-between; */
+}
+
+.event_presenter_obj .ae_meta .ae_group {
+    flex-direction: row;
+}
+
+.event_presenter_obj .ae_meta .ae_options {
+    flex-direction: row;
+    justify-content: space-between;
+}
+</style>

src/routes/sponsorships/+layout.ts

@@ -1,8 +1,8 @@
 /** @type {import('./$types').LayoutLoad} */
 export function load({ params, url }) { // route
-    console.log(`Svelte Sponsorships layout.ts data = params:`, params);
+    // console.log(`Svelte Sponsorships layout.ts data = params:`, params);
     // console.log(`Svelte Sponsorships layout.ts data = route:`, route);
-    console.log(`Svelte Sponsorships layout.ts data = url:`, url);
+    // console.log(`Svelte Sponsorships layout.ts data = url:`, url);
 
     let data_struct = {
         params: params,