Changes from before AAPOR
This commit is contained in:
142
src/routes/events_pres_mgmt/event/[slug]/+page.svelte
Normal file
142
src/routes/events_pres_mgmt/event/[slug]/+page.svelte
Normal file
@@ -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>
|
||||
53
src/routes/events_pres_mgmt/event/[slug]/+page.ts
Normal file
53
src/routes/events_pres_mgmt/event/[slug]/+page.ts
Normal file
@@ -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;
|
||||
}
|
||||
Reference in New Issue
Block a user