Finally working Events - Leads for exhibitors
This commit is contained in:
Scott Idem
37
src/routes/events_leads/+layout.svelte
Normal file
37
src/routes/events_leads/+layout.svelte
Normal 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
228
src/routes/events_leads/+page.svelte
Normal 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
38
src/routes/events_leads/+page.ts
Normal 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;
|
||||
}
|
||||
Reference in New Issue
Block a user