Changes from before AAPOR

src/routes/events_pres_mgmt/+layout.svelte

@@ -0,0 +1,89 @@
+<script lang="ts">
+/** @type {import('./$types').LayoutData} */
+export let data: any;
+
+import { goto } from '$app/navigation';
+import { onMount } from 'svelte';
+import type { Writable } from 'svelte/store';
+import { localStorageStore } from '@skeletonlabs/skeleton';
+
+import type { key_val } from '$lib/ae_stores';
+// import { ae_util } from '$lib/ae_utils';
+import { api } from '$lib/api';
+import { ae_loc, ae_sess, ae_api, slct } from '$lib/ae_stores';
+import { events_loc, events_slct, events_trigger } from '$lib/ae_events_stores';
+
+// import Element_data_store from '$lib/element_data_store.svelte';
+
+$events_loc.qry__enabled = 'enabled';
+$events_loc.qry__hidden = 'not_hidden';
+$events_loc.qry__limit = 15;
+$events_loc.qry__offset = 0;
+
+// Quickly save the data passed from the parent(s) to the Svelte stores, localStorage, and other.
+$slct.account_id = data.account_id;
+console.log(`$slct.account_id = `, $slct.account_id);
+let ae_acct = data[$slct.account_id];
+console.log(`ae_acct = `, ae_acct);
+
+$events_slct.event_id = ae_acct.slct.event_id;
+$events_slct.event_obj = ae_acct.slct.event_obj;
+
+let ae_promises: key_val = {};
+
+
+onMount(() => {
+    console.log('Events - Presentation Management: +layout.svelte');
+});
+
+</script>
+
+
+<svelte:head>
+	<title>Events - Presentation Management - {$events_loc.title ?? 'Æ loading...'}</title>
+</svelte:head>
+
+
+<section
+    class="submenu flex flex-row justify-center"
+    class:hidden={$ae_loc.iframe}
+    >
+
+    <span class="btn-group variant-soft-secondary px-4 py-2">
+    {#each Object.entries(data.submenu) as [key, item]}
+        <!-- <a href="/settings/{item.slug}">{item.title}</a> -->
+        <!-- class:hidden={!$ae_loc.trusted_access && item.access} -->
+        {#if item.disable}
+        <button
+            title={item.title}
+            class="hover:variant-ghost-secondary"
+            class:hidden={(!$ae_loc.trusted_access && item.access === 'trusted') || (!$ae_loc.administrator_access && item.access === 'administrator' || item.hide)}
+            disabled={item.disable}
+
+            on:click={() => {
+                // window.location(item.href);
+                // href={item.href}
+                // invalidateAll
+                goto(item.href, { });
+            }}
+            >
+            {item.name}
+        </button>
+        {:else}
+        <a
+            href={item.href}
+            title={item.title}
+            class="hover:variant-ghost-secondary"
+            class:hidden={(!$ae_loc.trusted_access && item.access === 'trusted') || (!$ae_loc.administrator_access && item.access === 'administrator' || item.hide)}
+            class:disabled={item.disable}
+            >
+            {item.name}
+        </a>
+        {/if}
+    {/each}
+    </span>
+
+</section>
+
+
+<slot></slot>

src/routes/events_pres_mgmt/+layout.ts

@@ -0,0 +1,46 @@
+/** @type {import('./$types').LayoutLoad} */
+console.log(`ae_events_pres_mgmt +layout.ts start`);
+
+import { events_func } from '$lib/ae_events_functions';
+
+
+export async function load({ parent }) {
+
+    let data = await parent();
+    // console.log(`ae_events_pres_mgmt +layout.ts data:`, data);
+
+
+    let account_id = data.account_id;
+    let ae_acct = data[account_id];
+    console.log(`ae_acct = `, ae_acct);
+
+    if (!account_id) {
+        console.log(`events_pres_mgmt +layout.ts: The account_id was not found in the data!!!`);
+        return false;
+    }
+
+    let event_id = ae_acct.slct.event_id;
+    if (!event_id) {
+        console.log(`events_pres_mgmt +layout.ts: The event_id was not found in the data!!!`);
+        return false;
+    }
+
+    let load_event_obj = events_func.handle_load_ae_obj_id__event({api_cfg: ae_acct.api, event_id:  event_id, try_cache: false});
+
+    ae_acct.slct.event_obj = load_event_obj;
+
+    let submenu = {
+        main: {name: 'Main', href: '/events_pres_mgmt', access: false},
+        // manage: {name: 'Manage', href: '/events_pres_mgmt/manage', access: 'administrator', disable: true, hide: true},
+        locations: {name: 'Locations', href: '/events_pres_mgmt/locations', access: false, disable: false, hide: false},
+        };
+    data.submenu = submenu
+
+    // WARNING: Precaution against shared data between sites and sessions.
+    data[account_id] = ae_acct;
+
+    return data;
+}
+
+// export const prerender = false;
+// export const prerender = true;

src/routes/events_pres_mgmt/+page.svelte

@@ -0,0 +1,64 @@
+<script lang="ts">
+export let data: any;
+console.log(`ae_events_pres_mgmt +page data:`, data);
+// console.log(`ae_events_pres_mgmt Data Params:`, data.url.searchParams.get('event_id'));
+
+import { onMount } from 'svelte';
+
+import { api } from '$lib/api';
+import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
+import { events_loc, events_slct, events_trigger } from '$lib/ae_events_stores';
+import { ae_util } from '$lib/ae_utils';
+
+import Element_data_store from '$lib/element_data_store.svelte';
+
+
+onMount(() => {
+    console.log('Events - Presentation Management: +page.svelte');
+
+    console.log('ae_ slct:', $slct);
+
+    let href_url = window.location.href;
+    // console.log(href_url);
+
+    $ae_loc.href_url = href_url;
+    // console.log(`$ae_loc.href_url = `, $ae_loc.href_url);
+});
+</script>
+
+
+<section class="ae_events_pres_mgmt md:container h-full mx-auto">
+
+<h2 class="h3">Presentation Management for {$events_slct.name} ({$events_slct.event_id})</h2>
+
+<h3 class="h4">Restricted Access</h3>
+<p>Accessing the presentation management system is currently restricted</p>
+
+
+<Element_data_store
+    ds_code="events__pres_mgmt__overview"
+    ds_type="html"
+    for_type="event"
+    for_id={$events_slct.event_id}
+    display="block"
+    class_li="p-2"
+    />
+
+<!-- <Element_data_store
+    ds_code="events__pres_mgmt__example"
+    ds_type="html"
+    for_type="event"
+    for_id={$events_slct.event_id}
+    ds_name="Default: Events - Presentation Management Example"
+    store="local"
+    display="block"
+    class_li="variant-ghost-surface p-2"
+    try_cache={true}
+    show_edit={false}
+    /> -->
+
+</section>
+
+
+<style lang="postcss">
+</style>

src/routes/events_pres_mgmt/+page.ts

@@ -0,0 +1,6 @@
+/** @type {import('./$types').PageLoad} */
+export function load() {
+    return {
+        ae_events_pres_mgmt_page_ts: true,
+    };
+}

src/routes/events_pres_mgmt/event/[slug]/+page.svelte

@@ -0,0 +1,142 @@
+<script lang="ts">
+/** @type {import('./$types').PageData} */
+export let data: any;
+// console.log(`ae_events_pres_mgmt event [slug] +page.svelte data:`, data);
+
+import { onMount } from 'svelte';
+import { goto, invalidate, pushState, replaceState } from '$app/navigation';
+
+import { clipboard, FileDropzone, getModalStore, localStorageStore, ProgressRadial, RadioGroup, RadioItem, TabGroup, Tab, TabAnchor } from '@skeletonlabs/skeleton';
+
+import type { key_val } from '$lib/ae_stores';
+import { ae_util } from '$lib/ae_utils';
+import { api } from '$lib/api';
+import { liveQuery } from "dexie";
+import { db_events } from "$lib/db_events";
+import { ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
+import { events_loc, events_sess, events_slct, events_trigger } from '$lib/ae_events_stores';
+import { events_func } from '$lib/ae_events_functions';
+
+// Quickly save the data passed from the parent(s) to the Svelte stores, localStorage, and other.
+$slct.account_id = data.account_id;
+console.log(`$slct.account_id = `, $slct.account_id);
+let ae_acct = data[$slct.account_id];
+console.log(`ae_acct = `, ae_acct);
+
+$events_slct.event_id = ae_acct.slct.event_id;
+$events_slct.event_obj = ae_acct.slct.event_obj;
+$events_slct.event_session_obj_li = ae_acct.slct.event_session_obj_li;
+
+// import Leads_add_scan from './leads_add_scan.svelte';
+// import Sessions_list from './sessions_list.svelte';
+// import Leads_manage from './leads_manage.svelte';
+// import Leads_payment from './leads_payment.svelte';
+
+// let param_slug_event_id = data.params.slug;
+
+let event_obj = liveQuery(
+    () => db_events.events.get($events_slct.event_id)
+    // () => db_events.events.get(param_slug_event_id)
+    // () => db_events.events.toArray()
+    // () => db_events.events
+    //     .where('id_random')
+    //     .equals($events_slct.event_id)
+    //     // .orderBy('name')
+    //     // .offset(10).limit(5)
+    //     .toArray()
+);
+
+let event_obj_v2 = db_events.events.get($events_slct.event_id);
+
+// Load the Event Obj with ID based on the slug param.
+// $events_slct.event_id = param_slug_event_id;
+// console.log('Selected Event ID:', $events_slct.event_id);
+// $events_trigger = 'load__event_obj';
+
+let license_submit_results: Promise<any>|key_val;
+
+if (!$events_loc.leads.tab) {
+    $events_loc.leads.tab = {};
+    $events_loc.leads.tab[$events_slct.event_id] = 'start';
+}
+
+if (!$events_loc.leads.auth_exhibit_kv) {
+    $events_loc.leads.auth_exhibit_kv = {};
+}
+
+if ($events_loc.leads.auth_exhibit_kv && $events_loc.leads.auth_exhibit_kv[$events_slct.event_id]) {
+    console.log('Logged in using shared exhibit staff passcode.');
+
+    if ($events_loc.leads.auth_exhibit_kv[$events_slct.event_id].key) {
+        console.log(`Using the license key: ${$events_loc.leads.auth_exhibit_kv[$events_slct.event_id].key}`);
+    } else {
+        console.log('License key (email) not used.');
+        $events_loc.leads.tab[$events_slct.event_id] = 'start';
+    }
+} else {
+    console.log('Not logged in using shared exhibit staff passcode.');
+    $events_loc.leads.tab[$events_slct.event_id] = 'start';
+}
+
+
+onMount(() => {
+    console.log('Events Leads Exhibit [slug]: +page.svelte');
+
+    // console.log(`ae_events_leads exhibit [slug] +page.svelte data:`, data);
+
+    if (!$events_slct.event_id) {
+        console.log(`No ID! Nothing to show. Try setting the ID again.`);
+        $events_slct.event_id = $events_slct.event_id;
+    }
+
+});
+// console.log(`$ae_loc = `, $ae_loc);
+
+
+
+
+
+</script>
+
+
+<section
+    class="ae_events_pres_mgmt_event md:container h-full mx-auto flex flex-col items-center space-y-4 pt-0 pb-8"
+    >
+
+
+{#if $events_slct.event_id && $event_obj}
+
+Nothing to see
+
+{/if}
+</section>
+
+
+<style lang="postcss">
+/* Use the div.ae_quick_modal_container to block background clicks when using the section.ae_quick_popover. */
+div.ae_quick_modal_container {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 100;
+    background-color: hsla(0, 0%, 0%, .5);
+}
+
+/* The section.ae_quick_popover should be above the rest of the content and centered on the page. */
+section.ae_quick_popover {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 100;
+    background-color: hsla(0, 0%, 100%, .95);
+    padding: 1rem;
+    border-radius: .5rem;
+    box-shadow: 0 0 1rem hsla(0, 0%, 0%, .5);
+
+    min-height: 30%;
+    min-width: 80%;
+}
+</style>

src/routes/events_pres_mgmt/event/[slug]/+page.ts

@@ -0,0 +1,53 @@
+/** @type {import('./$types').PageLoad} */
+console.log(`ae_events_pres_mgmt_event [slug] +page.ts start`);
+
+import { events_func } from '$lib/ae_events_functions';
+
+export async function load({ parent }) { // route
+    // console.log(`ae_events_pres_mgmt_event +page.ts data.params:`, params);
+    // console.log(`ae_events_pres_mgmt_event +page.ts data.route:`, route);
+    // console.log(`ae_events_pres_mgmt_event +page.ts data.url:`, url);
+
+    let data = await parent();
+    // console.log(`ae_events_pres_mgmt_event +page.ts data:`, data);
+
+    let account_id = data.account_id;
+    let ae_acct = data[account_id];
+    console.log(`ae_acct = `, ae_acct);
+
+    if (!account_id) {
+        console.log(`events_pres_mgmt_event [slug] +page.ts: The account_id was not found in the data!!!`);
+        return false;
+    }
+
+    data.ae_events_pres_mgmt_event_slug_page_ts = true;
+
+    // let param_slug_event_id = data.params.slug;
+
+    let event_id = data.params.slug;
+    if (!event_id) {
+        console.log(`events_pres_mgmt_event [slug] +layout.ts: The event_id was not found in the data.params.slug!!!`);
+        return false;
+    }
+
+    ae_acct.slct.event_id = event_id;
+
+    let load_event_obj = events_func.handle_load_ae_obj_id__event({api_cfg: ae_acct.api, event_id:  event_id, try_cache: false});
+
+    ae_acct.slct.event_obj = await load_event_obj;
+
+    let load_event_session_obj_li = events_func.handle_load_ae_obj_li__event_session({
+        api_cfg: ae_acct.api,
+        event_id: event_id,
+        params: {enabled: 'all', qry__limit: 550},
+        try_cache: false
+    });
+    console.log(`load_event_session_obj_li = `, load_event_session_obj_li);
+
+    ae_acct.slct.event_session_obj_li = load_event_session_obj_li;
+
+    // WARNING: Precaution against shared data between sites and sessions.
+    data[account_id] = ae_acct;
+
+    return data;
+}