Lots of work on things for LCI! Should have saved more often.
This commit is contained in:
@@ -44,6 +44,7 @@ onMount(() => {
|
||||
</svelte:head>
|
||||
|
||||
|
||||
{#if $ae_loc.administrator_access && 1==2}
|
||||
<section
|
||||
class="submenu flex flex-row justify-center"
|
||||
class:hidden={$ae_loc.iframe}
|
||||
@@ -84,6 +85,7 @@ onMount(() => {
|
||||
</span>
|
||||
|
||||
</section>
|
||||
{/if}
|
||||
|
||||
|
||||
<slot></slot>
|
||||
|
||||
@@ -16,7 +16,11 @@ import Element_data_store from '$lib/element_data_store.svelte';
|
||||
|
||||
|
||||
let event_obj_li = liveQuery(
|
||||
() => db_events.events.toArray()
|
||||
() => db_events.events
|
||||
.orderBy('start_datetime')
|
||||
.reverse()
|
||||
.toArray()
|
||||
// .sortBy('start_datetime')
|
||||
// () => db_events.events
|
||||
// .where('conference')
|
||||
// // .aboveOrEqual(0)
|
||||
|
||||
745
src/routes/events_pres_mgmt/session/[slug]/+page.svelte
Normal file
745
src/routes/events_pres_mgmt/session/[slug]/+page.svelte
Normal file
@@ -0,0 +1,745 @@
|
||||
<script lang="ts">
|
||||
/** @type {import('./$types').PageData} */
|
||||
export let data: any;
|
||||
// console.log(`ae_events_pres_mgmt event [slug] +page.svelte data:`, data);
|
||||
|
||||
import { onMount } from 'svelte';
|
||||
import { goto, invalidate, pushState, replaceState } from '$app/navigation';
|
||||
|
||||
import { clipboard, FileDropzone, getModalStore, localStorageStore, ProgressRadial, RadioGroup, RadioItem, TabGroup, Tab, TabAnchor } from '@skeletonlabs/skeleton';
|
||||
|
||||
import type { key_val } from '$lib/ae_stores';
|
||||
import { ae_util } from '$lib/ae_utils';
|
||||
import { api, send_email } from '$lib/api';
|
||||
import Element_data_store from '$lib/element_data_store.svelte';
|
||||
import Element_ae_crud from '$lib/element_ae_crud.svelte';
|
||||
|
||||
// These will likely be used for patch/update triggers. Maybe delete?
|
||||
let ae_triggers: key_val = {};
|
||||
|
||||
let ae_promises: key_val = {}; // Promise<any>;
|
||||
|
||||
import { liveQuery } from "dexie";
|
||||
import { db_events } from "$lib/db_events";
|
||||
import { ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
|
||||
import { events_loc, events_sess, events_slct, events_trigger } from '$lib/ae_events_stores';
|
||||
import { events_func } from '$lib/ae_events_functions';
|
||||
|
||||
// Quickly save the data passed from the parent(s) to the Svelte stores, localStorage, and other.
|
||||
$slct.account_id = data.account_id;
|
||||
console.log(`$slct.account_id = `, $slct.account_id);
|
||||
let ae_acct = data[$slct.account_id];
|
||||
console.log(`ae_acct = `, ae_acct);
|
||||
|
||||
$events_slct.event_id = ae_acct.slct.event_id;
|
||||
$events_slct.event_obj = ae_acct.slct.event_obj;
|
||||
$events_slct.event_session_id = ae_acct.slct.event_session_id;
|
||||
$events_slct.event_session_obj = ae_acct.slct.event_session_obj;
|
||||
$events_slct.event_presentation_obj_li = ae_acct.slct.event_presentation_obj_li;
|
||||
|
||||
if (!$events_loc.auth__person) {
|
||||
$events_loc.auth__person = {
|
||||
id: '',
|
||||
email: '',
|
||||
full_name: '',
|
||||
entered_key: '',
|
||||
entered_passcode: '',
|
||||
};
|
||||
}
|
||||
|
||||
if (!$events_loc.auth__kv) {
|
||||
$events_loc.auth__kv = {
|
||||
session: {},
|
||||
presentation: {},
|
||||
presenter: {},
|
||||
person: {},
|
||||
};
|
||||
}
|
||||
|
||||
if (!$events_loc.pres_mgmt) {
|
||||
$events_loc.pres_mgmt = {};
|
||||
$events_loc.pres_mgmt.show_content__agree_text = null;
|
||||
}
|
||||
|
||||
// import Leads_add_scan from './leads_add_scan.svelte';
|
||||
// import Sessions_list from './sessions_list.svelte';
|
||||
// import Leads_manage from './leads_manage.svelte';
|
||||
// import Leads_payment from './leads_payment.svelte';
|
||||
|
||||
// let param_slug_event_id = data.params.slug;
|
||||
|
||||
let event_obj = liveQuery(
|
||||
() => db_events.events.get($events_slct.event_id)
|
||||
// () => db_events.events.get(param_slug_event_id)
|
||||
// () => db_events.events.toArray()
|
||||
// () => db_events.events
|
||||
// .where('id_random')
|
||||
// .equals($events_slct.event_id)
|
||||
// // .orderBy('name')
|
||||
// // .offset(10).limit(5)
|
||||
// .toArray()
|
||||
);
|
||||
|
||||
let event_obj_v2 = db_events.events.get($events_slct.event_id);
|
||||
|
||||
|
||||
let event_session_obj = liveQuery(
|
||||
() => db_events.sessions.get($events_slct.event_session_id)
|
||||
);
|
||||
|
||||
let event_presentation_obj_li = liveQuery(
|
||||
() => db_events.presentations.where('event_session_id_random').equals($events_slct.event_session_id_random).toArray()
|
||||
);
|
||||
|
||||
// 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;
|
||||
|
||||
// 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_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 Session [slug]: +page.svelte');
|
||||
|
||||
// console.log(`ae_events_pres_mgmt presenter [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;
|
||||
}
|
||||
if (!$events_slct.event_session_id) {
|
||||
console.log(`No Session ID! Nothing to show. Try setting the Session ID again.`);
|
||||
$events_slct.event_session_id = $events_slct.event_session_id;
|
||||
}
|
||||
|
||||
let url_person_id = data.url.searchParams.get('person_id');
|
||||
let url_person_pass = data.url.searchParams.get('person_pass');
|
||||
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}`);
|
||||
|
||||
$events_sess.entered_key = url_person_id;
|
||||
$events_sess.entered_passcode = url_person_pass;
|
||||
|
||||
// console.log('Remove the passcode from the URL.');
|
||||
// data.url.searchParams.delete('person_id');
|
||||
// data.url.searchParams.delete('person_pass');
|
||||
let new_url = data.url.toString()
|
||||
console.log(new_url);
|
||||
goto(new_url, {replaceState: true});
|
||||
}
|
||||
|
||||
});
|
||||
// console.log(`$ae_loc = `, $ae_loc);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<section
|
||||
class="ae_events_pres_mgmt_event_session md:container h-full mx-auto flex flex-col space-y-4 pt-0 pb-8"
|
||||
>
|
||||
|
||||
|
||||
{#if $events_slct.event_session_id && $event_session_obj}
|
||||
|
||||
<h2 class="h2 text-center">{$event_session_obj.name}</h2>
|
||||
|
||||
<!-- Information about the session -->
|
||||
<section>
|
||||
<h3 class="h3">Session Information:</h3>
|
||||
|
||||
<ul
|
||||
class="space-y-2 px-4"
|
||||
>
|
||||
<li>
|
||||
<strong class="text-sm">Name/Title:</strong> {$event_session_obj.name}
|
||||
<span class="text-sm text-gray-500 bg-yellow-100 p-1 rounded-md border border-yellow-200"
|
||||
title="Session code {$event_session_obj.code}"
|
||||
>
|
||||
<span class="fas fa-barcode"></span>
|
||||
{$event_session_obj.code}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<strong class="text-sm">Date time:</strong> {ae_util.iso_datetime_formatter($event_session_obj.start_datetime, 'datetime_long')} - {ae_util.iso_datetime_formatter($event_session_obj.end_datetime, 'datetime_long')}
|
||||
</li>
|
||||
<li>
|
||||
<strong class="text-sm">Location/Room:</strong> {$event_session_obj.event_location_name ? $event_session_obj.event_location_name : '-- not set --'}
|
||||
</li>
|
||||
{#if $ae_loc.trusted_access}
|
||||
<li>
|
||||
<strong class="text-sm">Session passcode:</strong> {$event_session_obj.passcode ? $event_session_obj.passcode : '-- not set --'}
|
||||
</li>
|
||||
{/if}
|
||||
|
||||
<li>
|
||||
<div>
|
||||
<strong class="text-sm">
|
||||
Session description:
|
||||
</strong>
|
||||
<button
|
||||
type="button"
|
||||
on:click={() => {
|
||||
console.log('Show/Hide Description');
|
||||
$events_loc.pres_mgmt.show_content__session_description = !$events_loc.pres_mgmt.show_content__session_description;
|
||||
}}
|
||||
class="btn btn-sm variant-soft-surface"
|
||||
>
|
||||
{#if $events_loc.pres_mgmt.show_content__session_description}
|
||||
<span class="fas fa-eye-slash mx-1"></span>
|
||||
<span class="text-xs">Hide Description</span>
|
||||
{:else}
|
||||
<span class="fas fa-eye mx-1"></span>
|
||||
<span class="text-xs">Show</span>
|
||||
{/if}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<pre
|
||||
class="whitespace-pre-wrap p-2 bg-gray-100 rounded-md"
|
||||
class:hidden={!$events_loc.pres_mgmt.show_content__session_description}
|
||||
>{$event_session_obj.description}</pre>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<!-- <label
|
||||
class="text-sm"
|
||||
>Session description:
|
||||
<textarea
|
||||
class="textarea my-1 p-2"
|
||||
cols="30"
|
||||
rows="4"
|
||||
disabled
|
||||
>{$event_session_obj.description}</textarea>
|
||||
</label> -->
|
||||
|
||||
<div class="m-1 flex flex-col flex-wrap gap-1 items-center">
|
||||
{#if $ae_loc.trusted_access || $events_loc.auth__kv.session[$events_slct.event_session_id]}
|
||||
|
||||
{#if $events_slct.presenter_obj.agree}
|
||||
<button
|
||||
class="btn btn-md variant-ghost-primary"
|
||||
>
|
||||
<span class="fas fa-download mx-1"></span>
|
||||
Download
|
||||
LCI Congress Template 2024 (PowerPoint)
|
||||
</button>
|
||||
<button
|
||||
class="btn btn-md variant-ghost-primary"
|
||||
>
|
||||
<span class="fas fa-download mx-1"></span>
|
||||
Download
|
||||
LCI Speaker and Champion Congress Task List (Excel)
|
||||
</button>
|
||||
{:else}
|
||||
<span class="text-xl text-red-500 font-bold text-center">
|
||||
<p><strong>Read and Consent Agreement?</strong></p>
|
||||
<p>
|
||||
Please select your name below to view, read, and consent the agreement.
|
||||
</p>
|
||||
</span>
|
||||
{/if}
|
||||
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-sm variant-soft-warning"
|
||||
on:click={() => {
|
||||
$events_loc.auth__person = {
|
||||
id: '',
|
||||
email: '',
|
||||
full_name: '',
|
||||
entered_key: '',
|
||||
entered_passcode: '',
|
||||
};
|
||||
$events_loc.auth__kv = {
|
||||
session: {},
|
||||
presentation: {},
|
||||
presenter: {},
|
||||
person: {},
|
||||
};
|
||||
alert('You have been signed out.');
|
||||
}}
|
||||
>
|
||||
<span class="fas fa-times mx-1"></span>
|
||||
Sign Out
|
||||
</button>
|
||||
|
||||
{:else}
|
||||
<div class="text-xl text-red-500 font-bold text-center">
|
||||
<p><strong>Restricted access!</strong></p>
|
||||
<p>
|
||||
Please select your name below to email the access link.
|
||||
The email address associated with your LCI member record will be used.
|
||||
This is not shown below for safety reasons.
|
||||
<!-- This email address must match your LCI member record. -->
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
Enter your key and passcode to sign in:
|
||||
<input
|
||||
type="text"
|
||||
class="input max-w-36"
|
||||
placeholder="Key"
|
||||
value={$events_sess.entered_key}
|
||||
on:input={(e) => $events_sess.entered_key = e.target.value}
|
||||
>
|
||||
<input
|
||||
type="text"
|
||||
class="input max-w-36"
|
||||
placeholder="Passcode"
|
||||
value={$events_sess.entered_passcode}
|
||||
on:input={(e) => $events_sess.entered_passcode = e.target.value}
|
||||
>
|
||||
<button
|
||||
class="btn btn-md variant-ghost-primary"
|
||||
on:click={() => {
|
||||
console.log('Sign in');
|
||||
$events_loc.auth__person.id = $events_sess.entered_key; // person_id
|
||||
$events_loc.auth__person.entered_key = $events_sess.entered_key; // also person_id in this case
|
||||
$events_loc.auth__person.email = 'test@example.com';
|
||||
$events_loc.auth__person.full_name = 'Test Person';
|
||||
|
||||
$events_loc.auth__kv.person[$events_sess.entered_key] = true;
|
||||
$events_loc.auth__kv.session[$events_slct.event_session_id] = true;
|
||||
}}
|
||||
>
|
||||
<span class="fas fa-sign-in-alt mx-1"></span>
|
||||
Sign In
|
||||
</button>
|
||||
|
||||
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-sm variant-soft-warning"
|
||||
on:click={() => {
|
||||
$events_loc.auth__person = {
|
||||
id: '',
|
||||
email: '',
|
||||
full_name: '',
|
||||
entered_key: '',
|
||||
entered_passcode: '',
|
||||
};
|
||||
$events_loc.auth__kv = {
|
||||
session: {},
|
||||
presentation: {},
|
||||
presenter: {},
|
||||
person: {},
|
||||
};
|
||||
alert('You have been signed out.');
|
||||
}}
|
||||
>
|
||||
<span class="fas fa-times mx-1"></span>
|
||||
Sign Out
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- <button
|
||||
class="btn btn-md variant-soft-primary"
|
||||
>
|
||||
<span class="fas fa-sign-in-alt mx-1"></span>
|
||||
Email Access Link
|
||||
</button> -->
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Presentations in the session -->
|
||||
<section>
|
||||
<h3 class="h3">Presentations:</h3>
|
||||
{#await $events_slct.event_presentation_obj_li}
|
||||
<p>Loading...</p>
|
||||
{:then event_presentation_obj_li}
|
||||
{#if event_presentation_obj_li && event_presentation_obj_li.length > 0}
|
||||
<ul
|
||||
class="space-y-2 px-4"
|
||||
>
|
||||
{#each event_presentation_obj_li as event_presentation_obj}
|
||||
<li>
|
||||
<h4 class="h4">
|
||||
{event_presentation_obj.name}
|
||||
{#if event_presentation_obj.code || event_presentation_obj.abstract_code}
|
||||
<span class="text-sm text-gray-500 bg-yellow-100 p-1 rounded-md border border-yellow-200"
|
||||
title="Presentation code {event_presentation_obj.code} and abstract code {event_presentation_obj.abstract_code}"
|
||||
>
|
||||
<span class="fas fa-barcode"></span>
|
||||
{event_presentation_obj.code ?? ''} {event_presentation_obj.abstract_code ?? ''}
|
||||
</span>
|
||||
{/if}
|
||||
</h4>
|
||||
|
||||
<div>
|
||||
<strong class="text-sm">
|
||||
Description:
|
||||
</strong>
|
||||
<button
|
||||
type="button"
|
||||
on:click={() => {
|
||||
console.log('Show/Hide Description');
|
||||
if ($events_loc.pres_mgmt.show_content__presentation_description == event_presentation_obj.event_presentation_id_random) {
|
||||
$events_loc.pres_mgmt.show_content__presentation_description = null;
|
||||
} else {
|
||||
$events_loc.pres_mgmt.show_content__presentation_description = event_presentation_obj.event_presentation_id_random;
|
||||
}
|
||||
}}
|
||||
class="btn btn-sm variant-soft-surface"
|
||||
>
|
||||
{#if $events_loc.pres_mgmt.show_content__presentation_description == event_presentation_obj.event_presentation_id_random}
|
||||
<span class="fas fa-eye-slash mx-1"></span>
|
||||
<span class="text-xs">Hide Description</span>
|
||||
{:else}
|
||||
<span class="fas fa-eye mx-1"></span>
|
||||
<span class="text-xs">Show</span>
|
||||
{/if}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<pre
|
||||
class="whitespace-pre-wrap p-2 bg-gray-100 rounded-md"
|
||||
class:hidden={$events_loc.pres_mgmt.show_content__presentation_description !== event_presentation_obj.event_presentation_id_random}
|
||||
>{event_presentation_obj.description}</pre>
|
||||
|
||||
{#await event_presentation_obj.event_presenter_li}
|
||||
<p>Loading...</p>
|
||||
{:then event_presenter_li}
|
||||
{#if event_presenter_li && event_presenter_li.length > 0}
|
||||
<strong class="text-sm">Presenters:</strong>
|
||||
<ul
|
||||
class="space-y-2 px-4"
|
||||
>
|
||||
{#each event_presenter_li as event_presenter_obj}
|
||||
<li>
|
||||
{#if event_presenter_obj.agree}
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-md variant-outline-success"
|
||||
on:click={
|
||||
() => {
|
||||
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_presenter_id = event_presenter_obj.event_presenter_id_random;
|
||||
$events_slct.presenter_obj = event_presenter_obj;
|
||||
|
||||
$events_loc.pres_mgmt.show_content__presenter_start = event_presenter_obj.event_presenter_id_random;
|
||||
}
|
||||
}
|
||||
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"
|
||||
class="btn btn-md variant-outline-warning"
|
||||
disabled={!$events_loc.auth__kv.person[event_presenter_obj.person_id_random]}
|
||||
on:click={
|
||||
() => {
|
||||
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_presenter_id = event_presenter_obj.event_presenter_id_random;
|
||||
$events_slct.presenter_obj = event_presenter_obj;
|
||||
|
||||
$events_loc.pres_mgmt.show_content__agree_text = event_presenter_obj.event_presenter_id_random;
|
||||
}
|
||||
}
|
||||
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}
|
||||
|
||||
{event_presenter_obj.person_id_random}
|
||||
|
||||
<span class="fas fa-user"></span>
|
||||
{event_presenter_obj.full_name}
|
||||
|
||||
{#if $ae_loc.trusted_access && event_presenter_obj.email}
|
||||
<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.agree}
|
||||
<span>
|
||||
<span class="fas fa-file"></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}
|
||||
{:else}
|
||||
<button
|
||||
class="btn btn-md variant-soft-primary"
|
||||
>
|
||||
<span class="fas fa-sign-in-alt mx-1"></span>
|
||||
Email Access Link
|
||||
</button>
|
||||
{/if}
|
||||
|
||||
<!-- A button to copy the access link to the clipboard. -->
|
||||
<!-- Example: /events_pres_mgmt/session/Wh8UnJlbIA0?person_id=fV1dl_IJ0yY&person_pass=abc123 -->
|
||||
<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}`)}
|
||||
>
|
||||
Copy Access Link
|
||||
</button>
|
||||
|
||||
<!-- on:click={() => {
|
||||
let person_id = event_presenter_obj.person_id_random;
|
||||
let person_pass = event_presenter_obj.person_passcode;
|
||||
let person_url = `/events_pres_mgmt/session/{$events_slct.event_session_id}?person_id=${person_id}&person_pass=${person_pass}`;
|
||||
let base_url = window.location.origin;
|
||||
console.log(`Copy the access link to the clipboard: ${person_url}`);
|
||||
clipboard.writeText(base_url+person_url);
|
||||
}} -->
|
||||
|
||||
|
||||
</li>
|
||||
{/each}
|
||||
</ul>
|
||||
{/if}
|
||||
{:catch error}
|
||||
<p>Error: {error.message}</p>
|
||||
{/await}
|
||||
|
||||
</li>
|
||||
{/each}
|
||||
</ul>
|
||||
{:else}
|
||||
Nothing to show yet...
|
||||
{/if}
|
||||
{:catch error}
|
||||
<p>Error: {error.message}</p>
|
||||
{/await}
|
||||
</section>
|
||||
|
||||
|
||||
{/if}
|
||||
|
||||
</section>
|
||||
|
||||
{#if $events_loc.pres_mgmt?.show_content__agree_text}
|
||||
<section class="ae_quick_modal_container">
|
||||
<section class="ae_quick_popover">
|
||||
|
||||
<section class="ae_modal_scrollfix">
|
||||
<button
|
||||
on:click={
|
||||
() => {
|
||||
$events_loc.pres_mgmt.show_content__agree_text = null;
|
||||
}
|
||||
}
|
||||
class="btn btn-sm variant-soft-secondary float-right"
|
||||
>
|
||||
<span class="fas fa-times mx-1"></span>
|
||||
Close
|
||||
</button>
|
||||
|
||||
|
||||
|
||||
<h2 class="h3">
|
||||
Presenter Agreement for:<br>
|
||||
<strong>{$events_slct.presenter_obj.full_name} ({$events_slct.presenter_obj.email})</strong>
|
||||
</h2>
|
||||
|
||||
<Element_data_store
|
||||
ds_code="event_presenter_agree_text"
|
||||
ds_type="html"
|
||||
display="block"
|
||||
class_li="p-2"
|
||||
/>
|
||||
|
||||
<section class="p-2">
|
||||
<!-- Highlight the persons name, email, and that whole line. -->
|
||||
<p class="text-lg bg-yellow-100 p-2">
|
||||
<strong>{$events_slct.presenter_obj.full_name} ({$events_slct.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">Opt-Out?</h3>
|
||||
<p>Speaker does not permit the use of presentation materials as described in section(s), above for: (please check for all that apply)</p>
|
||||
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
class="form-checkbox"
|
||||
>
|
||||
Audio Reproduction of Presentation
|
||||
</label>
|
||||
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
class="form-checkbox"
|
||||
>
|
||||
Video Reproduction of Presentation
|
||||
</label>
|
||||
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
class="form-checkbox"
|
||||
>
|
||||
Transcription and Publication of Presentation on LCI Website
|
||||
</label>
|
||||
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
class="form-checkbox"
|
||||
>
|
||||
Publication of Presentation on LCI Congress App
|
||||
</label>
|
||||
|
||||
|
||||
<h3 class="h4">Agree?</h3>
|
||||
<!-- Agree (agreement) means this presenter has agreed to the terms and conditions. -->
|
||||
<Element_ae_crud
|
||||
trigger_patch={ae_triggers.agree}
|
||||
api_cfg={$ae_api}
|
||||
object_type={'event_presenter'}
|
||||
object_id={$events_slct.presenter_obj?.event_presenter_id_random}
|
||||
field_name={'agree'}
|
||||
field_type={'button'}
|
||||
field_value={$events_slct.presenter_obj.agree}
|
||||
allow_null={false}
|
||||
hide_edit_btn={true}
|
||||
outline_element={false}
|
||||
show_crud={false}
|
||||
display_inline={true}
|
||||
class_li={'m-1'}
|
||||
on:ae_crud_updated={e => {
|
||||
console.log(`ae_crud_updated event:`, e.detail);
|
||||
events_func.handle_load_ae_obj_id__presenter({api_cfg: $ae_api, presenter_id: $events_slct.presenter_id});
|
||||
}}
|
||||
>
|
||||
{#if !$events_slct.presenter_obj?.agree}
|
||||
Not Agreed:
|
||||
<span class="fas fa-question text-red-500 m-1"></span>
|
||||
<!-- <span class="fas fa-credit-card mx-1"></span> -->
|
||||
Waiting for agreement
|
||||
{:else}
|
||||
Agreed:
|
||||
<span class="fas fa-check text-green-500 m-1"></span>
|
||||
<span class="fas fa-check mx-1"></span>
|
||||
Marked as agreed
|
||||
{/if}
|
||||
|
||||
{#if $ae_loc.trusted_access}
|
||||
<button
|
||||
type="button"
|
||||
on:click={() => {
|
||||
$events_slct.presenter_obj.agree = !$events_slct.presenter_obj?.agree;
|
||||
ae_triggers.agree = true;
|
||||
}}
|
||||
class="btn btn-sm variant-soft-warning"
|
||||
>
|
||||
{@html ($events_slct.presenter_obj?.agree ? '<span class="fas fa-sync m-1"></span> Not agreed?' : '<span class="fa fa-sync m-1"></span> Mark as agreed?')}
|
||||
</button>
|
||||
{/if}
|
||||
</Element_ae_crud>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
<button
|
||||
on:click={
|
||||
() => {
|
||||
$events_loc.pres_mgmt.show_content__agree_text = null;
|
||||
}
|
||||
}
|
||||
class="btn btn-sm variant-soft-secondary float-right"
|
||||
>
|
||||
<span class="fas fa-times mx-1"></span>
|
||||
Close
|
||||
</button>
|
||||
|
||||
</section>
|
||||
</section>
|
||||
{/if}
|
||||
|
||||
|
||||
<style lang="postcss">
|
||||
/* Use the div.ae_quick_modal_container to block background clicks when using the section.ae_quick_popover. */
|
||||
div.ae_quick_modal_container {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 100;
|
||||
background-color: hsla(0, 0%, 0%, .5);
|
||||
}
|
||||
|
||||
/* The section.ae_quick_popover should be above the rest of the content and centered on the page. */
|
||||
section.ae_quick_popover {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 100;
|
||||
background-color: hsla(0, 0%, 100%, .95);
|
||||
padding: 1rem;
|
||||
border-radius: .5rem;
|
||||
box-shadow: 0 0 1rem hsla(0, 0%, 0%, .5);
|
||||
|
||||
min-height: 30%;
|
||||
min-width: 80%;
|
||||
}
|
||||
</style>
|
||||
73
src/routes/events_pres_mgmt/session/[slug]/+page.ts
Normal file
73
src/routes/events_pres_mgmt/session/[slug]/+page.ts
Normal file
@@ -0,0 +1,73 @@
|
||||
/** @type {import('./$types').PageLoad} */
|
||||
console.log(`ae_events_pres_mgmt_event [slug] +page.ts start`);
|
||||
|
||||
import { events_func } from '$lib/ae_events_functions';
|
||||
|
||||
export async function load({ parent }) { // route
|
||||
// console.log(`ae_events_pres_mgmt_event +page.ts data.params:`, params);
|
||||
// console.log(`ae_events_pres_mgmt_event +page.ts data.route:`, route);
|
||||
// console.log(`ae_events_pres_mgmt_event +page.ts data.url:`, url);
|
||||
|
||||
let data = await parent();
|
||||
// console.log(`ae_events_pres_mgmt_event +page.ts data:`, data);
|
||||
|
||||
let account_id = data.account_id;
|
||||
let ae_acct = data[account_id];
|
||||
console.log(`ae_acct = `, ae_acct);
|
||||
|
||||
if (!account_id) {
|
||||
console.log(`events_pres_mgmt_event [slug] +page.ts: The account_id was not found in the data!!!`);
|
||||
return false;
|
||||
}
|
||||
|
||||
data.ae_events_pres_mgmt_event_slug_page_ts = true;
|
||||
|
||||
// let param_slug_event_session_id = data.params.slug;
|
||||
|
||||
let event_session_id = data.params.slug;
|
||||
if (!event_session_id) {
|
||||
console.log(`events_pres_mgmt_event [slug] +layout.ts: The event_session_id was not found in the data.params.slug!!!`);
|
||||
return false;
|
||||
}
|
||||
|
||||
ae_acct.slct.event_session_id = event_session_id;
|
||||
|
||||
let load_event_session_obj = events_func.handle_load_ae_obj_id__event_session({api_cfg: ae_acct.api, event_session_id: event_session_id, try_cache: false});
|
||||
|
||||
ae_acct.slct.event_session_obj = await load_event_session_obj;
|
||||
|
||||
let load_event_presentation_obj_li = await events_func.handle_load_ae_obj_li__event_presentation({
|
||||
api_cfg: ae_acct.api,
|
||||
event_session_id: event_session_id,
|
||||
params: {enabled: 'all', qry__limit: 50},
|
||||
try_cache: false
|
||||
})
|
||||
.then((event_presentation_obj_li) => {
|
||||
console.log(`event_presentation_obj_li = `, event_presentation_obj_li);
|
||||
for (let index = 0; index < event_presentation_obj_li.length; index++) {
|
||||
let event_presentation_obj = event_presentation_obj_li[index];
|
||||
let event_presentation_id = event_presentation_obj.event_presentation_id_random;
|
||||
|
||||
let load_event_presenter_obj_li = events_func.handle_load_ae_obj_li__event_presenter({
|
||||
api_cfg: ae_acct.api,
|
||||
event_presentation_id: event_presentation_id,
|
||||
params: {enabled: 'all', qry__limit: 15},
|
||||
try_cache: false
|
||||
});
|
||||
console.log(`load_event_presenter_obj_li = `, load_event_presenter_obj_li);
|
||||
event_presentation_obj_li[index].event_presenter_li = load_event_presenter_obj_li;
|
||||
// ae_acct.slct.event_presentation_obj_li[index].event_presenter_obj_li = load_event_presenter_obj_li;
|
||||
}
|
||||
|
||||
// ae_acct.slct.event_presentation_obj_li = event_presentation_obj_li;
|
||||
|
||||
return event_presentation_obj_li;
|
||||
});
|
||||
console.log(`load_event_presentation_obj_li = `, load_event_presentation_obj_li);
|
||||
ae_acct.slct.event_presentation_obj_li = load_event_presentation_obj_li;
|
||||
|
||||
// WARNING: Precaution against shared data between sites and presentations.
|
||||
data[account_id] = ae_acct;
|
||||
|
||||
return data;
|
||||
}
|
||||
Reference in New Issue
Block a user