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

Finally working Events - Leads for exhibitors

Browse Source
This commit is contained in:
Scott Idem
2024-03-12 19:28:10 -04:00
parent 7d1a4b735b
commit fd4f2bdf35
14 changed files with 716 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/routes/+layout.svelte
View File

@@ -297,6 +297,16 @@ $: if ($slct_trigger == 'set_access_code_li' && !$ae_loc.ds['hub__page__access_c
class="btn btn-sm variant-ghost-surface"
class:active={$page.url.pathname==='/events_speakers'}
href="/events_speakers">Speakers</a>
<a
class="btn btn-sm variant-ghost-surface"
class:active={$page.url.pathname==='/events_badges'}
href="/events_badges">Badges</a>
<a
class="btn btn-sm variant-ghost-surface"
class:active={$page.url.pathname==='/events_leads'}
href="/events_leads">Leads</a>
{/if}
</svelte:fragment>
</AppBar>

32
src/routes/+page.svelte
View File

@@ -24,7 +24,7 @@ onMount(() => {
</script>
<section class="ae_root md:container h-full mx-auto flex flex-col items-center p-5 space-y-16">
<section class="ae_root md:container h-full mx-auto flex flex-col items-center p-4 space-y-12">
<Element_data_store
ds_code="hub__site__root_page_header"
@@ -43,24 +43,12 @@ onMount(() => {
for_type={null}
for_id={null}
ds_name="Default: AE Hub - Site root page content HTML"
class_li={$ae_sess.ds_loaded.hub__site__root_page_content === false ? 'hidden' : ''}
class_li={$ae_sess.ds_loaded.hub__site__root_page_content === false ? 'hidden' : 'grow'}
bind:ds_loaded={$ae_sess.ds_loaded.hub__site__root_page_content}
/>
<!-- page content DS: {$ae_sess.ds_loaded.hub__site__root_page_content} -->
<Element_data_store
ds_code="hub__site__root_page_footer"
ds_type="html"
for_type={null}
for_id={null}
ds_name="Default: AE Hub - Site root page footer HTML"
display="block"
class_li={!$ae_loc.trusted_access && $ae_sess.ds_loaded.hub__site__root_page_footer === false ? 'hidden' : ''}
bind:ds_loaded={$ae_sess.ds_loaded.hub__site__root_page_footer}
/>
<!-- page footer DS: {$ae_sess.ds_loaded.hub__site__root_page_footer} -->
<section class="flex flex-col items-center p-4 space-y-6">
<div data-sveltekit-preload-data="false" class="">
<button
@@ -87,6 +75,20 @@ onMount(() => {
</button>
</div>
<Element_data_store
ds_code="hub__site__root_page_footer"
ds_type="html"
for_type={null}
for_id={null}
ds_name="Default: AE Hub - Site root page footer HTML"
display="block"
class_li={!$ae_loc.trusted_access && $ae_sess.ds_loaded.hub__site__root_page_footer === false ? 'hidden' : ''}
bind:ds_loaded={$ae_sess.ds_loaded.hub__site__root_page_footer}
/>
<!-- page footer DS: {$ae_sess.ds_loaded.hub__site__root_page_footer} -->
</section>
</section>

2
src/routes/events_badges/+layout.svelte
View File

@@ -57,7 +57,7 @@ $: if ($events_trigger == 'load__event_obj' && $events_slct.event_id) {
// Updated 2024-03-06
async function handle_load_ae_obj_id__event({event_id, try_cache=false}) {
console.log(`*** handle_load_ae_obj_id__event() *** event_id=${event_id}`);
console.log(`*** handle_load_ae_obj_id__event() *** event_id=${event_id} api_cfg=`, $ae_api);
let params = {};

2
src/routes/events_badges/+layout.ts
View File

@@ -16,7 +16,7 @@ export async function load({ params, parent, url }) { // route
// const { ae_init, root_layout_ts } = await parent();
let data = await parent();
// console.log(`ae_events_badges +layout.ts data:`, data);
console.log(`ae_events_badges +layout.ts data:`, data);
if (data.ae_loc.account_id) {
console.log(`ae_events_badges +layout.ts data = data.ae_loc:`, data.ae_loc);

2
src/routes/events_badges/+page.svelte
View File

@@ -50,7 +50,7 @@ onMount(() => {
<section class="ae_events_badges md:container h-full mx-auto">
<h1 class="h2">New Events - Badges</h1>
<h1 class="h2">Events - Badges</h1>
<Element_data_store
ds_code="events__badges__overview"

9
src/routes/events_badges/review/+page.svelte
View File

@@ -19,6 +19,7 @@ import { onMount } from 'svelte';
import type { key_val } from '$lib/ae_stores';
import { ae_util } from '$lib/ae_utils';
import { api } from '$lib/api';
import { events_func } from '$lib/ae_events_functions';
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';
@@ -232,7 +233,7 @@ async function handle_load_ae_obj_id__event_badge({event_badge_id, try_cache=fal
// Updated 2024-03-06 late
$: if ($events_trigger == 'load__event_badge_obj_li' && $events_slct.event_id) {
console.log(`$events_slct.event_id=${$events_slct.event_id}`);
console.log(`handle_load_ae_obj_id__event() $events_slct.event_id=${$events_slct.event_id} api_cfg=`, $ae_api);
if ($events_sess.status_qry__search == 'loading') {
console.log('*** $events_sess.status_qry__search == loading ***');
@@ -241,7 +242,7 @@ $: if ($events_trigger == 'load__event_badge_obj_li' && $events_slct.event_id) {
console.log("Delayed for X second.");
$events_trigger = null;
load_obj_li_results = handle_load_ae_obj_li__badge({event_id: $events_slct.event_id, try_cache: false})
load_obj_li_results = events_func.handle_load_ae_obj_li__badge({api_cfg: $ae_api, event_id: $events_slct.event_id, try_cache: false})
.then(function (load_results) {
if (load_results) {
console.log(`load_results=`, load_results);
@@ -258,7 +259,7 @@ $: if ($events_trigger == 'load__event_badge_obj_li' && $events_slct.event_id) {
console.log('*** $events_sess.status_qry__search != loading ***');
$events_trigger = null;
load_obj_li_results = handle_load_ae_obj_li__badge({event_id: $events_slct.event_id, try_cache: false})
load_obj_li_results = events_func.handle_load_ae_obj_li__badge({api_cfg: $ae_api, event_id: $events_slct.event_id, try_cache: false})
.then(function (load_results) {
if (load_results) {
console.log(`load_results=`, load_results);
@@ -274,7 +275,7 @@ $: if ($events_trigger == 'load__event_badge_obj_li' && $events_slct.event_id) {
}
// Updated 2024-03-06
async function handle_load_ae_obj_li__badge({event_id, try_cache=true}) {
async function handle_load_ae_obj_li__badge({api_cfg: ae_api, event_id, try_cache=true}) {
console.log(`*** handle_load_ae_obj_li__badge() *** event_id=${event_id}`);
let fulltext_search_qry_str = $events_sess.badges.fulltext_search_qry_str;

37
src/routes/events_leads/+layout.svelte Normal file
View File

@@ -0,0 +1,37 @@
<script lang="ts">
/** @type {import('./$types').LayoutData} */
export let data;
import { goto } from '$app/navigation';
import { onMount } from 'svelte';
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';
onMount(() => {
console.log('Events Leads: +layout.svelte');
// console.log('ae_ slct:', $slct);
console.log(window.location.href);
let href_url = window.location.href;
// $ae_loc.href_url = href_url;
// console.log(`$ae_loc.href_url = `, $ae_loc.href_url);
// $slct_trigger = 'msg_parent';
// ae_util.handle_url_and_message('event_id', $events_slct.event_id);
// ae_util.handle_url_and_message('exhibit_id', $events_slct.exhibit_id);
// if ($events_slct.exhibit_id) {
// console.log(`Got an ID. Let's do something!?`);
// modalStore.trigger(modal_view__exhibit_obj);
// }
});
</script>
<svelte:head>
<title>Events Badges - {data.ae_loc.title}</title>
</svelte:head>
<slot></slot>

228
src/routes/events_leads/+page.svelte Normal file
View File

@@ -0,0 +1,228 @@
<script lang="ts">
export let data;
console.log(`ae_events_leads +page data:`, data);
// console.log(`ae_events_leads Data Params:`, data.url.searchParams.get('event_id'));
import { onMount } from 'svelte';
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, slct, slct_trigger } 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';
let event_exhibit_obj_li = liveQuery(
// () => db_events.exhibits.toArray()
() => db_events.exhibits
// .where('passcode')
// .equals('99999')
.orderBy('name')
// .offset(10).limit(5)
.toArray()
);
// if (data.url.searchParams.get('event_id')) {
// $events_slct.event_id = data.url.searchParams.get('event_id');
// } else if (data.ae_loc.site_cfg_json.slct__event_id) {
// $events_slct.event_id = data.ae_loc.site_cfg_json.slct__event_id;
// } else if ($events_loc.default__event_id) {
// $events_slct.event_id = $events_loc.default__event_id;
// } else if ($events_slct.event_id) {
// console.log(`Event ID already set:`, $events_slct.event_id);
// } else {
// console.log(`No Event ID set.`);
// }
export let event_exhibit_staff_passcode: string = '';
let disable_open_lead_retrieval_btn: boolean = true;
let disable_reset_passcode_btn: boolean = true;
let reset_passcode: string = '';
onMount(() => {
console.log('Events Leads: +page.svelte');
// console.log('ae_ slct:', $slct);
let href_url = window.location.href;
$ae_loc.href_url = href_url;
// console.log(`$ae_loc.href_url = `, $ae_loc.href_url);
// $slct_trigger = 'msg_parent';
// ae_util.handle_url_and_message('event_id', $events_slct.event_id);
// ae_util.handle_url_and_message('exhibit_id', $events_slct.exhibit_id);
// if ($events_slct.exhibit_id) {
// console.log(`Got an ID. Let's do something!?`);
// modalStore.trigger(modal_view__exhibit_obj);
// }
});
$: if (event_exhibit_staff_passcode.length >= 5) {
// disable_open_lead_retrieval_btn = false;
handle_check_event_exhibit_staff_passcode();
} else {
disable_open_lead_retrieval_btn = true;
// handle_check_event_exhibit_staff_passcode();
}
function handle_check_event_exhibit_staff_passcode() {
// console.log(`*** handle_check_event_exhibit_staff_passcode() *** $slct_event_exhibit_obj=`, $events_slct.exhibit_obj);
if ($events_slct.exhibit_obj && event_exhibit_staff_passcode && event_exhibit_staff_passcode.length >= 4) {
if ($events_slct.exhibit_obj.staff_passcode == event_exhibit_staff_passcode) {
console.log('Passcode matched');
disable_open_lead_retrieval_btn = false;
} else {
// console.log('Passcode does not match');
disable_open_lead_retrieval_btn = true;
return false;
}
} else {
console.log('Missing selected event exhibit and or staff passcode.');
disable_open_lead_retrieval_btn = true;
return null;
}
if ($events_loc.leads.auto_view) {
open_exhibit_tracking($events_slct.exhibit_obj.event_exhibit_id_random, event_exhibit_staff_passcode)
} else {
// console.log(document.getElementById('open_lead_retrieval_btn'));
// document.getElementById('open_lead_retrieval_btn').focus();
}
}
function open_exhibit_tracking(event_exhibit_id_random, event_exhibit_staff_passcode) {
console.log(`open_exhibit_tracking() event_exhibit_id_random=${event_exhibit_id_random} event_exhibit_staff_passcode=${event_exhibit_staff_passcode}`);
// let url = `/events_leads/exhibit/${event_exhibit_id_random}`;
// window.open(url, '_blank');
// window.focus();
let url = `/events_leads/exhibit/${event_exhibit_id_random}`;
window.open(url);
// window.open(url, '_blank');
window.focus();
}
</script>
<section class="ae_events_leads md:container h-full mx-auto">
<h1 class="h2">Events - Leads</h1>
<Element_data_store
ds_code="events__leads__overview"
ds_type="html"
for_type="event"
for_id={$events_slct.event_id}
display="block"
class_li="variant-ghost-surface p-2"
/>
<a href="/{$events_slct.event_id}">Event ID {$events_slct.event_id}</a>
{#if $event_exhibit_obj_li}
<h2>Exhibits</h2>
<!-- <ul>
{#each $event_exhibit_obj_li as exhibit_obj}
<li>
<a href="/events_leads/exhibit/{exhibit_obj.id_random}">{exhibit_obj.name} ID {exhibit_obj.id_random}</a>
</li>
{/each}
</ul> -->
<div class="event_exhibit_tracking_select_exhibit space-y-6">
<form on:submit|preventDefault={() => open_exhibit_tracking($events_slct.exhibit_obj, event_exhibit_staff_passcode)} class="form-floating">
<h2>Exhibitor Lead Retrieval</h2>
<div>Select your exhibit booth from the list and enter passcode you were given.</div>
<div class="form-floating mb-1 col-md-12 col-lg-12">
<select bind:value={$events_slct.exhibit_obj} id="exhibit_list" class="select max-w-md">
<option value="">-- Nothing Selected --</option>
{#each $event_exhibit_obj_li as event_exhibit_obj, index}
<!-- <option value="{event_exhibit_obj.event_exhibit_id_random}">{event_exhibit_obj.name} (Booth # {event_exhibit_obj.code})</option> -->
<option value="{event_exhibit_obj}">{event_exhibit_obj.name} (Booth #{event_exhibit_obj.code})</option>
{/each}
</select>
<label for="exhibit_list" class="label">
Exhibit List:
</label>
</div>
<div class="container_group">
<!-- <input bind:value={event_exhibit_staff_passcode} type="text" id="exhibit_passcode" placeholder="Exhibit passcode" /> -->
<input
bind:value={event_exhibit_staff_passcode}
class="input max-w-40"
placeholder="Exhibit passcode"
/>
<!-- <button on:click={() => open_exhibit_tracking(exhibit_obj.event_exhibit_id_random, event_exhibit_staff_passcode)} id="open_lead_retrieval_btn" disabled={disable_open_lead_retrieval_btn} autofocus>Open Exhibitor Lead Retrieval</button> -->
<button
type="submit"
disabled={disable_open_lead_retrieval_btn}
class="btn variant-filled-primary open_lead_retrieval_btn"
>
<span class="fas fa-arrow-right"></span> Open Exhibitor Lead Retrieval
</button>
</div>
</form>
{#if ($ae_loc.trusted_access)}
<div class="">
<!-- <input bind:value={reset_passcode} type="text" id="reset_exhibit_passcode" placeholder="Reset exhibit passcode" /> -->
<input bind:value={reset_passcode} placeholder="Reset passcode" title="Reset exhibit passcode" class="input max-w-40" />
<!-- <button on:click={() => open_exhibit_tracking(exhibit_obj.event_exhibit_id_random, event_exhibit_staff_passcode)} id="open_lead_retrieval_btn" disabled={disable_open_lead_retrieval_btn} autofocus>Open Exhibitor Lead Retrieval</button> -->
<!-- <button type="button" id="reset_passcode_btn" disabled={disable_reset_passcode_btn} autofocus on:click={() => show_exhibit_tracking_add_modal=true}>Reset Passcode</button> -->
<button
type="button"
disabled={disable_reset_passcode_btn}
on:click={() => {
handle_update_event_exhibit_staff_passcode(exhibit_obj.event_exhibit_id_random, reset_passcode);
}}
class="btn variant-filled-secondary reset_passcode_btn"
>
<span class="fas fa-undo"></span> Reset Passcode
</button>
</div>
{/if}
</div>
{/if}
<!-- <Element_data_store
ds_code="events__leads__example"
ds_type="html"
for_type="event"
for_id={$events_slct.event_id}
ds_name="Default: Events Leads Example"
store="local"
display="block"
class_li="variant-ghost-surface p-2"
try_cache={true}
show_edit={false}
/> -->
</section>
<style lang="postcss">
</style>

38
src/routes/events_leads/+page.ts Normal file
View File

@@ -0,0 +1,38 @@
/** @type {import('./$types').PageLoad} */
import { events_func } from '$lib/ae_events_functions';
export async function load({ params, parent, url }) { // route
// console.log(`ae_events_leads +page.ts data.params:`, params);
// console.log(`ae_events_leads +page.ts data.route:`, route);
// console.log(`ae_events_leads +page.ts data.url:`, url);
let data = await parent();
console.log(`ae_events_leads +page.ts data:`, data);
// console.log(`ae_events_leads +page.ts data.ae_loc:`, data.ae_loc);
if (data.ae_loc.account_id) {
} else {
console.log(`The account_id was not found in the data.ae_loc!!!`);
return false;
}
data.ae_events_leads_page_ts = true;
let submenu = {
main: {name: 'Main', href: '/events_leads', access: false},
manage: {name: 'Manage', href: '/events_leads/manage', access: 'administrator', disable: true, hide: true},
review: {name: 'Exhibitor', href: '/events_leads/exhibitor', access: false, disable: false, hide: false},
};
data.submenu = submenu
// Do not wait on these:
let event_id = url.searchParams.get('event_id');
let load_event_obj = events_func.handle_load_ae_obj_id__event({api_cfg: data.ae_api, event_id: event_id, try_cache: false});
console.log(`load_event_obj = `, load_event_obj);
let load_event_exhibit_obj_li = events_func.handle_load_ae_obj_li__exhibitor({api_cfg: data.ae_api, event_id: event_id, try_cache: false});
console.log(`load_event_exhibit_obj_li = `, load_event_exhibit_obj_li);
return data;
}