Now with session searching working
This commit is contained in:
@@ -48,51 +48,147 @@ let event_obj = liveQuery(
|
||||
|
||||
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;
|
||||
let load_obj_li_results: Promise<any>|key_val;
|
||||
let search_submit_results: Promise<any>|key_val;
|
||||
|
||||
if (!$events_loc.leads.tab) {
|
||||
$events_loc.leads.tab = {};
|
||||
$events_loc.leads.tab[$events_slct.event_id] = 'start';
|
||||
}
|
||||
// These will likely be used for patch/update triggers. Maybe delete?
|
||||
let ae_triggers: key_val = {};
|
||||
|
||||
if (!$events_loc.leads.auth_exhibit_kv) {
|
||||
$events_loc.leads.auth_exhibit_kv = {};
|
||||
}
|
||||
let ae_event_session_get_promise: Promise<any>;
|
||||
|
||||
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.tab) {
|
||||
// $events_loc.leads.tab = {};
|
||||
// $events_loc.leads.tab[$events_slct.event_id] = 'start';
|
||||
// }
|
||||
|
||||
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';
|
||||
}
|
||||
// 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 Event [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);
|
||||
|
||||
|
||||
// Updated 2024-06-12 late
|
||||
$: if ($events_trigger == 'load__event_session_obj_li' && $events_slct.event_id) {
|
||||
console.log(`load__event_session_obj_li() $events_slct.event_id=${$events_slct.event_id}`);
|
||||
|
||||
$events_trigger = null;
|
||||
|
||||
if (!$events_sess.pres_mgmt.fulltext_search_qry_str || $events_sess?.pres_mgmt.fulltext_search_qry_str.length <= 1 ) {
|
||||
$events_slct.session_obj_li = [];
|
||||
// $events_sess.pres_mgmt.fulltext_search_qry_str = '';
|
||||
} else {
|
||||
|
||||
// let type_code = $events_sess.pres_mgmt.search_badge_type_code;
|
||||
|
||||
let search_str = $events_sess.pres_mgmt.fulltext_search_qry_str.trim();
|
||||
let search_method = 'lk'; // 'ft', 'lk', 'eq'
|
||||
let ft_search_str_new = '';
|
||||
let lk_search_str_new = '';
|
||||
|
||||
if (search_method == 'ft') {
|
||||
// Add quotes around the search string to make it an exact match.
|
||||
ft_search_str_new = `"${search_str}"`;
|
||||
} else if (search_method == 'lk') {
|
||||
// Add a wildcard to the search string to make it a like match.
|
||||
lk_search_str_new = search_str.trim().replace(',', ' ').replace(';', ' ').replace(' ', '%').replace(' ', '%');
|
||||
lk_search_str_new = `%${lk_search_str_new}%`;
|
||||
}
|
||||
console.log(`"${search_str}"`);
|
||||
|
||||
let params = {
|
||||
'qry__enabled': 'enabled',
|
||||
'qry__hidden': 'not_hidden',
|
||||
'qry__limit': 35,
|
||||
}
|
||||
|
||||
if ($ae_loc.administrator_access) {
|
||||
params['qry__enabled'] = 'all';
|
||||
params['qry__hidden'] = 'all';
|
||||
params['qry__limit'] = 150;
|
||||
} else if ($ae_loc.trusted_access) {
|
||||
params['qry__enabled'] = 'enabled';
|
||||
params['qry__hidden'] = 'all';
|
||||
params['qry__limit'] = 75;
|
||||
} else {
|
||||
params['qry__enabled'] = 'enabled';
|
||||
params['qry__hidden'] = 'not_hidden';
|
||||
params['qry__limit'] = 35;
|
||||
}
|
||||
|
||||
if ($events_sess.status_qry__search == 'loading') {
|
||||
console.log('*** $events_sess.status_qry__search == loading ***');
|
||||
|
||||
setTimeout(() => {
|
||||
console.log("Delayed for X second.");
|
||||
|
||||
$events_sess.status_qry__search = 'loading';
|
||||
|
||||
search_submit_results = events_func.handle_search__event_session({
|
||||
api_cfg: $ae_api,
|
||||
event_id: $events_slct.event_id,
|
||||
// type_code: type_code,
|
||||
fulltext_search_qry_str: ft_search_str_new,
|
||||
like_search_qry_str: lk_search_str_new,
|
||||
// external_event_id: $events_loc.pres_mgmt.default__external_registration_id,
|
||||
params: params,
|
||||
try_cache: false
|
||||
})
|
||||
.then(function (search_results) {
|
||||
$events_slct.session_obj_li = search_results;
|
||||
console.log(search_results);
|
||||
$events_sess.status_qry__search = 'done';
|
||||
});
|
||||
}, 250);
|
||||
} else {
|
||||
console.log('*** $events_sess.status_qry__search != loading ***');
|
||||
|
||||
$events_sess.status_qry__search = 'loading';
|
||||
|
||||
search_submit_results = events_func.handle_search__event_session({
|
||||
api_cfg: $ae_api,
|
||||
event_id: $events_slct.event_id,
|
||||
// type_code: type_code,
|
||||
fulltext_search_qry_str: ft_search_str_new,
|
||||
like_search_qry_str: lk_search_str_new,
|
||||
// external_event_id: $events_loc.pres_mgmt.default__external_registration_id,
|
||||
params: params,
|
||||
try_cache: false
|
||||
})
|
||||
.then(function (search_results) {
|
||||
$events_slct.session_obj_li = search_results;
|
||||
console.log(search_results);
|
||||
$events_sess.status_qry__search = 'done';
|
||||
});
|
||||
}
|
||||
|
||||
} // end if search string is valid
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -105,10 +201,121 @@ onMount(() => {
|
||||
|
||||
|
||||
{#if $events_slct.event_id && $event_obj}
|
||||
|
||||
<h2>{$event_obj.name}</h2>
|
||||
|
||||
{/if}
|
||||
|
||||
<div class="variant-ghost-success my-2 p-2 flex flex-row items-center">
|
||||
|
||||
<form
|
||||
on:submit|preventDefault={() => {
|
||||
$events_trigger = 'load__event_session_obj_li';
|
||||
}}
|
||||
autocomplete="off"
|
||||
class="form flex-grow flex flex-row flex-wrap gap-1 justify-center items-center w-full"
|
||||
>
|
||||
|
||||
<input
|
||||
type="search"
|
||||
placeholder="Search for a session"
|
||||
id="session_fulltext_search_qry_str"
|
||||
bind:value={$events_sess.pres_mgmt.fulltext_search_qry_str}
|
||||
class="input text-1xl hover:text-2xl font-bold font-mono w-96 transition-all"
|
||||
on:keyup={() => {
|
||||
if ($events_sess.pres_mgmt.fulltext_search_qry_str.length >= 3) {
|
||||
$events_trigger = 'load__event_session_obj_li';
|
||||
}
|
||||
}}
|
||||
autofocus
|
||||
suggest="off"
|
||||
data-ignore="true"
|
||||
/>
|
||||
|
||||
<button
|
||||
type="submit"
|
||||
class="btn btn-lg variant-ghost-success hover:variant-glass-success text-2xl font-bold w-48 transition-all"
|
||||
on:click={() => {
|
||||
|
||||
}}
|
||||
>
|
||||
{#if $events_sess.pres_mgmt.status_qry__search == 'loading'}
|
||||
<span class="fas fa-spinner fa-spin"></span>
|
||||
{:else }
|
||||
<!-- Nothing -->
|
||||
{/if}
|
||||
<span class="fas fa-search mx-1"></span>
|
||||
Search
|
||||
</button>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{#await load_obj_li_results}
|
||||
<span class="modal-loading">
|
||||
<span class="fas fa-spinner fa-spin"></span>
|
||||
<span class="loading-text">
|
||||
Loading...
|
||||
</span>
|
||||
</span>
|
||||
{:then load_obj_li_results}
|
||||
{#if load_obj_li_results}
|
||||
<span class="fas fa-check text-green-500"></span>
|
||||
<span class="saved-text">
|
||||
Loaded
|
||||
</span>
|
||||
{/if}
|
||||
{/await}
|
||||
|
||||
|
||||
{#if $events_slct?.session_obj_li && $events_slct.session_obj_li.length > 0}
|
||||
<section class="ae_h_scrollfix">
|
||||
<h2 class="h3">Results:</h2>
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Session</th>
|
||||
<th>Date</th>
|
||||
<th>Start</th>
|
||||
<th>Location</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{#each $events_slct.session_obj_li as session_obj}
|
||||
<tr>
|
||||
<td>
|
||||
<strong>{session_obj.name}</strong>
|
||||
</td>
|
||||
<td>
|
||||
<span style="break-inside: avoid;">
|
||||
{ae_util.iso_datetime_formatter(session_obj.start_datetime,'dddd')}
|
||||
{ae_util.iso_datetime_formatter(session_obj.start_datetime,'date_long_month_day')}
|
||||
</span>
|
||||
<td>
|
||||
<span style="break-inside: avoid;">
|
||||
{ae_util.iso_datetime_formatter(session_obj.start_datetime,'time_short')}
|
||||
</span>
|
||||
</td>
|
||||
<td>{session_obj.event_location_name ?? '-- not set --'}</td>
|
||||
<td>
|
||||
<a
|
||||
href="/events_pres_mgmt/session/{session_obj.event_session_id_random}"
|
||||
class="btn btn-md variant-ghost-secondary hover:variant-glass-secondary"
|
||||
>
|
||||
<span class="fas fa-eye"></span>
|
||||
View
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
{/each}
|
||||
</tbody>
|
||||
</table>
|
||||
</section>
|
||||
{/if}
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user