perf(events): implement non-blocking SWR pattern and optimize library loaders
- Refactored 'event_session', 'event_presentation', 'event_file', 'event_location', and 'event_presenter' libraries to follow a Stale-While-Revalidate pattern. - Implemented non-blocking background refreshes to allow instant UI rendering from IndexedDB cache. - Parallelized nested collection loads (files, presentations) during background tasks to eliminate UI stalls. - Standardized ID lookups using specific indices (event_location_id, event_id) for reliable local data retrieval. - Resolved regression where aggressive ID overwriting caused relationship inconsistencies in background loads. - Fixed reactive access to live queries in 'session_view.svelte' using proper Svelte 5 prefixing.
This commit is contained in:
Scott Idem
@@ -1038,7 +1038,7 @@
|
||||
{/if}
|
||||
|
||||
<!-- Using the loading__session_id_status is kind of a hacky way to determine if the session is still loading or not. -->
|
||||
{#if $events_slct.event_session_id && $lq__event_session_obj && !$events_sess.launcher.loading__session_id_status}
|
||||
{#if $events_slct.event_session_id && $lq__event_session_obj}
|
||||
<Launcher_session_view
|
||||
bind:slct__event_session_id={$events_slct.event_session_id}
|
||||
{lq__event_session_obj}
|
||||
|
||||
@@ -60,7 +60,7 @@
|
||||
slct__event_presentation_li: null
|
||||
});
|
||||
|
||||
let hover_timer_wait = 2500;
|
||||
let hover_timer_wait = 750;
|
||||
let hover_timer: any = $state(null);
|
||||
|
||||
$effect(() => {
|
||||
|
||||
@@ -85,23 +85,23 @@
|
||||
// *** Functions and Logic
|
||||
$events_sess.pres_mgmt.session__updated_on = null;
|
||||
$effect(() => {
|
||||
// && !$events_sess.pres_mgmt.session_qr_url[lq__event_session_obj?.event_session_id] === undefined
|
||||
// && !$events_sess.pres_mgmt.session_qr_url[$lq__event_session_obj?.event_session_id] === undefined
|
||||
if (
|
||||
lq__event_session_obj &&
|
||||
lq__event_session_obj?.event_session_id &&
|
||||
$lq__event_session_obj &&
|
||||
$lq__event_session_obj?.event_session_id &&
|
||||
$events_loc.pres_mgmt.show_content__session_qr &&
|
||||
!$events_sess.pres_mgmt.session_qr_url[lq__event_session_obj?.event_session_id]
|
||||
!$events_sess.pres_mgmt.session_qr_url[$lq__event_session_obj?.event_session_id]
|
||||
) {
|
||||
if (log_lvl > 1) {
|
||||
console.log(`$lq__event_session_obj:`, lq__event_session_obj);
|
||||
console.log(`$lq__event_session_obj:`, $lq__event_session_obj);
|
||||
}
|
||||
|
||||
$events_sess.pres_mgmt.session_qr_url[lq__event_session_obj?.event_session_id] = true;
|
||||
$events_sess.pres_mgmt.session_qr_url[$lq__event_session_obj?.event_session_id] = true;
|
||||
|
||||
// session_qr_url is a key value of session_id and URL string
|
||||
// $events_sess.pres_mgmt.session_qr_url[lq__event_session_obj?.event_session_id] = null;
|
||||
// $events_sess.pres_mgmt.session_qr_url[$lq__event_session_obj?.event_session_id] = null;
|
||||
|
||||
if (lq__event_session_obj.updated_on == $events_sess.pres_mgmt.session__updated_on) {
|
||||
if ($lq__event_session_obj.updated_on == $events_sess.pres_mgmt.session__updated_on) {
|
||||
if (log_lvl > 1) {
|
||||
console.log('Updated on is the same.');
|
||||
}
|
||||
@@ -110,13 +110,13 @@
|
||||
console.log('Updated on is different.');
|
||||
}
|
||||
// FUTURE USE: Generate a QR code for the object ID.
|
||||
// ae_promises.generate_qr_code_obj_id = core_func.generate_qr_code({api_cfg: $ae_api, account_id: $slct.account_id, qr_type: 'obj', qr_id: lq__event_session_obj?.event_session_id, obj_type: 'event_session', obj_id: lq__event_session_obj?.event_session_id});
|
||||
// ae_promises.generate_qr_code_obj_id = core_func.generate_qr_code({api_cfg: $ae_api, account_id: $slct.account_id, qr_type: 'obj', qr_id: $lq__event_session_obj?.event_session_id, obj_type: 'event_session', obj_id: $lq__event_session_obj?.event_session_id});
|
||||
|
||||
// Generate a QR code for the URL.
|
||||
let qr_id_url = `${lq__event_session_obj?.event_session_id}_url`;
|
||||
let qr_id_url = `${$lq__event_session_obj?.event_session_id}_url`;
|
||||
|
||||
// URL for this page (be sure to URL encode it):
|
||||
let url_str = `${$ae_loc.url_origin}/events/${lq__event_session_obj?.event_id}/session/${lq__event_session_obj?.event_session_id}`;
|
||||
let url_str = `${$ae_loc.url_origin}/events/${$lq__event_session_obj?.event_id}/session/${$lq__event_session_obj?.event_session_id}`;
|
||||
url_str = encodeURI(url_str);
|
||||
|
||||
ae_promises.generate_qr_code_url = core_func
|
||||
@@ -134,13 +134,13 @@
|
||||
}
|
||||
// Store the URL string in the key value for use in the QR code image src.
|
||||
$events_sess.pres_mgmt.session_qr_url[
|
||||
lq__event_session_obj?.event_session_id
|
||||
$lq__event_session_obj?.event_session_id
|
||||
] = result;
|
||||
return result;
|
||||
});
|
||||
// console.log(`ae_promises.generate_qr_code_url = `, ae_promises.generate_qr_code_url);
|
||||
|
||||
$events_sess.pres_mgmt.session__updated_on = lq__event_session_obj?.updated_on;
|
||||
$events_sess.pres_mgmt.session__updated_on = $lq__event_session_obj?.updated_on;
|
||||
}
|
||||
} else {
|
||||
// if (log_lvl) {
|
||||
@@ -157,18 +157,18 @@
|
||||
|
||||
{#if $lq__event_session_obj}
|
||||
<section class="p-2">
|
||||
<!-- {#if $events_sess.pres_mgmt.session_qr_url[lq__event_session_obj?.event_session_id] && $events_sess.pres_mgmt.session_qr_url[lq__event_session_obj?.event_session_id].length > 10}
|
||||
<!-- {#if $events_sess.pres_mgmt.session_qr_url[$lq__event_session_obj?.event_session_id] && $events_sess.pres_mgmt.session_qr_url[$lq__event_session_obj?.event_session_id].length > 10}
|
||||
<img
|
||||
class="qr_code qr_type_url h-32 w-32 hover:h-48 hover:w-48 outline"
|
||||
style=""
|
||||
src={$events_sess.pres_mgmt.session_qr_url[lq__event_session_obj?.event_session_id]}
|
||||
src={$events_sess.pres_mgmt.session_qr_url[$lq__event_session_obj?.event_session_id]}
|
||||
alt="URL QR code"
|
||||
/>
|
||||
{:else}
|
||||
No QR URL yet
|
||||
{/if} -->
|
||||
|
||||
{#if $events_sess.pres_mgmt.session_qr_url[lq__event_session_obj?.event_session_id]}
|
||||
{#if $events_sess.pres_mgmt.session_qr_url[$lq__event_session_obj?.event_session_id]}
|
||||
<div
|
||||
class="
|
||||
float-right m-1 p-1
|
||||
@@ -178,12 +178,12 @@
|
||||
group
|
||||
"
|
||||
>
|
||||
{#if $events_sess.pres_mgmt.session_qr_url[lq__event_session_obj?.event_session_id]}
|
||||
{#if $events_sess.pres_mgmt.session_qr_url[$lq__event_session_obj?.event_session_id]}
|
||||
<!-- svelte-ignore a11y_click_events_have_key_events -->
|
||||
<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
|
||||
<img
|
||||
src={$events_sess.pres_mgmt.session_qr_url[
|
||||
lq__event_session_obj?.event_session_id
|
||||
$lq__event_session_obj?.event_session_id
|
||||
]}
|
||||
onclick={() => {
|
||||
$events_sess.pres_mgmt.qr_bigger = !$events_sess.pres_mgmt.qr_bigger;
|
||||
@@ -204,7 +204,7 @@
|
||||
{/if}
|
||||
<MyClipboard
|
||||
value={encodeURI(
|
||||
`${$ae_loc.url_origin}/events/${lq__event_session_obj?.event_id}/session/${lq__event_session_obj?.event_session_id}`
|
||||
`${$ae_loc.url_origin}/events/${$lq__event_session_obj?.event_id}/session/${$lq__event_session_obj?.event_session_id}`
|
||||
)}
|
||||
btn_text="Copy URL"
|
||||
btn_title="Copy the session URL to your clipboard"
|
||||
@@ -228,10 +228,10 @@
|
||||
<Element_ae_crud
|
||||
api_cfg={$ae_api}
|
||||
object_type={'event_session'}
|
||||
object_id={lq__event_session_obj?.event_session_id}
|
||||
object_id={$lq__event_session_obj?.event_session_id}
|
||||
field_name={'name'}
|
||||
field_type={'text'}
|
||||
field_value={lq__event_session_obj?.name}
|
||||
field_value={$lq__event_session_obj?.name}
|
||||
allow_null={false}
|
||||
hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
|
||||
outline_element={false}
|
||||
@@ -245,7 +245,7 @@
|
||||
events_func
|
||||
.load_ae_obj_id__event_session({
|
||||
api_cfg: $ae_api,
|
||||
event_session_id: lq__event_session_obj?.event_session_id,
|
||||
event_session_id: $lq__event_session_obj?.event_session_id,
|
||||
log_lvl: 1
|
||||
})
|
||||
.then(function (load_results) {});
|
||||
@@ -253,7 +253,7 @@
|
||||
>
|
||||
<span class="text-sm text-semibold text-surface-600-400">Name/title:</span>
|
||||
<span class="font-semibold">
|
||||
{lq__event_session_obj.name}
|
||||
{$lq__event_session_obj.name}
|
||||
</span>
|
||||
</Element_ae_crud>
|
||||
{/if}
|
||||
@@ -262,10 +262,10 @@
|
||||
<Element_ae_crud
|
||||
api_cfg={$ae_api}
|
||||
object_type={'event_session'}
|
||||
object_id={lq__event_session_obj?.event_session_id}
|
||||
object_id={$lq__event_session_obj?.event_session_id}
|
||||
field_name={'code'}
|
||||
field_type={'text'}
|
||||
field_value={lq__event_session_obj?.code}
|
||||
field_value={$lq__event_session_obj?.code}
|
||||
allow_null={false}
|
||||
hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
|
||||
outline_element={false}
|
||||
@@ -279,7 +279,7 @@
|
||||
events_func
|
||||
.load_ae_obj_id__event_session({
|
||||
api_cfg: $ae_api,
|
||||
event_session_id: lq__event_session_obj?.event_session_id,
|
||||
event_session_id: $lq__event_session_obj?.event_session_id,
|
||||
log_lvl: 1
|
||||
})
|
||||
.then(function (load_results) {});
|
||||
@@ -292,11 +292,11 @@
|
||||
border border-yellow-200 dark:border-yellow-800
|
||||
p-1 rounded-md
|
||||
"
|
||||
title="Session code {lq__event_session_obj.code}"
|
||||
title="Session code {$lq__event_session_obj.code}"
|
||||
>
|
||||
<span class="text-sm text-semibold text-surface-600-400">code:</span>
|
||||
<span class="fas fa-barcode text-surface-600-400"></span>
|
||||
{lq__event_session_obj.code}
|
||||
{$lq__event_session_obj.code}
|
||||
</span>
|
||||
</Element_ae_crud>
|
||||
{/if}
|
||||
@@ -326,10 +326,10 @@
|
||||
<Element_ae_crud
|
||||
api_cfg={$ae_api}
|
||||
object_type={'event_session'}
|
||||
object_id={lq__event_session_obj?.event_session_id}
|
||||
object_id={$lq__event_session_obj?.event_session_id}
|
||||
field_name={'start_datetime'}
|
||||
field_type={'datetime'}
|
||||
field_value={lq__event_session_obj.start_datetime}
|
||||
field_value={$lq__event_session_obj.start_datetime}
|
||||
allow_null={false}
|
||||
hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
|
||||
outline_element={false}
|
||||
@@ -341,15 +341,15 @@
|
||||
|
||||
events_func.load_ae_obj_id__event_session({
|
||||
api_cfg: $ae_api,
|
||||
event_session_id: lq__event_session_obj?.event_session_id
|
||||
event_session_id: $lq__event_session_obj?.event_session_id
|
||||
});
|
||||
// $events_trigger = 'load__event_session_obj_id';
|
||||
// $events_trig_kv['event_session_id'] = lq__event_session_obj?.event_session_id;
|
||||
// $events_trig_kv['event_session_id'] = $lq__event_session_obj?.event_session_id;
|
||||
}}
|
||||
>
|
||||
{ae_util.iso_datetime_formatter(lq__event_session_obj.start_datetime, 'dddd')},
|
||||
{ae_util.iso_datetime_formatter($lq__event_session_obj.start_datetime, 'dddd')},
|
||||
{ae_util.iso_datetime_formatter(
|
||||
lq__event_session_obj.start_datetime,
|
||||
$lq__event_session_obj.start_datetime,
|
||||
$events_loc.pres_mgmt.datetime_format
|
||||
)}
|
||||
</Element_ae_crud>
|
||||
@@ -357,10 +357,10 @@
|
||||
<Element_ae_crud
|
||||
api_cfg={$ae_api}
|
||||
object_type={'event_session'}
|
||||
object_id={lq__event_session_obj?.event_session_id}
|
||||
object_id={$lq__event_session_obj?.event_session_id}
|
||||
field_name={'end_datetime'}
|
||||
field_type={'datetime'}
|
||||
field_value={lq__event_session_obj.end_datetime}
|
||||
field_value={$lq__event_session_obj.end_datetime}
|
||||
allow_null={false}
|
||||
hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
|
||||
outline_element={false}
|
||||
@@ -372,14 +372,14 @@
|
||||
|
||||
events_func.load_ae_obj_id__event_session({
|
||||
api_cfg: $ae_api,
|
||||
event_session_id: lq__event_session_obj?.event_session_id
|
||||
event_session_id: $lq__event_session_obj?.event_session_id
|
||||
});
|
||||
// $events_trigger = 'load__event_session_obj_id';
|
||||
// $events_trig_kv['event_session_id'] = lq__event_session_obj?.event_session_id;
|
||||
// $events_trig_kv['event_session_id'] = $lq__event_session_obj?.event_session_id;
|
||||
}}
|
||||
>
|
||||
{ae_util.iso_datetime_formatter(
|
||||
lq__event_session_obj.end_datetime,
|
||||
$lq__event_session_obj.end_datetime,
|
||||
$events_loc.pres_mgmt.time_format
|
||||
)}
|
||||
</Element_ae_crud>
|
||||
@@ -390,22 +390,22 @@
|
||||
|
||||
{#if $events_loc.pres_mgmt?.hide__launcher_link_legacy && $events_loc.pres_mgmt?.hide__launcher_link && !$ae_loc.edit_mode}
|
||||
<span>
|
||||
{lq__event_session_obj?.event_location_name ?? '-- not set --'}
|
||||
{$lq__event_session_obj?.event_location_name ?? '-- not set --'}
|
||||
</span>
|
||||
{/if}
|
||||
|
||||
<!-- Legacy link (Flask) -->
|
||||
<a
|
||||
data-sveltekit-preload-data="false"
|
||||
href="/event/{lq__event_session_obj?.event_id}/launcher/{lq__event_session_obj?.event_location_id}"
|
||||
href="/event/{$lq__event_session_obj?.event_id}/launcher/{$lq__event_session_obj?.event_location_id}"
|
||||
class:hidden={$events_loc.pres_mgmt?.hide__launcher_link_legacy &&
|
||||
!($ae_loc.trusted_access && $ae_loc.edit_mode)}
|
||||
class="btn btn-sm preset-tonal-secondary hover:preset-filled-secondary-500 transition-all"
|
||||
title={`Legacy Launcher (Flask): ${lq__event_session_obj?.event_location_name}\n${lq__event_session_obj?.event_location_id}`}
|
||||
title={`Legacy Launcher (Flask): ${$lq__event_session_obj?.event_location_name}\n${$lq__event_session_obj?.event_location_id}`}
|
||||
>
|
||||
<span class="fas fa-paper-plane m-1"></span>
|
||||
{@html lq__event_session_obj?.event_location_name
|
||||
? lq__event_session_obj?.event_location_name
|
||||
{@html $lq__event_session_obj?.event_location_name
|
||||
? $lq__event_session_obj?.event_location_name
|
||||
: ae_snip.html__not_set}
|
||||
</a>
|
||||
|
||||
@@ -413,32 +413,32 @@
|
||||
<a
|
||||
data-sveltekit-preload-data="false"
|
||||
data-sveltekit-reload="true"
|
||||
href="/events/{lq__event_session_obj?.event_id}/launcher/{lq__event_session_obj?.event_location_id}?session_id={lq__event_session_obj?.event_session_id}"
|
||||
href="/events/{$lq__event_session_obj?.event_id}/launcher/{$lq__event_session_obj?.event_location_id}?session_id={$lq__event_session_obj?.event_session_id}"
|
||||
class:hidden={$events_loc.pres_mgmt?.hide__launcher_link &&
|
||||
!($ae_loc.trusted_access && $ae_loc.edit_mode)}
|
||||
class="btn btn-sm preset-tonal-tertiary hover:preset-filled-secondary-500 group transition-all"
|
||||
title={`Launcher (Svelte): ${lq__event_session_obj?.event_location_name}\n${lq__event_session_obj?.event_location_id}`}
|
||||
title={`Launcher (Svelte): ${$lq__event_session_obj?.event_location_name}\n${$lq__event_session_obj?.event_location_id}`}
|
||||
>
|
||||
<span class="fas fa-plane"></span>
|
||||
<span class="hidden group-hover:inline">
|
||||
{@html lq__event_session_obj.event_location_name
|
||||
? lq__event_session_obj.event_location_name
|
||||
{@html $lq__event_session_obj.event_location_name
|
||||
? $lq__event_session_obj.event_location_name
|
||||
: ae_snip.html__not_set}
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<!-- Location details link -->
|
||||
<a
|
||||
href="/events/{lq__event_session_obj?.event_id}/location/{lq__event_session_obj?.event_location_id}"
|
||||
href="/events/{$lq__event_session_obj?.event_id}/location/{$lq__event_session_obj?.event_location_id}"
|
||||
class:hidden={$events_loc.pres_mgmt?.hide__location_link &&
|
||||
!($ae_loc.trusted_access && $ae_loc.edit_mode)}
|
||||
class="btn btn-sm preset-tonal-surface hover:preset-filled-tertiary-500 group transition-all"
|
||||
title={`Location Details: ${lq__event_session_obj?.event_location_name}\n${lq__event_session_obj?.event_location_id}`}
|
||||
title={`Location Details: ${$lq__event_session_obj?.event_location_name}\n${$lq__event_session_obj?.event_location_id}`}
|
||||
>
|
||||
<span class="fas fa-map-marker-alt m-1"></span>
|
||||
<span class="hidden group-hover:inline">
|
||||
{@html lq__event_session_obj?.event_location_name
|
||||
? lq__event_session_obj?.event_location_name
|
||||
{@html $lq__event_session_obj?.event_location_name
|
||||
? $lq__event_session_obj?.event_location_name
|
||||
: ae_snip.html__not_set}
|
||||
</span>
|
||||
</a>
|
||||
@@ -448,7 +448,7 @@
|
||||
trigger_patch={ae_triggers.update_event_location}
|
||||
api_cfg={$ae_api}
|
||||
object_type={'event_session'}
|
||||
object_id={lq__event_session_obj?.event_session_id}
|
||||
object_id={$lq__event_session_obj?.event_session_id}
|
||||
field_name={'event_location_id_random'}
|
||||
field_type={'select'}
|
||||
field_value={ae_tmp.event_location_id_random}
|
||||
@@ -466,7 +466,7 @@
|
||||
events_func
|
||||
.load_ae_obj_id__event_session({
|
||||
api_cfg: $ae_api,
|
||||
event_session_id: lq__event_session_obj?.event_session_id,
|
||||
event_session_id: $lq__event_session_obj?.event_session_id,
|
||||
log_lvl: 1
|
||||
})
|
||||
.then(function (load_results) {
|
||||
@@ -513,7 +513,7 @@
|
||||
.load_ae_obj_li__event_location({
|
||||
api_cfg: $ae_api,
|
||||
for_obj_type: 'event',
|
||||
for_obj_id: lq__event_session_obj?.event_id,
|
||||
for_obj_id: $lq__event_session_obj?.event_id,
|
||||
params: params,
|
||||
log_lvl: log_lvl
|
||||
})
|
||||
@@ -550,7 +550,7 @@
|
||||
.finally(function () {
|
||||
console.log(`Finally...`);
|
||||
ae_tmp.event_location_id =
|
||||
lq__event_session_obj?.event_location_id;
|
||||
$lq__event_session_obj?.event_location_id;
|
||||
ae_tmp.show__edit_event_location = true;
|
||||
});
|
||||
}}
|
||||
@@ -567,20 +567,20 @@
|
||||
<span class="text-sm text-semibold text-surface-600-400">
|
||||
{$events_loc.pres_mgmt?.label__session_poc_name}:
|
||||
</span>
|
||||
{#if lq__event_session_obj?.poc_person_id}
|
||||
{#if $lq__event_session_obj?.poc_person_id}
|
||||
{#if $ae_loc.manager_access}
|
||||
<a
|
||||
href="/core/person/{lq__event_session_obj.poc_person_id}"
|
||||
href="/core/person/{$lq__event_session_obj.poc_person_id}"
|
||||
class="text-blue-500 hover:text-blue-800 hover:underline"
|
||||
title="View Person: {lq__event_session_obj?.poc_person_full_name} {lq__event_session_obj?.poc_person_id}"
|
||||
title="View Person: {$lq__event_session_obj?.poc_person_full_name} {$lq__event_session_obj?.poc_person_id}"
|
||||
>
|
||||
{@html lq__event_session_obj?.poc_person_full_name
|
||||
? lq__event_session_obj.poc_person_full_name
|
||||
{@html $lq__event_session_obj?.poc_person_full_name
|
||||
? $lq__event_session_obj.poc_person_full_name
|
||||
: ae_snip.html__not_set}
|
||||
</a>
|
||||
{/if}
|
||||
|
||||
{#if $ae_loc.trusted_access || $events_loc.auth__kv.session[lq__event_session_obj?.event_session_id] === true}
|
||||
{#if $ae_loc.trusted_access || $events_loc.auth__kv.session[$lq__event_session_obj?.event_session_id] === true}
|
||||
<!-- Modal toggle -->
|
||||
<button
|
||||
class="btn btn-sm preset-tonal-primary hover:preset-filled-primary-500"
|
||||
@@ -589,7 +589,7 @@
|
||||
>
|
||||
<span class="fas fa-id-card m-1"></span>
|
||||
<!-- {$events_loc.pres_mgmt?.label__session_poc_name}'s -->
|
||||
{lq__event_session_obj?.poc_person_full_name}'s Profile
|
||||
{$lq__event_session_obj?.poc_person_full_name}'s Profile
|
||||
</button>
|
||||
|
||||
<!-- Main modal -->
|
||||
@@ -604,7 +604,7 @@
|
||||
class_li={$events_sess.pres_mgmt.show__session_poc_profile
|
||||
? ''
|
||||
: ''}
|
||||
{lq__event_session_obj}
|
||||
{$lq__event_session_obj}
|
||||
/>
|
||||
|
||||
{#snippet footer()}
|
||||
@@ -631,15 +631,15 @@
|
||||
type="button"
|
||||
disabled={!$ae_loc.trusted_access &&
|
||||
!$events_loc.auth__kv.session[
|
||||
lq__event_session_obj?.event_session_id
|
||||
$lq__event_session_obj?.event_session_id
|
||||
] === true}
|
||||
class="btn btn-sm hover:preset-filled-success-500"
|
||||
class:preset-tonal-success={lq__event_session_obj?.poc_agree}
|
||||
class:preset-tonal-warning={!lq__event_session_obj?.poc_agree}
|
||||
class:preset-tonal-success={$lq__event_session_obj?.poc_agree}
|
||||
class:preset-tonal-warning={!$lq__event_session_obj?.poc_agree}
|
||||
onclick={() =>
|
||||
($events_sess.pres_mgmt.show_modal__session_poc_agree = true)}
|
||||
>
|
||||
{#if !lq__event_session_obj?.poc_agree}
|
||||
{#if !$lq__event_session_obj?.poc_agree}
|
||||
<span
|
||||
class="fas fa-times bg-red-500 text-white px-1 mx-1"
|
||||
title="Not agreed to terms and conditions"
|
||||
@@ -663,7 +663,7 @@
|
||||
placement="top-center"
|
||||
class="bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200 rounded-lg border-gray-200 dark:border-gray-700 divide-gray-200 dark:divide-gray-700 shadow-md relative flex flex-col mx-auto w-full divide-y"
|
||||
>
|
||||
<Comp_event_session_poc_form_agree {lq__event_session_obj} />
|
||||
<Comp_event_session_poc_form_agree {$lq__event_session_obj} />
|
||||
|
||||
{#snippet footer()}
|
||||
<div class="text-center w-full">
|
||||
@@ -683,9 +683,9 @@
|
||||
|
||||
<!-- </div> -->
|
||||
{:else}
|
||||
<span title={lq__event_session_obj?.poc_person_id}>
|
||||
{@html lq__event_session_obj.poc_person_full_name
|
||||
? lq__event_session_obj.poc_person_full_name
|
||||
<span title={$lq__event_session_obj?.poc_person_id}>
|
||||
{@html $lq__event_session_obj.poc_person_full_name
|
||||
? $lq__event_session_obj.poc_person_full_name
|
||||
: ae_snip.html__not_set}
|
||||
</span>
|
||||
{/if}
|
||||
@@ -695,8 +695,8 @@
|
||||
|
||||
<!-- {#if $ae_loc.trusted_access && $ae_loc.edit_mode} -->
|
||||
|
||||
<!-- <span title={lq__event_session_obj?.poc_person_id}>
|
||||
{@html lq__event_session_obj.poc_person_full_name ? lq__event_session_obj.poc_person_full_name : ae_snip.html__not_set}
|
||||
<!-- <span title={$lq__event_session_obj?.poc_person_id}>
|
||||
{@html $lq__event_session_obj.poc_person_full_name ? $lq__event_session_obj.poc_person_full_name : ae_snip.html__not_set}
|
||||
</span> -->
|
||||
|
||||
{#if $ae_loc.trusted_access && $ae_loc.edit_mode}
|
||||
@@ -704,10 +704,10 @@
|
||||
trigger_patch={ae_triggers.update_person_poc}
|
||||
api_cfg={$ae_api}
|
||||
object_type={'event_session'}
|
||||
object_id={lq__event_session_obj?.event_session_id}
|
||||
object_id={$lq__event_session_obj?.event_session_id}
|
||||
field_name={'poc_person_id_random'}
|
||||
field_type={'select'}
|
||||
field_value={lq__event_session_obj?.poc_person_id}
|
||||
field_value={$lq__event_session_obj?.poc_person_id}
|
||||
select_option_li={$slct.person_obj_kv}
|
||||
allow_null={$ae_loc.administrator_access}
|
||||
hide_edit_btn={true}
|
||||
@@ -721,7 +721,7 @@
|
||||
events_func
|
||||
.load_ae_obj_id__event_session({
|
||||
api_cfg: $ae_api,
|
||||
event_session_id: lq__event_session_obj?.event_session_id,
|
||||
event_session_id: $lq__event_session_obj?.event_session_id,
|
||||
log_lvl: 0
|
||||
})
|
||||
.then(function (load_results) {
|
||||
@@ -805,7 +805,7 @@
|
||||
return load_results;
|
||||
});
|
||||
|
||||
ae_tmp.poc_person_id = lq__event_session_obj?.poc_person_id;
|
||||
ae_tmp.poc_person_id = $lq__event_session_obj?.poc_person_id;
|
||||
ae_tmp.show__edit_poc_person = true;
|
||||
}}
|
||||
class="btn btn-sm preset-tonal-warning group"
|
||||
@@ -821,12 +821,12 @@
|
||||
{#if $events_loc.auth__kv.session[$events_slct.event_session_id] === true}
|
||||
<span class="text-green-500">Signed In</span>
|
||||
{/if}
|
||||
{#if $events_loc.pres_mgmt?.require__session_agree && $events_loc?.pres_mgmt?.show__email_access_link && lq__event_session_obj?.poc_person_primary_email && ($ae_loc.trusted_access || !$events_loc.auth__kv.session[lq__event_session_obj?.event_session_id])}
|
||||
{#if $events_loc.pres_mgmt?.require__session_agree && $events_loc?.pres_mgmt?.show__email_access_link && $lq__event_session_obj?.poc_person_primary_email && ($ae_loc.trusted_access || !$events_loc.auth__kv.session[$lq__event_session_obj?.event_session_id])}
|
||||
<button
|
||||
type="button"
|
||||
onclick={() => {
|
||||
console.log('Email the access link');
|
||||
if (!lq__event_session_obj.poc_person_primary_email) {
|
||||
if (!$lq__event_session_obj.poc_person_primary_email) {
|
||||
alert(
|
||||
'No email address found for this point of contact (moderator/champion).'
|
||||
);
|
||||
@@ -834,7 +834,7 @@
|
||||
}
|
||||
if (
|
||||
confirm(
|
||||
`This will send the sign in email to ${lq__event_session_obj.poc_person_primary_email}`
|
||||
`This will send the sign in email to ${$lq__event_session_obj.poc_person_primary_email}`
|
||||
)
|
||||
) {
|
||||
console.log(
|
||||
@@ -847,18 +847,18 @@
|
||||
|
||||
events_func.email_sign_in__event_session({
|
||||
api_cfg: $ae_api,
|
||||
to_email: lq__event_session_obj.poc_person_primary_email,
|
||||
to_email: $lq__event_session_obj.poc_person_primary_email,
|
||||
to_name:
|
||||
lq__event_session_obj?.poc_person_full_name ??
|
||||
$lq__event_session_obj?.poc_person_full_name ??
|
||||
'-- not set --',
|
||||
base_url: $ae_loc.url_origin,
|
||||
person_id: lq__event_session_obj?.poc_person_id,
|
||||
person_id: $lq__event_session_obj?.poc_person_id,
|
||||
person_passcode:
|
||||
lq__event_session_obj?.poc_person_passcode ??
|
||||
$lq__event_session_obj?.poc_person_passcode ??
|
||||
'-- not set --',
|
||||
event_id: lq__event_session_obj?.event_id,
|
||||
event_session_id: lq__event_session_obj?.event_session_id,
|
||||
session_name: lq__event_session_obj?.name ?? '-- not set --'
|
||||
event_id: $lq__event_session_obj?.event_id,
|
||||
event_session_id: $lq__event_session_obj?.event_session_id,
|
||||
session_name: $lq__event_session_obj?.name ?? '-- not set --'
|
||||
});
|
||||
}}
|
||||
class="btn btn-sm preset-tonal-secondary border border-secondary-500 hover:preset-filled-secondary-500"
|
||||
@@ -869,13 +869,13 @@
|
||||
</button>
|
||||
{/if}
|
||||
|
||||
{#if $events_loc.pres_mgmt?.show__copy_access_link && $ae_loc.trusted_access && lq__event_session_obj.poc_person_id}
|
||||
{#if $events_loc.pres_mgmt?.show__copy_access_link && $ae_loc.trusted_access && $lq__event_session_obj.poc_person_id}
|
||||
<!-- A button to copy the access link to the clipboard. -->
|
||||
<!-- Example: /events/CHs3F44Xq76/session/Wh8UnJlbIA0?person_id=fV1dl_IJ0yY&person_pass=abc123 -->
|
||||
|
||||
<MyClipboard
|
||||
value={encodeURI(
|
||||
`${$ae_loc.url_origin}/events/${lq__event_session_obj.event_id}/session/${$events_slct.event_session_id}?person_id=${lq__event_session_obj.poc_person_id}&person_pass=${lq__event_session_obj.poc_person_passcode}&session_id=${lq__event_session_obj.event_session_id}`
|
||||
`${$ae_loc.url_origin}/events/${$lq__event_session_obj.event_id}/session/${$events_slct.event_session_id}?person_id=${$lq__event_session_obj.poc_person_id}&person_pass=${$lq__event_session_obj.poc_person_passcode}&session_id=${$lq__event_session_obj.event_session_id}`
|
||||
)}
|
||||
btn_text="Copy Access Link"
|
||||
btn_title="Copy the POC (moderator/champion) access link to the clipboard."
|
||||
@@ -891,16 +891,16 @@
|
||||
Session passcode:
|
||||
</span>
|
||||
<span class="fas fa-key text-surface-600-400"></span>
|
||||
{@html lq__event_session_obj.passcode
|
||||
? lq__event_session_obj.passcode
|
||||
{@html $lq__event_session_obj.passcode
|
||||
? $lq__event_session_obj.passcode
|
||||
: ae_snip.html__not_set}
|
||||
<Element_ae_crud
|
||||
api_cfg={$ae_api}
|
||||
object_type={'event_session'}
|
||||
object_id={lq__event_session_obj?.event_session_id}
|
||||
object_id={$lq__event_session_obj?.event_session_id}
|
||||
field_name={'passcode'}
|
||||
field_type={'text'}
|
||||
field_value={lq__event_session_obj?.passcode}
|
||||
field_value={$lq__event_session_obj?.passcode}
|
||||
allow_null={true}
|
||||
hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
|
||||
outline_element={false}
|
||||
@@ -914,7 +914,7 @@
|
||||
events_func
|
||||
.load_ae_obj_id__event_session({
|
||||
api_cfg: $ae_api,
|
||||
event_session_id: lq__event_session_obj?.event_session_id,
|
||||
event_session_id: $lq__event_session_obj?.event_session_id,
|
||||
log_lvl: 1
|
||||
})
|
||||
.then(function (load_results) {});
|
||||
@@ -928,10 +928,10 @@
|
||||
<Element_ae_crud
|
||||
api_cfg={$ae_api}
|
||||
object_type={'event_session'}
|
||||
object_id={lq__event_session_obj?.event_session_id}
|
||||
object_id={$lq__event_session_obj?.event_session_id}
|
||||
field_name={'description'}
|
||||
field_type={'textarea'}
|
||||
field_value={lq__event_session_obj.description}
|
||||
field_value={$lq__event_session_obj.description}
|
||||
allow_null={false}
|
||||
hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
|
||||
outline_element={false}
|
||||
@@ -945,7 +945,7 @@
|
||||
|
||||
events_func.load_ae_obj_id__event_session({
|
||||
api_cfg: $ae_api,
|
||||
event_session_id: lq__event_session_obj?.event_session_id,
|
||||
event_session_id: $lq__event_session_obj?.event_session_id,
|
||||
log_lvl: 1
|
||||
});
|
||||
}}
|
||||
@@ -954,7 +954,7 @@
|
||||
Session description:
|
||||
</span>
|
||||
|
||||
{#if lq__event_session_obj.description}
|
||||
{#if $lq__event_session_obj.description}
|
||||
<button
|
||||
type="button"
|
||||
onclick={() => {
|
||||
@@ -976,7 +976,7 @@
|
||||
<pre
|
||||
class="whitespace-pre-wrap p-2 bg-gray-100 dark:bg-gray-700 rounded-md"
|
||||
class:hidden={!$events_loc.pres_mgmt
|
||||
.show_content__session_description}>{lq__event_session_obj.description}</pre>
|
||||
.show_content__session_description}>{$lq__event_session_obj.description}</pre>
|
||||
{:else}
|
||||
{@html ae_snip.html__not_set}
|
||||
{/if}
|
||||
|
||||
Reference in New Issue
Block a user