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

This should have been saved earlier. Lots of moving code around to and clean up.

Browse Source
This commit is contained in:
Scott Idem
2024-07-01 16:22:10 -04:00
parent 9de9d31101
commit 88b0042919
13 changed files with 733 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files

332
src/routes/events_pres_mgmt/ae_comp__event_presenter_obj_li.svelte Normal file
View File

@@ -0,0 +1,332 @@
<script lang="ts">
// Imports
import { createEventDispatcher, onMount } from 'svelte';
import type { key_val } from '$lib/ae_stores';
import { ae_util } from '$lib/ae_utils';
import { api, send_email } from '$lib/api';
import Element_ae_crud from '$lib/element_ae_crud.svelte';
import Element_data_store from '$lib/element_data_store.svelte';
import { liveQuery } from "dexie";
import { core_func } from '$lib/ae_core_functions';
import { db_events } from "$lib/db_events";
import { ae_html, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
import { events_loc, events_sess, events_slct, events_trigger, events_trig_kv } from '$lib/ae_events_stores';
import { events_func } from '$lib/ae_events_functions';
// Exports
export let container_class_li: string|Array<string> = [];
export let link_to_type: string;
export let link_to_id: string;
export let allow_basic: boolean = false;
export let allow_moderator: boolean = false;
// Variables
// This more or less overrides the default access control. Some elements may have their own access control.
if ($ae_loc.administrator_access) {
allow_basic = true;
allow_moderator = true;
} else if ($ae_loc.trusted_access) {
allow_basic = true;
allow_moderator = true;
}
let ae_promises: key_val = {};
let ae_tmp: key_val = {};
let ae_triggers: key_val = {};
let dq__where_type_val: string = link_to_type; // "event", "event_session", "event_presentation"
let dq__where_type_id_val: string = `${link_to_type}_id_random`;
let dq__where_eq_id_val: string = link_to_id;
// if (dq__where_type_val == 'event_presentation') {
// dq__where_type_val = 'event_session';
// dq__where_id_val = 'event_id_random';
// }
// Functions and Logic
import { browser } from '$app/environment';
if (browser) {
console.log('Browser environment detected.');
}
let lq__event_presentation_obj = liveQuery(
() => db_events.presentations.get($events_slct.event_presentation_id)
);
// let lq__event_presentation_obj_li = liveQuery(
// () => db_events.presentations
// // .where({event_session_id_random: $events_slct.event_session_id})
// .where('event_session_id_random')
// .equals($events_slct.event_session_id)
// .sortBy('name')
// );
// let lq__event_presenter_obj = liveQuery(
// () => db_events.presenters.get($events_slct.event_presenter_id)
// );
// let lq__event_presenter_obj_li = liveQuery(
// () => db_events.presenters
// // .where({event_presentation_id_random: $events_slct.event_presentation_id})
// .where('event_presentation_id_random')
// .equals($events_slct.event_presentation_id)
// .sortBy('name')
// );
let lq__event_presenter_obj_li = liveQuery(
() => db_events.presenters
.where(dq__where_type_id_val)
.equals(dq__where_eq_id_val)
.sortBy('name')
);
// $slct.person_obj_kv = {}; // This is intended for a person lookup list when generated.
onMount(() => {
console.log('Pres Mgmt [comp]: +ae_comp__event_presenter_obj_li.svelte');
console.log(`link_to_type: ${link_to_type}; link_to_id: ${link_to_id}`);
});
</script>
<section class="ae_comp event_presenter_obj_li {container_class_li}">
<!-- Show presenters for this presentation -->
<!-- This needs to be moved to a separate component. -->
{#if $lq__event_presenter_obj_li && $lq__event_presenter_obj_li?.length > 0}
<strong class="text-sm">Presenters:
<!-- ({$lq__event_presenter_obj_li?.length}) -->
</strong>
<ul
class="space-y-2 px-4"
>
{#each $lq__event_presenter_obj_li as event_presenter_obj}
<!-- This is a hack. I can not get the LiveQuery to work with specific presentation IDs. It only works with the session ID. I need to figure out how to get the presenters for the specific presentation. -->
<!-- {#if event_presenter_obj.event_presentation_id_random == event_presentation_obj.event_presentation_id_random} -->
<li>
<button
type="button"
disabled={!($ae_loc.trusted_access || $events_loc.auth__kv.session[$events_slct.event_session_id]) && (!$events_loc.auth__kv.presenter[event_presenter_obj.event_presenter_id_random] || !event_presenter_obj.agree)}
on:click={
() => {
console.log('View presenter details');
$events_slct.event_presentation_id = event_presenter_obj.event_presentation_id_random;
$events_slct.event_presentation_obj = $lq__event_presentation_obj;
$events_slct.event_presenter_id = event_presenter_obj.event_presenter_id_random;
$events_slct.event_presenter_obj = event_presenter_obj;
$events_sess.pres_mgmt.show_content__presenter_start = event_presenter_obj.event_presenter_id_random;
}
}
class="btn btn-md variant-ghost-primary hover:variant-filled-primary font-bold min-w-64"
title="Person ID: {event_presenter_obj.person_id_random}; Email: {event_presenter_obj.email}"
>
<span class="fas fa-user mx-1"></span>
<span class="text-center grow">
{event_presenter_obj.full_name}
</span>
</button>
{#if $ae_loc.trusted_access || !$events_loc.auth__person?.id }
<button
type="button"
on:click={() => {
console.log('Email the access link');
if (!event_presenter_obj.email) {
alert('No email address found for this presenter.');
return;
}
if (confirm(`This will send the sign in email to ${event_presenter_obj.email}`)) {
console.log('Send the email to the presenter.');
} else {
console.log('Cancelled sending the email.');
return false;
}
events_func.handle_email_sign_in__event_presenter(
{
api_cfg: $ae_api,
to_email: event_presenter_obj.email,
to_name: event_presenter_obj?.full_name?? '-- not set --',
base_url: $ae_loc.url_origin,
person_id: event_presenter_obj?.person_id_random?? '-- not set --',
person_passcode: event_presenter_obj.person_passcode?? '-- not set --',
event_session_id: event_presenter_obj.event_session_id_random,
event_presentation_id: event_presenter_obj.event_presentation_id_random,
event_presenter_id: event_presenter_obj.event_presenter_id_random,
session_name: event_presenter_obj?.event_session_name?? '-- not set --',
presentation_name: event_presenter_obj?.event_presentation_name?? '-- not set --',
}
);
}}
class="btn btn-md variant-ghost-primary hover:variant-filled-primary"
title="Email the access link to the presenter"
>
<span class="fas fa-envelope mx-1"></span>
Email Access Link
</button>
{/if}
{#if event_presenter_obj.agree}
<!-- {#if $ae_loc.trusted_access || $events_loc.auth__kv.presenter[event_presenter_obj.event_presenter_id_random]} -->
<button
type="button"
disabled={!$ae_loc.trusted_access && !$events_loc.auth__kv.presenter[event_presenter_obj.event_presenter_id_random]}
on:click={
() => {
console.log('View terms and conditions');
$events_slct.event_presentation_id = event_presenter_obj.event_presentation_id_random;
$events_slct.event_presentation_obj = $lq__event_presentation_obj;
$events_slct.event_presenter_id = event_presenter_obj.event_presenter_id_random;
$events_slct.event_presenter_obj = event_presenter_obj;
$events_sess.pres_mgmt.show_content__agree_text = event_presenter_obj.event_presenter_id_random;
}
}
class="btn btn-md variant-ghost-success hover:variant-filled-success"
title="Agreed to terms and conditions"
>
<span class="fas fa-check text-green-500 px-1" title="Agreed to terms and conditions"></span>
Agreed
</button>
{:else}
<button
type="button"
disabled={!$ae_loc.trusted_access && !$events_loc.auth__kv.presenter[event_presenter_obj.event_presenter_id_random]}
on:click={
() => {
console.log('View terms and conditions');
$events_slct.event_presentation_id = event_presenter_obj.event_presentation_id_random;
$events_slct.event_presentation_obj = $lq__event_presentation_obj;
$events_slct.event_presenter_id = event_presenter_obj.event_presenter_id_random;
$events_slct.event_presenter_obj = event_presenter_obj;
$events_sess.pres_mgmt.show_content__agree_text = event_presenter_obj.event_presenter_id_random;
}
}
class="btn btn-md variant-ghost-warning hover:variant-filled-warning"
title="View terms and conditions"
>
<span class="fas fa-times bg-red-500 text-white px-1 mx-1" title="Not agreed to terms and conditions"></span>
Not yet agreed
</button>
{/if}
{#if $ae_loc.trusted_access}
<!-- <span class="fas fa-envelope"></span>
<a
href="mailto:{event_presenter_obj.email}"
class="text-blue-500"
>{event_presenter_obj.email}</a> -->
{#if event_presenter_obj.file_count}
<span>
<span class="fas fa-file mx-1"></span>
{event_presenter_obj.file_count ? `(${event_presenter_obj.file_count}x files)` : '(0 files)'}
</span>
{/if}
<!-- {#if event_presenter_obj.person_passcode}
<span>
<span class="fas fa-user-secret"></span>
Passcode: {event_presenter_obj.person_passcode}
</span>
{/if} -->
<!-- {#if event_presenter_obj.passcode}
<span class="bg-red-100 p-1 rounded-md">
<span class="fas fa-key"></span>
Passcode: {event_presenter_obj.passcode}
</span>
{/if} -->
{/if}
<!-- A button to copy the access link to the clipboard. -->
<!-- Example: /events_pres_mgmt/session/Wh8UnJlbIA0?person_id=fV1dl_IJ0yY&person_pass=abc123 -->
<!-- {#if $ae_loc.trusted_access}
<button
type="button"
class="btn btn-sm variant-soft-primary"
use:clipboard={encodeURI(`${data.url.origin}/events_pres_mgmt/session/${$events_slct.event_session_id}?person_id=${event_presenter_obj.person_id_random}&person_pass=${event_presenter_obj.person_passcode}&presentation_id=${event_presentation_obj.event_presentation_id_random}&presenter_id=${event_presenter_obj.event_presenter_id_random}`)}
>
<span class="fas fa-copy mx-1"></span>
Copy Access Link
</button>
{/if} -->
<div class="float-right space-2 flex flex-row items-center">
{#if $ae_loc.administrator_access && !event_presenter_obj.person_id_random}
<button
type="button"
on:click={async () => {
console.log('Add Person');
let person_data = {
account_id_random: $slct.account_id,
// user_id_random: user_obj.user_id_random,
given_name: 'New',
family_name: 'Presenter',
primary_email: 'test+newpres@oneskyit.com',
code: 'new_presenter',
// Random number between 100000 and 999999
passcode: Math.floor(Math.random() * 900000) + 100000,
enable: true,
}
let new_person_obj = await core_func.handle_create_ae_obj__person({
api_cfg: $ae_api,
// user_id: $ae_loc.user_id,
data_kv: person_data,
log_lvl: 1,
})
console.log('new_person_obj:', new_person_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: event_presenter_obj.event_presenter_id_random,
data_kv: {person_id_random: new_person_obj.person_id_random},
log_lvl: 1,
})
}}
class="btn btn-sm variant-soft-warning hover:variant-filled-warning"
>
<span class="fas fa-plus mx-1"></span>
Add Person
</button>
{/if}
</div>
</li>
<!-- {/if} -->
{/each}
</ul>
{:else}
<p>No presenters available to show for this presentation at this time</p>
<!-- {$lq__event_presenter_obj_li?.length} -->
<!-- {$events_slct.event_presentation_id} -->
<!-- {$lq__event_presentation_obj} -->
{/if}
</section>

16
src/routes/events_pres_mgmt/event/[slug]/+page.svelte
View File

@@ -109,7 +109,7 @@ $: if ($events_trigger == 'load__event_session_obj_li' && $events_slct.event_id)
console.log('Trusted access search');
handle_search__event_session($events_sess.pres_mgmt.fulltext_search_qry_str);
} else 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_slct.event_session_obj_li = [];
// $events_sess.pres_mgmt.fulltext_search_qry_str = '';
// return false;
} else {
@@ -183,7 +183,7 @@ function handle_search__event_session(search_str: string) {
log_lvl: 1,
})
.then(function (search_results) {
$events_slct.session_obj_li = search_results;
$events_slct.event_session_obj_li = search_results;
console.log(search_results);
$events_sess.status_qry__search = 'done';
});
@@ -208,7 +208,7 @@ function handle_search__event_session(search_str: string) {
log_lvl: 1,
})
.then(function (search_results) {
$events_slct.session_obj_li = search_results;
$events_slct.event_session_obj_li = search_results;
console.log(search_results);
$events_sess.status_qry__search = 'done';
});
@@ -367,19 +367,19 @@ function handle_search__event_session(search_str: string) {
{/await}
{#if $events_slct?.session_obj_li && $events_slct.session_obj_li.length > 0}
{#if $events_slct?.event_session_obj_li && $events_slct.event_session_obj_li.length > 0}
<section class="ae_h_scrollfix py-2 space-y-2">
<h2 class="h3">
<span class="text-md">
Results:
</span>
{#if $events_slct.session_obj_li.length}
{#if $events_slct.event_session_obj_li.length}
<span class="text-3xl font-bold bg-success-100 px-4 border rounded-lg border-success-500"
title="Count {$events_slct.session_obj_li.length ?? 'None'}"
title="Count {$events_slct.event_session_obj_li.length ?? 'None'}"
>
<span class="fas fa-list-ol mx-4"></span>
{$events_slct.session_obj_li.length ?? 'None'}
{$events_slct.event_session_obj_li.length ?? 'None'}
</span>
{/if}
</h2>
@@ -394,7 +394,7 @@ function handle_search__event_session(search_str: string) {
</tr>
</thead>
<tbody>
{#each $events_slct.session_obj_li as session_obj}
{#each $events_slct.event_session_obj_li as session_obj}
<tr>
<td>
<a

251
src/routes/events_pres_mgmt/session/[slug]/+page.svelte
View File

@@ -26,6 +26,7 @@ import { events_func } from '$lib/ae_events_functions';
import Form_agree from './form_agree.svelte';
import Presenter_view from './presenter_view.svelte';
import Comp_event_presenter_obj_li from '../../ae_comp__event_presenter_obj_li.svelte';
import Element_manage_event_file_li from '$lib/element_manage_event_file_li.svelte';
import { browser } from '$app/environment';
@@ -208,7 +209,7 @@ onMount(() => {
// This should be turned into a function to correctly authenticate the person and allow them access to their presentations and presenter details.
if (url_person_pass) {
console.log(`ae_events_pres_mgmt session [slug] +page.svelte: event_session_id=${$events_slct.session_id}; person_id=${url_person_id}; person_pass=${url_person_pass}; presentation_id=${url_presentation_id}; presenter_id=${url_presenter_id}`);
console.log(`ae_events_pres_mgmt session [slug] +page.svelte: event_session_id=${$events_slct.event_session_id}; person_id=${url_person_id}; person_pass=${url_person_pass}; presentation_id=${url_presentation_id}; presenter_id=${url_presenter_id}`);
// Using temporary session values first.
$events_sess.auth__entered_key = url_person_id;
@@ -233,10 +234,10 @@ onMount(() => {
// // We need to load the presentation and presenter objects based on the IDs.
// if ($events_slct.event_presentation_obj_li && $events_slct.event_presentation_obj_li.length > 0) {
// let event_presentation_obj = $events_slct.event_presentation_obj_li.find((obj) => obj.event_presentation_id_random == url_presentation_id);
// $events_slct.presentation_obj = event_presentation_obj;
// $events_slct.event_presentation_obj = event_presentation_obj;
// if (event_presentation_obj.event_presenter_li && event_presentation_obj.event_presenter_li.length > 0) {
// let event_presenter_obj = event_presentation_obj.event_presenter_li.find((obj) => obj.event_presenter_id_random == url_presenter_id);
// $events_slct.presenter_obj = event_presenter_obj;
// $events_slct.event_presenter_obj = event_presenter_obj;
// }
// }
@@ -350,109 +351,109 @@ $: if ($slct_trigger == 'load__event_presenter_obj_li') {
}
function send_init_confirm_email(
{
to_email,
to_name,
person_id,
person_passcode,
presentation_id,
presenter_id,
presentation_name
}: {
to_email: string,
to_name: string,
person_id: string,
person_passcode: string,
presentation_id: string,
presenter_id: string,
presentation_name: string
}
) {
console.log(`*** send_init_confirm_email() *** to ${to_email}.`);
// function send_init_confirm_email(
// {
// to_email,
// to_name,
// person_id,
// person_passcode,
// presentation_id,
// presenter_id,
// presentation_name
// }: {
// to_email: string,
// to_name: string,
// person_id: string,
// person_passcode: string,
// presentation_id: string,
// presenter_id: string,
// presentation_name: string
// }
// ) {
// console.log(`*** send_init_confirm_email() *** to ${to_email}.`);
// let new_passcode = Math.floor(Math.random() * 900000) + 100000
// // let new_passcode = Math.floor(Math.random() * 900000) + 100000
// to_email = 'test+agree@oneskyit.com';
// // to_email = 'test+agree@oneskyit.com';
let sign_in_url = encodeURI(`${data.url.origin}/events_pres_mgmt/session/${$events_slct.event_session_id}?person_id=${person_id}&person_pass=${person_passcode}&presentation_id=${presentation_id}&presenter_id=${presenter_id}`)
// let sign_in_url = encodeURI(`${data.url.origin}/events_pres_mgmt/session/${$events_slct.event_session_id}?person_id=${person_id}&person_pass=${person_passcode}&presentation_id=${presentation_id}&presenter_id=${presenter_id}`)
let subject = `LCI Congress 2024 - Pres Mgmt Hub Sign In Link for ${$lq__event_session_obj?.name} (ID: ${$events_slct.event_session_id})`;
// let subject = `LCI Congress 2024 - Pres Mgmt Hub Sign In Link for ${$lq__event_session_obj?.name} (ID: ${$events_slct.event_session_id})`;
let body_html = `
<div>${to_name},
<p>Your link to sign into the presentation management hub for LCI Congress 2024 is below. If you did not request this, please delete and ignore this email. If you need to make any changes or updates to your submission, you may use this link again later.</p>
</div>
// let body_html = `
// <div>${to_name},
// <p>Your link to sign into the presentation management hub for LCI Congress 2024 is below. If you did not request this, please delete and ignore this email. If you need to make any changes or updates to your submission, you may use this link again later.</p>
// </div>
<div>
<strong>26th Annual Lean Construction Congress (2024)</strong>:<br>
<p>
Session Name: ${$lq__event_session_obj?.name}<br>
Session ID: ${$lq__event_session_obj?.event_session_id_random}<br>
Presentation Name: ${presentation_name}<br>
Presentation ID: ${presentation_id}
</p>
<p>Use this link to view or update your LCI 2024 presentation information.<br>
Copy and paste link: <a href="${sign_in_url}">${sign_in_url}</a></p>
</div>`;
// <div>
// <strong>26th Annual Lean Construction Congress (2024)</strong>:<br>
// <p>
// Session Name: ${$lq__event_session_obj?.name}<br>
// Session ID: ${$lq__event_session_obj?.event_session_id_random}<br>
// Presentation Name: ${presentation_name}<br>
// Presentation ID: ${presentation_id}
// </p>
// <p>Use this link to view or update your LCI 2024 presentation information.<br>
// Copy and paste link: <a href="${sign_in_url}">${sign_in_url}</a></p>
// </div>`;
api.send_email({
api_cfg: $ae_api,
from_email: 'noreply+presmgmt@oneskyit.com',
from_name: 'LCI 2024 Pres Mgmt Hub',
to_email: to_email,
subject: subject,
body_html: body_html,
});
}
// api.send_email({
// api_cfg: $ae_api,
// from_email: 'noreply+presmgmt@oneskyit.com',
// from_name: 'LCI 2024 Pres Mgmt Hub',
// to_email: to_email,
// subject: subject,
// body_html: body_html,
// });
// }
function send_sign_in_poc_email(
{
to_email,
to_name,
person_id,
person_passcode,
session_id,
}: {
to_email: string,
to_name: string,
person_id: string,
person_passcode: string,
session_id: string,
}
) {
console.log(`*** send_sign_in_poc_email() *** to ${to_email}.`);
// function send_sign_in_poc_email(
// {
// to_email,
// to_name,
// person_id,
// person_passcode,
// session_id,
// }: {
// to_email: string,
// to_name: string,
// person_id: string,
// person_passcode: string,
// session_id: string,
// }
// ) {
// console.log(`*** send_sign_in_poc_email() *** to ${to_email}.`);
// to_email = 'test+agree@oneskyit.com';
// // to_email = 'test+agree@oneskyit.com';
let sign_in_url = encodeURI(`${data.url.origin}/events_pres_mgmt/session/${$events_slct.event_session_id}?person_id=${person_id}&person_pass=${person_passcode}&session_id=${session_id}`);
// let sign_in_url = encodeURI(`${data.url.origin}/events_pres_mgmt/session/${$events_slct.event_session_id}?person_id=${person_id}&person_pass=${person_passcode}&session_id=${session_id}`);
let subject = `LCI Congress 2024 - Pres Mgmt Hub Sign In Link for ${$lq__event_session_obj?.name} (ID: ${$events_slct.event_session_id})`;
// let subject = `LCI Congress 2024 - Pres Mgmt Hub Sign In Link for ${$lq__event_session_obj?.name} (ID: ${$events_slct.event_session_id})`;
let body_html = `
<div>${to_name},
<p>Your link to sign into the presentation management hub as a session Champion for LCI Congress 2024 is below. If you did not request this, please delete and ignore this email. If you need to make any changes or updates to your submission, you may use this link again later.</p>
</div>
// let body_html = `
// <div>${to_name},
// <p>Your link to sign into the presentation management hub as a session Champion for LCI Congress 2024 is below. If you did not request this, please delete and ignore this email. If you need to make any changes or updates to your submission, you may use this link again later.</p>
// </div>
<div>
<strong>26th Annual Lean Construction Congress (2024)</strong>:<br>
<p>
Session Name: ${$lq__event_session_obj?.name}<br>
Session ID: ${$lq__event_session_obj?.event_session_id_random}
</p>
<p>Use this link to view or update your LCI 2024 session information.<br>
Copy and paste link: <a href="${sign_in_url}">${sign_in_url}</a></p>
</div>`;
api.send_email({
api_cfg: $ae_api,
from_email: 'noreply+presmgmt@oneskyit.com',
from_name: 'LCI 2024 Pres Mgmt Hub',
to_email: to_email,
subject: subject,
body_html: body_html,
});
}
// <div>
// <strong>26th Annual Lean Construction Congress (2024)</strong>:<br>
// <p>
// Session Name: ${$lq__event_session_obj?.name}<br>
// Session ID: ${$lq__event_session_obj?.event_session_id_random}
// </p>
// <p>Use this link to view or update your LCI 2024 session information.<br>
// Copy and paste link: <a href="${sign_in_url}">${sign_in_url}</a></p>
// </div>`;
// api.send_email({
// api_cfg: $ae_api,
// from_email: 'noreply+presmgmt@oneskyit.com',
// from_name: 'LCI 2024 Pres Mgmt Hub',
// to_email: to_email,
// subject: subject,
// body_html: body_html,
// });
// }
@@ -540,7 +541,7 @@ function send_sign_in_poc_email(
field_type={'text'}
field_value={$lq__event_session_obj?.name}
allow_null={false}
hide_edit_btn={!$ae_loc.trusted_access}
hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
outline_element={false}
show_crud={false}
display_inline={true}
@@ -565,7 +566,7 @@ function send_sign_in_poc_email(
field_type={'text'}
field_value={$lq__event_session_obj?.code}
allow_null={false}
hide_edit_btn={!$ae_loc.trusted_access}
hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
outline_element={false}
show_crud={false}
display_inline={true}
@@ -598,7 +599,7 @@ function send_sign_in_poc_email(
field_type={'datetime'}
field_value={$lq__event_session_obj.start_datetime}
allow_null={false}
hide_edit_btn={!$ae_loc.trusted_access}
hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
outline_element={false}
show_crud={false}
display_inline={true}
@@ -623,7 +624,7 @@ function send_sign_in_poc_email(
field_type={'datetime'}
field_value={$lq__event_session_obj.end_datetime}
allow_null={false}
hide_edit_btn={!$ae_loc.trusted_access}
hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
outline_element={false}
show_crud={false}
display_inline={true}
@@ -642,7 +643,7 @@ function send_sign_in_poc_email(
<li>
<strong class="text-sm">Location/Room:</strong> {@html $lq__event_session_obj.event_location_name ? $lq__event_session_obj.event_location_name : ae_html.not_set}
{#if $ae_loc.trusted_access}
{#if $ae_loc.trusted_access && $ae_loc.edit_mode}
<Element_ae_crud
trigger_patch={ae_triggers.update_event_location}
api_cfg={$ae_api}
@@ -753,7 +754,7 @@ function send_sign_in_poc_email(
{@html $lq__event_session_obj.poc_person_full_name ? $lq__event_session_obj.poc_person_full_name : ae_html.not_set}
</span>
{#if $ae_loc.trusted_access}
{#if $ae_loc.trusted_access && $ae_loc.edit_mode}
<Element_ae_crud
trigger_patch={ae_triggers.update_person_poc}
api_cfg={$ae_api}
@@ -888,7 +889,7 @@ function send_sign_in_poc_email(
<span class="float-right">
{#if $events_loc.auth__kv.session[$events_slct.event_session_id]}
<span class="text-green-500">POC Signed In</span>
<span class="text-green-500">Signed In</span>
{/if}
{#if $ae_loc.trusted_access || !$events_loc.auth__person.id }
@@ -907,13 +908,16 @@ function send_sign_in_poc_email(
return false;
}
send_sign_in_poc_email(
events_func.handle_email_sign_in__event_session(
{
api_cfg: $ae_api,
to_email: $lq__event_session_obj.poc_person_primary_email,
to_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_random?? '-- not set --',
person_passcode: $lq__event_session_obj?.poc_person_passcode?? '-- not set --',
session_id: $lq__event_session_obj?.event_session_id_random?? '-- not set --',
event_session_id: $lq__event_session_obj?.event_session_id_random?? '-- not set --',
session_name: $lq__event_session_obj?.name?? '-- not set --',
}
);
}}
@@ -959,7 +963,7 @@ function send_sign_in_poc_email(
field_type={'textarea'}
field_value={$lq__event_session_obj.description}
allow_null={false}
hide_edit_btn={!$ae_loc.trusted_access}
hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
outline_element={false}
show_crud={false}
display_inline={true}
@@ -1184,7 +1188,7 @@ function send_sign_in_poc_email(
<section>
<div class="float-right space-2 flex flex-row items-center">
{#if $ae_loc.trusted_access }
{#if $ae_loc.trusted_access && $ae_loc.edit_mode}
<button
type="button"
on:click={() => {
@@ -1238,7 +1242,7 @@ function send_sign_in_poc_email(
>
<div class="float-right space-2 flex flex-row items-center">
{#if $ae_loc.trusted_access }
{#if $ae_loc.trusted_access && $ae_loc.edit_mode}
<button
type="button"
on:click={() => {
@@ -1286,7 +1290,7 @@ function send_sign_in_poc_email(
field_type={'text'}
field_value={event_presentation_obj.name}
allow_null={false}
hide_edit_btn={!$ae_loc.trusted_access}
hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
outline_element={false}
show_crud={false}
display_inline={true}
@@ -1327,7 +1331,7 @@ function send_sign_in_poc_email(
field_type={'textarea'}
field_value={event_presentation_obj.description}
allow_null={false}
hide_edit_btn={!$ae_loc.trusted_access}
hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
outline_element={false}
show_crud={false}
display_inline={true}
@@ -1391,10 +1395,21 @@ function send_sign_in_poc_email(
</Element_ae_crud>
</div>
{#await event_presentation_obj.event_presentation_id_random}
<span class="fas fa-spinner fa-spin mx-1"></span>
{:then result}
<Comp_event_presenter_obj_li
link_to_type={'event_presentation'}
link_to_id={result}
>
</Comp_event_presenter_obj_li>
{/await}
<!-- Show presenters for this presentation -->
<!-- This needs to be moved to a separate component. -->
{#if $lq__event_presenter_obj_li?.length > 0}
{#if $lq__event_presenter_obj_li?.length > 0 && 1==2}
<strong class="text-sm">Presenters:
<!-- ({$lq__event_presenter_obj_li?.length}) -->
</strong>
@@ -1413,10 +1428,10 @@ function send_sign_in_poc_email(
console.log('View presenter details');
$events_slct.event_presentation_id = event_presentation_obj.event_presentation_id_random;
$events_slct.presentation_obj = event_presentation_obj;
$events_slct.event_presentation_obj = event_presentation_obj;
$events_slct.event_presenter_id = event_presenter_obj.event_presenter_id_random;
$events_slct.presenter_obj = event_presenter_obj;
$events_slct.event_presenter_obj = event_presenter_obj;
$events_sess.pres_mgmt.show_content__presenter_start = event_presenter_obj.event_presenter_id_random;
}
@@ -1478,10 +1493,10 @@ function send_sign_in_poc_email(
() => {
console.log('View terms and conditions');
$events_slct.event_presentation_id = event_presentation_obj.event_presentation_id_random;
$events_slct.presentation_obj = event_presentation_obj;
$events_slct.event_presentation_obj = event_presentation_obj;
$events_slct.event_presenter_id = event_presenter_obj.event_presenter_id_random;
$events_slct.presenter_obj = event_presenter_obj;
$events_slct.event_presenter_obj = event_presenter_obj;
$events_sess.pres_mgmt.show_content__agree_text = event_presenter_obj.event_presenter_id_random;
}
@@ -1500,10 +1515,10 @@ function send_sign_in_poc_email(
() => {
console.log('View terms and conditions');
$events_slct.event_presentation_id = event_presentation_obj.event_presentation_id_random;
$events_slct.presentation_obj = event_presentation_obj;
$events_slct.event_presentation_obj = event_presentation_obj;
$events_slct.event_presenter_id = event_presenter_obj.event_presenter_id_random;
$events_slct.presenter_obj = event_presenter_obj;
$events_slct.event_presenter_obj = event_presenter_obj;
$events_sess.pres_mgmt.show_content__agree_text = event_presenter_obj.event_presenter_id_random;
}
@@ -1612,10 +1627,10 @@ function send_sign_in_poc_email(
{/each}
</ul>
{:else}
<p>No presenters found...!</p>
{$events_slct.event_presentation_id}
{$lq__event_presentation_obj}
{$lq__event_presenter_obj_li?.length}
<!-- <p>OLD: No presenters found...!</p> -->
<!-- {$events_slct.event_presentation_id} -->
<!-- {$lq__event_presentation_obj} -->
<!-- {$lq__event_presenter_obj_li?.length} -->
{/if}
@@ -1711,7 +1726,7 @@ function send_sign_in_poc_email(
<span class="fas fa-times mx-1"></span>
Close
</button>
<!-- <div class="overflow-auto"> -->
<Presenter_view />
<!-- </div> -->

12
src/routes/events_pres_mgmt/session/[slug]/form_agree.svelte
View File

@@ -33,7 +33,9 @@ let lq__event_presenter_obj = liveQuery(
() => db_events.presenters.get($events_slct.event_presenter_id)
);
// $events_slct.event_presenter_obj = $lq__event_presenter_obj;
let lq__event_presentation_obj = liveQuery(
() => db_events.presentations.get($events_slct.event_presentation_id)
);
$events_sess.pres_mgmt.disable_submit__opt_out = false;
@@ -158,9 +160,9 @@ async function handle_update__event_presenter({
</script>
{#await $lq__event_presenter_obj}
<!-- {#await $lq__event_presenter_obj}
Loading...
{:then result}
{:then result} -->
{#if $lq__event_presenter_obj}
<h2 class="h3">
@@ -180,7 +182,7 @@ async function handle_update__event_presenter({
<p class="text-lg bg-yellow-100 p-2">
<strong>{$lq__event_presenter_obj.full_name} ({$lq__event_presenter_obj.email})</strong> agrees to the following terms and conditions for the presentation:
</p>
<h3 class="h4">Title: "{$events_slct.presentation_obj.name}"</h3>
<h3 class="h4">Title: "{$lq__event_presentation_obj?.name}"</h3>
<h3 class="h4">Opt-Out?</h3>
<form
@@ -358,4 +360,4 @@ async function handle_update__event_presenter({
{/if}
{/await}
<!-- {/await} -->

43
src/routes/events_pres_mgmt/session/[slug]/presenter_view.svelte
View File

@@ -41,6 +41,10 @@ let lq__event_presenter_obj = liveQuery(
() => db_events.presenters.get($events_slct.event_presenter_id)
);
let lq__event_presentation_obj = liveQuery(
() => db_events.presentations.get($events_slct.event_presentation_id)
);
let lq__event_file_obj_li = liveQuery(
async () => await db_events.files.where('event_presenter_id_random').equals($events_slct.event_presenter_id).toArray()
);
@@ -242,9 +246,9 @@ async function handle_delete__event_file({event_file_id}) {
</script>
{#await $lq__event_presenter_obj}
Loading...
{:then result}
<!-- {#await $lq__event_presenter_obj} -->
<!-- Loading... -->
<!-- {:then result} -->
{#if $lq__event_presenter_obj}
<h2 class="h3">
@@ -263,7 +267,7 @@ async function handle_delete__event_file({event_file_id}) {
type="button"
use:clipboard={encodeURI(`${$ae_loc.url_origin}/events_pres_mgmt/session/${$events_slct.event_session_id}?person_id=${$lq__event_presenter_obj.person_id_random}&person_pass=${$lq__event_presenter_obj.person_passcode}&presentation_id=${$events_slct.presentation_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/${$events_slct.event_session_id}?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."
>
@@ -278,19 +282,24 @@ async function handle_delete__event_file({event_file_id}) {
<Element_ae_crud
api_cfg={$ae_api}
object_type={'event_presentation'}
object_id={$events_slct.presentation_obj.event_presentation_id_random}
object_id={$lq__event_presenter_obj.event_presentation_id_random}
field_name={'name'}
field_type={'text'}
field_value={$events_slct.presentation_obj.name}
field_value={$lq__event_presentation_obj?.name}
allow_null={false}
hide_edit_btn={!$ae_loc.trusted_access}
hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
outline_element={false}
show_crud={false}
display_inline={true}
class_li={''}
on:ae_crud_updated={e => {
console.log(`ae_crud_updated:`, e.detail);
events_func.handle_load_ae_obj_id__event_presentation({api_cfg: $ae_api, event_presentation_id: $lq__event_presentation_obj?.event_presentation_id_random, log_lvl: 1});
}}
>
Title: "{$events_slct.presentation_obj.name}"
Title: "{$lq__event_presentation_obj?.name}"
</Element_ae_crud>
<!-- Title: "{$lq__event_presentation_obj?.name}" -->
</h3>
<h3 class="h4">Presenter:</h3>
@@ -313,7 +322,7 @@ async function handle_delete__event_file({event_file_id}) {
field_type={'text'}
field_value={$lq__event_presenter_obj.given_name}
allow_null={false}
hide_edit_btn={!$ae_loc.trusted_access}
hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
outline_element={false}
show_crud={false}
display_inline={true}
@@ -339,7 +348,7 @@ async function handle_delete__event_file({event_file_id}) {
field_type={'text'}
field_value={$lq__event_presenter_obj.family_name}
allow_null={false}
hide_edit_btn={!$ae_loc.trusted_access}
hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
outline_element={false}
show_crud={false}
display_inline={true}
@@ -379,7 +388,7 @@ async function handle_delete__event_file({event_file_id}) {
field_type={'text'}
field_value={$lq__event_presenter_obj.email}
allow_null={false}
hide_edit_btn={!$ae_loc.trusted_access}
hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
outline_element={false}
show_crud={false}
display_inline={false}
@@ -412,7 +421,7 @@ async function handle_delete__event_file({event_file_id}) {
field_type={'text'}
field_value={$lq__event_presenter_obj.person_primary_email}
allow_null={false}
hide_edit_btn={!$ae_loc.trusted_access}
hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
outline_element={false}
show_crud={false}
display_inline={true}
@@ -489,7 +498,7 @@ async function handle_delete__event_file({event_file_id}) {
field_type={'text'}
field_value={$lq__event_presenter_obj.affiliations}
allow_null={false}
hide_edit_btn={!$ae_loc.trusted_access}
hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
outline_element={false}
show_crud={false}
display_inline={false}
@@ -518,7 +527,7 @@ async function handle_delete__event_file({event_file_id}) {
field_type={'text'}
field_value={$lq__event_presenter_obj.person_affiliations}
allow_null={false}
hide_edit_btn={!$ae_loc.trusted_access}
hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
outline_element={false}
show_crud={false}
display_inline={true}
@@ -590,7 +599,7 @@ async function handle_delete__event_file({event_file_id}) {
field_type={'text'}
field_value={$lq__event_presenter_obj.professional_title}
allow_null={false}
hide_edit_btn={!$ae_loc.trusted_access}
hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
outline_element={false}
show_crud={false}
display_inline={false}
@@ -618,7 +627,7 @@ async function handle_delete__event_file({event_file_id}) {
field_type={'text'}
field_value={$lq__event_presenter_obj.person_passcode}
allow_null={true}
hide_edit_btn={!$ae_loc.trusted_access}
hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
outline_element={false}
show_crud={false}
display_inline={false}
@@ -977,4 +986,4 @@ WARNING: The file upload and management is a work in progress. You can upload an
{/if}
{/await}
<!-- {/await} -->