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

Should have saved my work earlier... General clean up of initial API calls and saving to IDB. Other fixes and updates.

Browse Source
This commit is contained in:
Scott Idem
2024-08-07 15:26:58 -04:00
parent 0d34f81fa7
commit 7aebf24996
40 changed files with 1218 additions and 3259 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
src/routes/events_pres_mgmt/presenter_view.svelte
View File

@@ -21,9 +21,10 @@ import { events_loc, events_sess, events_slct, events_trigger } from '$lib/ae_ev
import { events_func } from '$lib/ae_events_functions';
// Exports
export let event_presenter_id: string;
// export let event_presentation_obj: key_val;
export let event_presentation_id: null|string = null;
// export let event_presenter_id: string;
export let lq__event_presenter_obj: any;
// export let event_presentation_id: string;
export let lq__event_presentation_obj: any;
// export let display_mode: string = 'default'; // 'default', 'compact', 'minimal', 'launcher'
let ae_placeholder_li: key_val = {};
@@ -45,23 +46,23 @@ let lq__event_obj = liveQuery(
// async () => await db_events.presentations.get(event_presentation_id)
// );
console.log(`event_presenter_id:`, event_presenter_id);
let lq__event_presenter_obj = liveQuery(
async () => await db_events.presenters.get(event_presenter_id)
);
console.log(`event_presenter_id:`, $lq__event_presenter_obj?.event_presenter_id_random);
// let lq__event_presenter_obj = liveQuery(
// async () => await db_events.presenters.get(event_presenter_id)
// );
// let event_presentation_id: null|string = $lq__event_presenter_obj?.event_presentation_id_random ?? '';
// event_presentation_id = $lq__event_presenter_obj?.event_presentation_id_random ?? event_presentation_id;
console.log(`event_presentation_id:`, event_presentation_id);
$events_slct.event_presentation_id = event_presentation_id;
console.log(`event_presentation_id:`, $lq__event_presentation_obj?.event_presentation_id_random);
// $events_slct.event_presentation_id = event_presentation_id;
// event_presentation_id = $lq__event_presenter_obj?.event_presentation_id_random;
let lq__event_presentation_obj = liveQuery(
() => db_events.presentations.get(event_presentation_id)
);
// let lq__event_presentation_obj = liveQuery(
// () => db_events.presentations.get(event_presentation_id)
// );
// export let event_presentation_obj: any = $lq__event_presentation_obj;
let lq__event_file_obj_li = liveQuery(
async () => await db_events.files.where('event_presenter_id_random').equals(event_presenter_id).toArray()
async () => await db_events.files.where('event_presenter_id_random').equals($lq__event_presenter_obj?.event_presenter_id_random).toArray()
);
@@ -87,7 +88,7 @@ $slct.person_obj_kv = {}; // This is intended for the person presenter lookup li
onMount(() => {
console.log('Events Pres Mgmt: presenter_view.svelte');
console.log(`event_presenter_id:`, event_presenter_id);
console.log(`event_presenter_id:`, $lq__event_presenter_obj?.event_presenter_id_random);
$slct_trigger = 'load__event_file_obj_li';
// ae_tmp.biography = $lq__event_presenter_obj?.biography;
@@ -122,7 +123,7 @@ async function handle_input_upload_files(input_upload_files) {
console.log('*** handle_input_upload_files() ***');
let link_to_type = 'event_presenter';
let link_to_id = event_presenter_id;
let link_to_id = $lq__event_presenter_obj?.event_presenter_id_random;
const form_data = new FormData();
@@ -223,7 +224,7 @@ async function handle_delete__event_file({event_file_id}) {
console.log(`*** handle_delete__event_file() *** event_file_id:`, event_file_id);
let link_to_type = 'event_presenter';
let link_to_id = event_presenter_id;
let link_to_id = $lq__event_presenter_obj?.event_presenter_id_random;
ae_promises.delete__event_file_obj = await events_func.handle_delete_ae_obj_id__event_file({
api_cfg: $ae_api,
@@ -266,7 +267,7 @@ $: if ($lq__event_presenter_obj) {
let qr_id_url = `${$lq__event_presenter_obj?.event_presenter_id_random}_url`;
// URL for this page (be sure to URL encode it):
let url_str = `${$ae_loc.url_origin}/events_pres_mgmt/presenter/${$lq__event_presenter_obj.event_presenter_id_random}`;
let url_str = `${$ae_loc.url_origin}/events_pres_mgmt/presenter/${$lq__event_presenter_obj?.event_presenter_id_random}`;
url_str = encodeURI(url_str);
ae_promises.generate_qr_code_url = core_func.generate_qr_code({api_cfg: $ae_api, account_id: $slct.account_id, qr_type: 'str', qr_id: qr_id_url, str: url_str});
@@ -281,7 +282,7 @@ $: if ($lq__event_presenter_obj) {
{$lq__event_presenter_obj.full_name}
</strong>
<span class="text-sm">
{#if (!$ae_loc.trusted_access && !$events_loc.auth__kv.presenter[$lq__event_presenter_obj.event_presenter_id_random] && !$events_loc.auth__kv.session[$lq__event_presenter_obj.event_session_id_random])}
{#if (!$ae_loc.trusted_access && !$events_loc.auth__kv.presenter[$lq__event_presenter_obj?.event_presenter_id_random] && !$events_loc.auth__kv.session[$lq__event_presenter_obj.event_session_id_random])}
<!-- Only show the domain name of the email address. -->
<!-- ( -->
<!-- {$lq__event_presenter_obj.email.replace(/@.*$/, '@...')} -->
@@ -306,7 +307,7 @@ $: if ($lq__event_presenter_obj) {
<!-- Example: /events_pres_mgmt/session/Wh8UnJlbIA0?person_id=fV1dl_IJ0yY&person_pass=abc123 -->
<button
type="button"
use:clipboard={encodeURI(`${$ae_loc.url_origin}/events_pres_mgmt/session/${$lq__event_presenter_obj.event_session_id_random}?person_id=${$lq__event_presenter_obj.person_id_random}&person_pass=${$lq__event_presenter_obj.person_passcode}&presentation_id=${$lq__event_presenter_obj.event_presentation_id_random}&presenter_id=${$lq__event_presenter_obj.event_presenter_id_random}`)}
use:clipboard={encodeURI(`${$ae_loc.url_origin}/events_pres_mgmt/session/${$lq__event_presenter_obj.event_session_id_random}?person_id=${$lq__event_presenter_obj.person_id_random}&person_pass=${$lq__event_presenter_obj.person_passcode}&presentation_id=${$lq__event_presenter_obj?.event_presentation_id_random}&presenter_id=${$lq__event_presenter_obj?.event_presenter_id_random}`)}
class="btn btn-sm variant-ghost-warning float-right m-1"
title="Copy the presenter access link to the clipboard."
>
@@ -339,8 +340,8 @@ $: if ($lq__event_presenter_obj) {
person_id: $lq__event_presenter_obj?.person_id_random?? '-- not set --',
person_passcode: $lq__event_presenter_obj.person_passcode?? '-- not set --',
event_session_id: $lq__event_presenter_obj.event_session_id_random,
event_presentation_id: $lq__event_presenter_obj.event_presentation_id_random,
event_presenter_id: $lq__event_presenter_obj.event_presenter_id_random,
event_presentation_id: $lq__event_presenter_obj?.event_presentation_id_random,
event_presenter_id: $lq__event_presenter_obj?.event_presenter_id_random,
session_name: $lq__event_presenter_obj?.event_session_name?? '-- not set --',
presentation_name: $lq__event_presenter_obj?.event_presentation_name?? '-- not set --',
}
@@ -370,7 +371,7 @@ $: if ($lq__event_presenter_obj) {
<Element_ae_crud
api_cfg={$ae_api}
object_type={'event_presentation'}
object_id={$lq__event_presenter_obj.event_presentation_id_random}
object_id={$lq__event_presenter_obj?.event_presentation_id_random}
field_name={'name'}
field_type={'text'}
field_value={$lq__event_presentation_obj?.name}
@@ -391,7 +392,7 @@ $: if ($lq__event_presenter_obj) {
<span
title="ID: {$lq__event_presentation_obj?.event_presentation_id_random}"
>
"{$lq__event_presentation_obj?.name}"
"{$lq__event_presenter_obj?.event_presentation_name}"
</span>
</Element_ae_crud>
@@ -447,7 +448,7 @@ $: if ($lq__event_presenter_obj) {
<span class="fas fa-link"></span>
<span>Presenter URL</span>
</span>
<!-- URL: <a href="{$ae_loc.url_origin}/events_pres_mgmt/presenter/{$lq__event_presenter_obj.event_presenter_id_random}" target="_blank">{$ae_loc.url_origin}/events_pres_mgmt/presenter/{$lq__event_presenter_obj.event_presenter_id_random}</a> -->
<!-- URL: <a href="{$ae_loc.url_origin}/events_pres_mgmt/presenter/{$lq__event_presenter_obj?.event_presenter_id_random}" target="_blank">{$ae_loc.url_origin}/events_pres_mgmt/presenter/{$lq__event_presenter_obj?.event_presenter_id_random}</a> -->
<div class="hidden">
This QR is a link back to this page.
</div>
@@ -464,7 +465,7 @@ $: if ($lq__event_presenter_obj) {
<Element_ae_crud
api_cfg={$ae_api}
object_type={'event_presenter'}
object_id={$lq__event_presenter_obj.event_presenter_id_random}
object_id={$lq__event_presenter_obj?.event_presenter_id_random}
field_name={'external_id'}
field_type={'text'}
field_value={$lq__event_presenter_obj.external_id}
@@ -478,7 +479,7 @@ $: if ($lq__event_presenter_obj) {
on:ae_crud_updated={e => {
console.log(`ae_crud_updated:`, e.detail);
events_func.handle_load_ae_obj_id__event_presenter({api_cfg: $ae_api, event_presenter_id: $lq__event_presenter_obj.event_presenter_id_random, log_lvl: 0})
events_func.handle_load_ae_obj_id__event_presenter({api_cfg: $ae_api, event_presenter_id: $lq__event_presenter_obj?.event_presenter_id_random, log_lvl: 0})
.then(function (load_results) {
// Maybe reload page?
// window.location.reload();
@@ -510,7 +511,7 @@ $: if ($lq__event_presenter_obj) {
on:ae_crud_updated={e => {
console.log(`ae_crud_updated:`, e.detail);
events_func.handle_load_ae_obj_id__event_presenter({api_cfg: $ae_api, event_presenter_id: $lq__event_presenter_obj.event_presenter_id_random, log_lvl: 0})
events_func.handle_load_ae_obj_id__event_presenter({api_cfg: $ae_api, event_presenter_id: $lq__event_presenter_obj?.event_presenter_id_random, log_lvl: 0})
.then(function (load_results) {
// Maybe reload page?
// window.location.reload();
@@ -582,7 +583,7 @@ $: if ($lq__event_presenter_obj) {
<Element_ae_crud
api_cfg={$ae_api}
object_type={'event_presenter'}
object_id={$lq__event_presenter_obj.event_presenter_id_random}
object_id={$lq__event_presenter_obj?.event_presenter_id_random}
field_name={'given_name'}
field_type={'text'}
field_value={$lq__event_presenter_obj.given_name}
@@ -596,7 +597,7 @@ $: if ($lq__event_presenter_obj) {
on:ae_crud_updated={e => {
console.log(`ae_crud_updated:`, e.detail);
events_func.handle_load_ae_obj_id__event_presenter({api_cfg: $ae_api, event_presenter_id: $lq__event_presenter_obj.event_presenter_id_random, log_lvl: 0})
events_func.handle_load_ae_obj_id__event_presenter({api_cfg: $ae_api, event_presenter_id: $lq__event_presenter_obj?.event_presenter_id_random, log_lvl: 0})
.then(function (load_results) {
// Maybe reload page?
// window.location.reload();
@@ -610,7 +611,7 @@ $: if ($lq__event_presenter_obj) {
<Element_ae_crud
api_cfg={$ae_api}
object_type={'event_presenter'}
object_id={$lq__event_presenter_obj.event_presenter_id_random}
object_id={$lq__event_presenter_obj?.event_presenter_id_random}
field_name={'family_name'}
field_type={'text'}
field_value={$lq__event_presenter_obj.family_name}
@@ -623,7 +624,7 @@ $: if ($lq__event_presenter_obj) {
on:ae_crud_updated={e => {
console.log(`ae_crud_updated:`, e.detail);
events_func.handle_load_ae_obj_id__event_presenter({api_cfg: $ae_api, event_presenter_id: $lq__event_presenter_obj.event_presenter_id_random, log_lvl: 0})
events_func.handle_load_ae_obj_id__event_presenter({api_cfg: $ae_api, event_presenter_id: $lq__event_presenter_obj?.event_presenter_id_random, log_lvl: 0})
.then(function (load_results) {
// Maybe reload page?
// window.location.reload();
@@ -637,12 +638,12 @@ $: if ($lq__event_presenter_obj) {
</li>
<li
class:hidden={!$ae_loc.trusted_access && !$events_loc.auth__kv.presenter[$lq__event_presenter_obj.event_presenter_id_random] && !$events_loc.auth__kv.session[$lq__event_presenter_obj.event_session_id_random]}
class:hidden={!$ae_loc.trusted_access && !$events_loc.auth__kv.presenter[$lq__event_presenter_obj?.event_presenter_id_random] && !$events_loc.auth__kv.session[$lq__event_presenter_obj.event_session_id_random]}
>
<Element_ae_crud
api_cfg={$ae_api}
object_type={'event_presenter'}
object_id={$lq__event_presenter_obj.event_presenter_id_random}
object_id={$lq__event_presenter_obj?.event_presenter_id_random}
field_name={'email'}
field_type={'text'}
field_value={$lq__event_presenter_obj.email}
@@ -655,7 +656,7 @@ $: if ($lq__event_presenter_obj) {
on:ae_crud_updated={e => {
console.log(`ae_crud_updated:`, e.detail);
events_func.handle_load_ae_obj_id__event_presenter({api_cfg: $ae_api, event_presenter_id: $lq__event_presenter_obj.event_presenter_id_random, log_lvl: 0})
events_func.handle_load_ae_obj_id__event_presenter({api_cfg: $ae_api, event_presenter_id: $lq__event_presenter_obj?.event_presenter_id_random, log_lvl: 0})
.then(function (load_results) {
// Maybe reload page?
// window.location.reload();
@@ -695,7 +696,7 @@ $: if ($lq__event_presenter_obj) {
on:ae_crud_updated={e => {
console.log(`ae_crud_updated:`, e.detail);
events_func.handle_load_ae_obj_id__event_presenter({api_cfg: $ae_api, event_presenter_id: $lq__event_presenter_obj.event_presenter_id_random, log_lvl: 0})
events_func.handle_load_ae_obj_id__event_presenter({api_cfg: $ae_api, event_presenter_id: $lq__event_presenter_obj?.event_presenter_id_random, log_lvl: 0})
.then(function (load_results) {
// Maybe reload page?
// window.location.reload();
@@ -775,7 +776,7 @@ $: if ($lq__event_presenter_obj) {
<Element_ae_crud
api_cfg={$ae_api}
object_type={'event_presenter'}
object_id={$lq__event_presenter_obj.event_presenter_id_random}
object_id={$lq__event_presenter_obj?.event_presenter_id_random}
field_name={'affiliations'}
field_type={'text'}
field_value={$lq__event_presenter_obj.affiliations}
@@ -817,7 +818,7 @@ $: if ($lq__event_presenter_obj) {
on:ae_crud_updated={e => {
console.log(`ae_crud_updated:`, e.detail);
events_func.handle_load_ae_obj_id__event_presenter({api_cfg: $ae_api, event_presenter_id: $lq__event_presenter_obj.event_presenter_id_random, log_lvl: 0});
events_func.handle_load_ae_obj_id__event_presenter({api_cfg: $ae_api, event_presenter_id: $lq__event_presenter_obj?.event_presenter_id_random, log_lvl: 0});
}}
>
<span class="fas fa-star-of-life"></span>
@@ -878,7 +879,7 @@ $: if ($lq__event_presenter_obj) {
<Element_ae_crud
api_cfg={$ae_api}
object_type={'event_presenter'}
object_id={$lq__event_presenter_obj.event_presenter_id_random}
object_id={$lq__event_presenter_obj?.event_presenter_id_random}
field_name={'professional_title'}
field_type={'text'}
field_value={$lq__event_presenter_obj.professional_title}
@@ -920,7 +921,7 @@ $: if ($lq__event_presenter_obj) {
on:ae_crud_updated={e => {
console.log(`ae_crud_updated:`, e.detail);
events_func.handle_load_ae_obj_id__event_presenter({api_cfg: $ae_api, event_presenter_id: $lq__event_presenter_obj.event_presenter_id_random, log_lvl: 0});
events_func.handle_load_ae_obj_id__event_presenter({api_cfg: $ae_api, event_presenter_id: $lq__event_presenter_obj?.event_presenter_id_random, log_lvl: 0});
}}
>
<span class="fas fa-star-of-life"></span>
@@ -1121,7 +1122,7 @@ $: if ($lq__event_presenter_obj) {
let person_update_result = events_func.handle_update_ae_obj__event_presenter({
api_cfg: $ae_api,
event_presenter_id: $lq__event_presenter_obj.event_presenter_id_random,
event_presenter_id: $lq__event_presenter_obj?.event_presenter_id_random,
data_kv: event_presenter_data,
log_lvl: 0,
})
@@ -1133,7 +1134,7 @@ $: if ($lq__event_presenter_obj) {
return person_update_result;
}}
class="btn btn-sm variant-soft-warning hover:variant-ghost-warning"
title="Sync the person record fields to the presenter record. person_id: {$lq__event_presenter_obj.person_id_random}; presenter_id: {$lq__event_presenter_obj.event_presenter_id_random}"
title="Sync the person record fields to the presenter record. person_id: {$lq__event_presenter_obj.person_id_random}; presenter_id: {$lq__event_presenter_obj?.event_presenter_id_random}"
>
<span class="fas fa-sync-alt mx-1"></span>
Sync Person
@@ -1174,7 +1175,7 @@ $: if ($lq__event_presenter_obj) {
// We then need to update the event_presenter with the new person_id.
events_func.handle_update_ae_obj__event_presenter({
api_cfg: $ae_api,
event_presenter_id: $lq__event_presenter_obj.event_presenter_id_random,
event_presenter_id: $lq__event_presenter_obj?.event_presenter_id_random,
data_kv: {person_id_random: new_person_obj.person_id_random},
log_lvl: 0,
})
@@ -1190,7 +1191,7 @@ $: if ($lq__event_presenter_obj) {
</li>
<li
class:hidden={!$lq__event_presenter_obj.person_id_random || !$ae_loc.trusted_access && !$events_loc.auth__kv.presenter[$lq__event_presenter_obj.event_presenter_id_random]}
class:hidden={!$lq__event_presenter_obj.person_id_random || !$ae_loc.trusted_access && !$events_loc.auth__kv.presenter[$lq__event_presenter_obj?.event_presenter_id_random]}
>
<Element_ae_crud
api_cfg={$ae_api}
@@ -1290,7 +1291,7 @@ $: if ($lq__event_presenter_obj) {
<textarea
name="biography"
id="presenter__biography"
disabled={!$ae_loc.trusted_access && !$events_loc.auth__kv.presenter[$lq__event_presenter_obj.event_presenter_id_random]}
disabled={!$ae_loc.trusted_access && !$events_loc.auth__kv.presenter[$lq__event_presenter_obj?.event_presenter_id_random]}
class="textarea ae_value event_presenter__biography font-mono"
class:variant-glass-error={(ae_tmp.biography && ae_tmp.biography.length >600 ? true : false)}
required
@@ -1320,7 +1321,7 @@ $: if ($lq__event_presenter_obj) {
ae_promises.update__event_presenter_obj = events_func.handle_update_ae_obj__event_presenter({
api_cfg: $ae_api,
event_presenter_id: $lq__event_presenter_obj.event_presenter_id_random,
event_presenter_id: $lq__event_presenter_obj?.event_presenter_id_random,
data_kv: event_presenter_data,
log_lvl: 0,
})
@@ -1371,7 +1372,7 @@ WARNING: The file upload and management is a work in progress. You can upload an
</div>
<form
on:submit|preventDefault={handle_submit_form_files}
class:hidden={!$ae_loc.trusted_access && !$events_loc.auth__kv.presenter[$lq__event_presenter_obj.event_presenter_id_random] && !$events_loc.auth__kv.session[$lq__event_presenter_obj.event_session_id_random]}
class:hidden={!$ae_loc.trusted_access && !$events_loc.auth__kv.presenter[$lq__event_presenter_obj?.event_presenter_id_random] && !$events_loc.auth__kv.session[$lq__event_presenter_obj.event_session_id_random]}
class="modal-form {$ae_loc.hub.classes__form} flex flex-col space-y-2 items-center w-full"
>
@@ -1418,8 +1419,8 @@ WARNING: The file upload and management is a work in progress. You can upload an
<span class="fas fa-spinner fa-spin mx-1"></span>
<span class="">
Uploading
{#if $ae_sess.api_upload_kv[event_presenter_id]}
{$ae_sess.api_upload_kv[event_presenter_id].percent_completed}%
{#if $ae_sess.api_upload_kv[$lq__event_presenter_obj?.event_presenter_id_random]}
{$ae_sess.api_upload_kv[$lq__event_presenter_obj?.event_presenter_id_random].percent_completed}%
{/if}
</span>
{:then}
@@ -1443,8 +1444,8 @@ WARNING: The file upload and management is a work in progress. You can upload an
<div class="overflow-x-auto w-max max-w-full">
<Element_manage_event_file_li
link_to_type={'event_presenter'}
link_to_id={$lq__event_presenter_obj.event_presenter_id_random}
allow_basic={$events_loc.auth__kv.session[$lq__event_presenter_obj.event_session_id_random] || $events_loc.auth__kv.presenter[event_presenter_id]}
link_to_id={$lq__event_presenter_obj?.event_presenter_id_random}
allow_basic={$events_loc.auth__kv.session[$lq__event_presenter_obj.event_session_id_random] || $events_loc.auth__kv.presenter[$lq__event_presenter_obj?.event_presenter_id_random]}
allow_moderator={$events_loc.auth__kv.session[$lq__event_presenter_obj.event_session_id_random]}
container_class_li={''}
/>