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

Prettier for Event ID

Browse Source
This commit is contained in:
Scott Idem
2026-03-24 12:16:11 -04:00
parent 693486bac9
commit 6e67534454
10 changed files with 948 additions and 895 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/routes/events/[event_id]/+layout.svelte
View File

@@ -1,16 +1,16 @@
<script lang="ts"> <script lang="ts">
import { untrack } from 'svelte'; import { untrack } from 'svelte';
interface Props { interface Props {
/** @type {import('./$types').LayoutData} */ /** @type {import('./$types').LayoutData} */
data: any; data: any;
children?: import('svelte').Snippet; children?: import('svelte').Snippet;
} }
let { data, children }: Props = $props(); let { data, children }: Props = $props();
let log_lvl: number = 0; let log_lvl: number = 0;
import { import {
ae_snip, ae_snip,
ae_loc, ae_loc,
ae_sess, ae_sess,
@@ -18,44 +18,53 @@
ae_trig, ae_trig,
slct, slct,
slct_trigger slct_trigger
} from '$lib/stores/ae_stores'; } from '$lib/stores/ae_stores';
import { import {
events_loc, events_loc,
events_sess, events_sess,
events_slct, events_slct,
events_trigger events_trigger
} from '$lib/stores/ae_events_stores'; } from '$lib/stores/ae_events_stores';
// Quickly save the data passed from the parent(s) to the Svelte stores, localStorage, and other. // Quickly save the data passed from the parent(s) to the Svelte stores, localStorage, and other.
// $slct.account_id = data.account_id; // $slct.account_id = data.account_id;
// NOTE: Derived from data.account_id (prop) instead of $slct.account_id (store) // NOTE: Derived from data.account_id (prop) instead of $slct.account_id (store)
// to prevent circular dependency loops during hydration. // to prevent circular dependency loops during hydration.
let ae_acct = $derived(data[data.account_id]); let ae_acct = $derived(data[data.account_id]);
$effect(() => { $effect(() => {
if (log_lvl) { if (log_lvl) {
console.log(`ae_acct = `, ae_acct); console.log(`ae_acct = `, ae_acct);
} }
if (log_lvl > 1) { if (log_lvl > 1) {
console.log(`[event_id] +layout A: ${data.params.event_id}`); console.log(`[event_id] +layout A: ${data.params.event_id}`);
if (ae_acct) console.log(`[event_id] +layout B: ${ae_acct.slct.event_id}`); if (ae_acct)
console.log(`[event_id] +layout B: ${ae_acct.slct.event_id}`);
console.log(`[event_id] +layout C: ${$events_slct.event_id}`); console.log(`[event_id] +layout C: ${$events_slct.event_id}`);
} }
}); });
$effect(() => { $effect(() => {
if (ae_acct) { if (ae_acct) {
untrack(() => { untrack(() => {
if (JSON.stringify($events_slct.event_session_obj_li) !== JSON.stringify(ae_acct.slct.event_session_obj_li)) { if (
$events_slct.event_session_obj_li = ae_acct.slct.event_session_obj_li; JSON.stringify($events_slct.event_session_obj_li) !==
JSON.stringify(ae_acct.slct.event_session_obj_li)
) {
$events_slct.event_session_obj_li =
ae_acct.slct.event_session_obj_li;
} }
if (JSON.stringify($events_slct.event_location_obj_li) !== JSON.stringify(ae_acct.slct.event_location_obj_li)) { if (
$events_slct.event_location_obj_li = ae_acct.slct.event_location_obj_li; JSON.stringify($events_slct.event_location_obj_li) !==
JSON.stringify(ae_acct.slct.event_location_obj_li)
) {
$events_slct.event_location_obj_li =
ae_acct.slct.event_location_obj_li;
} }
}); });
} }
}); });
</script> </script>
{@render children?.()} {@render children?.()}

7
src/routes/events/[event_id]/+layout.ts
View File

@@ -17,7 +17,9 @@ export async function load({ params, parent }) {
let ae_acct = data[account_id]; let ae_acct = data[account_id];
if (!ae_acct) { if (!ae_acct) {
console.warn(`ae Events - [event_id] +layout.ts: Account ${account_id} not found in data. Initializing ghost acct.`); console.warn(
`ae Events - [event_id] +layout.ts: Account ${account_id} not found in data. Initializing ghost acct.`
);
ae_acct = { ae_acct = {
api: data.ae_api || {}, api: data.ae_api || {},
slct: { slct: {
@@ -39,7 +41,8 @@ export async function load({ params, parent }) {
ae_acct.slct.event_id = event_id; ae_acct.slct.event_id = event_id;
if (browser) { if (browser) {
if (log_lvl) console.log(`ae_events [event_id] +layout.ts (Non-Blocking)`); if (log_lvl)
console.log(`ae_events [event_id] +layout.ts (Non-Blocking)`);
// OPTIMIZATION: Fire the event load in the background without 'await'. // OPTIMIZATION: Fire the event load in the background without 'await'.
// The event module uses SWR, so this will: // The event module uses SWR, so this will:

64
src/routes/events/[event_id]/+page.svelte
View File

@@ -1,23 +1,23 @@
<script lang="ts"> <script lang="ts">
import { liveQuery } from 'dexie'; import { liveQuery } from 'dexie';
import { Wrench, Presentation, Plane, IdCard, Contact } from '@lucide/svelte'; import { Wrench, Presentation, Plane, IdCard, Contact } from '@lucide/svelte';
import { db_events } from '$lib/ae_events/db_events'; import { db_events } from '$lib/ae_events/db_events';
import { ae_util } from '$lib/ae_utils/ae_utils'; import { ae_util } from '$lib/ae_utils/ae_utils';
import { events_slct } from '$lib/stores/ae_events_stores'; import { events_slct } from '$lib/stores/ae_events_stores';
import { ae_loc } from '$lib/stores/ae_stores'; import { ae_loc } from '$lib/stores/ae_stores';
interface Props { interface Props {
data: any; data: any;
} }
let { data }: Props = $props(); let { data }: Props = $props();
let lq__event_obj = $derived( let lq__event_obj = $derived(
liveQuery(async () => { liveQuery(async () => {
return await db_events.event.get($events_slct?.event_id ?? ''); return await db_events.event.get($events_slct?.event_id ?? '');
}) })
); );
const modules = [ const modules = [
{ {
name: 'Presentation Management', name: 'Presentation Management',
path: 'pres_mgmt', path: 'pres_mgmt',
@@ -50,16 +50,18 @@
color: 'preset-filled-success-200-800', color: 'preset-filled-success-200-800',
access: 'authenticated_access' access: 'authenticated_access'
} }
]; ];
let filtered_modules = $derived( let filtered_modules = $derived(
modules.filter(mod => { modules.filter((mod) => {
if (mod.access === 'authenticated_access') return $ae_loc.authenticated_access; if (mod.access === 'authenticated_access')
return $ae_loc.authenticated_access;
if (mod.access === 'trusted_access') return $ae_loc.trusted_access; if (mod.access === 'trusted_access') return $ae_loc.trusted_access;
if (mod.access === 'administrator_access') return $ae_loc.administrator_access; if (mod.access === 'administrator_access')
return $ae_loc.administrator_access;
return true; return true;
}) })
); );
</script> </script>
<svelte:head> <svelte:head>
@@ -68,23 +70,23 @@
</title> </title>
</svelte:head> </svelte:head>
<div class="container mx-auto p-4 space-y-8"> <div class="container mx-auto space-y-8 p-4">
<header class="text-center space-y-2"> <header class="space-y-2 text-center">
<h1 class="text-4xl font-bold"> <h1 class="text-4xl font-bold">
{$lq__event_obj?.name ?? 'Event Hub'} {$lq__event_obj?.name ?? 'Event Hub'}
</h1> </h1>
<p class="text-xl opacity-70"> <p class="text-xl opacity-70">
Welcome to the event management dashboard. Please select a module to begin. Welcome to the event management dashboard. Please select a module to
begin.
</p> </p>
</header> </header>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"> <div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4">
{#each filtered_modules as mod (mod.path)} {#each filtered_modules as mod (mod.path)}
<a <a
href="/events/{$events_slct.event_id}/{mod.path}" href="/events/{$events_slct.event_id}/{mod.path}"
class="card card-hover p-6 flex flex-col items-center text-center space-y-4 transition-transform hover:scale-105 bg-surface-100 dark:bg-surface-800 border border-surface-200 dark:border-surface-700 shadow-lg" class="card card-hover bg-surface-100 dark:bg-surface-800 border-surface-200 dark:border-surface-700 flex flex-col items-center space-y-4 border p-6 text-center shadow-lg transition-transform hover:scale-105">
> <div class="rounded-full p-6 {mod.color} text-4xl text-white">
<div class="p-6 rounded-full {mod.color} text-white text-4xl">
<mod.icon size="2rem" /> <mod.icon size="2rem" />
</div> </div>
<h3 class="text-2xl font-bold">{mod.name}</h3> <h3 class="text-2xl font-bold">{mod.name}</h3>
@@ -94,14 +96,20 @@
</div> </div>
{#if $ae_loc.administrator_access && $ae_loc.edit_mode} {#if $ae_loc.administrator_access && $ae_loc.edit_mode}
<section class="card p-6 preset-tonal-warning border-l-4 border-warning-500 mt-12 shadow-lg"> <section
class="card preset-tonal-warning border-warning-500 mt-12 border-l-4 p-6 shadow-lg">
<div class="flex items-center gap-4"> <div class="flex items-center gap-4">
<Wrench size="2rem" class="shrink-0" aria-hidden="true" /> <Wrench size="2rem" class="shrink-0" aria-hidden="true" />
<div> <div>
<h3 class="text-xl font-bold">Event Admin Settings</h3> <h3 class="text-xl font-bold">Event Admin Settings</h3>
<p>You have elevated privileges. Use the menu above to access advanced settings and reports.</p> <p>
You have elevated privileges. Use the menu above to
access advanced settings and reports.
</p>
</div> </div>
<a href="/events/{$events_slct.event_id}/settings" class="btn ae_btn_warning ml-auto"> <a
href="/events/{$events_slct.event_id}/settings"
class="btn ae_btn_warning ml-auto">
Event Settings Event Settings
</a> </a>
</div> </div>

296
src/routes/events/[event_id]/settings/+page.svelte
View File

@@ -1,43 +1,50 @@
<script lang="ts"> <script lang="ts">
import { page } from '$app/state'; import { page } from '$app/state';
import { goto } from '$app/navigation'; import { goto } from '$app/navigation';
import { Lock, Printer, Plus, Upload, FileText, BarChart2 } from '@lucide/svelte'; import {
import { liveQuery } from 'dexie'; Lock,
import { db_events, type Event } from '$lib/ae_events/db_events'; Printer,
import { onMount } from 'svelte'; Plus,
import { events_func } from '$lib/ae_events/ae_events_functions'; Upload,
import { ae_loc, ae_api } from '$lib/stores/ae_stores'; FileText,
import AE_Comp_Editor_CodeMirror from '$lib/elements/element_editor_codemirror.svelte'; BarChart2
import Ae_comp_event_settings_form from './ae_comp__event_settings_form.svelte'; } from '@lucide/svelte';
import Ae_comp_event_settings_pres_mgmt_form from './ae_comp__event_settings_pres_mgmt_form.svelte'; import { liveQuery } from 'dexie';
import Ae_comp_event_settings_basic_form from './ae_comp__event_settings_basic_form.svelte'; import { db_events, type Event } from '$lib/ae_events/db_events';
import Ae_comp_event_settings_badges_form from './ae_comp__event_settings_badges_form.svelte'; import { onMount } from 'svelte';
import Ae_comp_event_settings_abstracts_form from './ae_comp__event_settings_abstracts_form.svelte'; import { events_func } from '$lib/ae_events/ae_events_functions';
import { Modal } from 'flowbite-svelte'; import { ae_loc, ae_api } from '$lib/stores/ae_stores';
import Comp_badge_create_form from '../(badges)/badges/ae_comp__badge_create_form.svelte'; import AE_Comp_Editor_CodeMirror from '$lib/elements/element_editor_codemirror.svelte';
import Comp_badge_upload_form from '../(badges)/badges/ae_comp__badge_upload_form.svelte'; import Ae_comp_event_settings_form from './ae_comp__event_settings_form.svelte';
import Ae_comp_event_settings_pres_mgmt_form from './ae_comp__event_settings_pres_mgmt_form.svelte';
import Ae_comp_event_settings_basic_form from './ae_comp__event_settings_basic_form.svelte';
import Ae_comp_event_settings_badges_form from './ae_comp__event_settings_badges_form.svelte';
import Ae_comp_event_settings_abstracts_form from './ae_comp__event_settings_abstracts_form.svelte';
import { Modal } from 'flowbite-svelte';
import Comp_badge_create_form from '../(badges)/badges/ae_comp__badge_create_form.svelte';
import Comp_badge_upload_form from '../(badges)/badges/ae_comp__badge_upload_form.svelte';
let event_id = page.params.event_id as string; let event_id = page.params.event_id as string;
let event_obj: Event | undefined | null = $state(null); let event_obj: Event | undefined | null = $state(null);
let cfg_json_view = $state('form'); let cfg_json_view = $state('form');
let pres_mgmt_json_view = $state('form'); let pres_mgmt_json_view = $state('form');
let badges_json_view = $state('form'); let badges_json_view = $state('form');
let abstracts_json_view = $state('form'); let abstracts_json_view = $state('form');
// Temp string values for CodeMirror binding // Temp string values for CodeMirror binding
// WARNING: These string buffers are used to decouple the object-based model from the string-based editor. // WARNING: These string buffers are used to decouple the object-based model from the string-based editor.
// Always ensure valid JSON parsing before calling handle_save to prevent data corruption. // Always ensure valid JSON parsing before calling handle_save to prevent data corruption.
let tmp_cfg_json_str = $state(''); let tmp_cfg_json_str = $state('');
let tmp_pres_mgmt_json_str = $state(''); let tmp_pres_mgmt_json_str = $state('');
let tmp_badges_json_str = $state(''); let tmp_badges_json_str = $state('');
let tmp_abstracts_json_str = $state(''); let tmp_abstracts_json_str = $state('');
let tmp_exhibits_json_str = $state(''); let tmp_exhibits_json_str = $state('');
let tmp_meetings_json_str = $state(''); let tmp_meetings_json_str = $state('');
let show_create_badge_modal: boolean = $state(false); let show_create_badge_modal: boolean = $state(false);
let show_upload_badge_modal: boolean = $state(false); let show_upload_badge_modal: boolean = $state(false);
onMount(() => { onMount(() => {
// Guard: administrator access required. 500ms grace delay matches the /core // Guard: administrator access required. 500ms grace delay matches the /core
// layout pattern — allows the persisted store to hydrate before redirecting. // layout pattern — allows the persisted store to hydrate before redirecting.
setTimeout(() => { setTimeout(() => {
@@ -51,20 +58,40 @@
event_obj = value; event_obj = value;
if (event_obj) { if (event_obj) {
tmp_cfg_json_str = JSON.stringify(event_obj.cfg_json, null, 4); tmp_cfg_json_str = JSON.stringify(event_obj.cfg_json, null, 4);
tmp_pres_mgmt_json_str = JSON.stringify(event_obj.mod_pres_mgmt_json, null, 4); tmp_pres_mgmt_json_str = JSON.stringify(
tmp_badges_json_str = JSON.stringify(event_obj.mod_badges_json, null, 4); event_obj.mod_pres_mgmt_json,
tmp_abstracts_json_str = JSON.stringify(event_obj.mod_abstracts_json, null, 4); null,
tmp_exhibits_json_str = JSON.stringify(event_obj.mod_exhibits_json, null, 4); 4
tmp_meetings_json_str = JSON.stringify(event_obj.mod_meetings_json, null, 4); );
tmp_badges_json_str = JSON.stringify(
event_obj.mod_badges_json,
null,
4
);
tmp_abstracts_json_str = JSON.stringify(
event_obj.mod_abstracts_json,
null,
4
);
tmp_exhibits_json_str = JSON.stringify(
event_obj.mod_exhibits_json,
null,
4
);
tmp_meetings_json_str = JSON.stringify(
event_obj.mod_meetings_json,
null,
4
);
} }
}); });
return () => { return () => {
subscription.unsubscribe(); subscription.unsubscribe();
}; };
}); });
async function handle_save(field_name: string, data: any) { async function handle_save(field_name: string, data: any) {
if (!data) return; if (!data) return;
try { try {
let data_kv = {}; let data_kv = {};
@@ -85,81 +112,74 @@
alert('Settings saved successfully!'); alert('Settings saved successfully!');
} catch (error) { } catch (error) {
console.error('Error saving settings:', error); console.error('Error saving settings:', error);
alert( alert('Failed to save settings. Please check if the JSON is valid.');
'Failed to save settings. Please check if the JSON is valid.'
);
}
} }
}
</script> </script>
{#if $ae_loc.administrator_access} {#if $ae_loc.administrator_access}
<h1 class="h1">Event Settings</h1>
<h1 class="h1">Event Settings</h1> {#if event_obj}
{#if event_obj}
<div class="space-y-4"> <div class="space-y-4">
<details class="details" open> <details class="details" open>
<summary class="summary font-bold text-error-500" <summary class="summary text-error-500 font-bold"
>Admin Tools</summary >Admin Tools</summary>
> <div class="space-y-4 p-4">
<div class="p-4 space-y-4"> <div class="card rounded-md border p-4 text-center">
<div class="card p-4 border rounded-md text-center">
<h4 class="h4">Badge Operations</h4> <h4 class="h4">Badge Operations</h4>
<div class="flex flex-wrap justify-center gap-2 mt-2"> <div class="mt-2 flex flex-wrap justify-center gap-2">
<button <button
type="button" type="button"
class="btn btn-primary" class="btn btn-primary"
onclick={() => (show_create_badge_modal = true)} onclick={() =>
> (show_create_badge_modal = true)}>
<Plus size="1em" aria-hidden="true" /> Add New Badge <Plus size="1em" aria-hidden="true" /> Add New Badge
</button> </button>
<button <button
type="button" type="button"
class="btn btn-primary ml-2" class="btn btn-primary ml-2"
onclick={() => (show_upload_badge_modal = true)} onclick={() =>
> (show_upload_badge_modal = true)}>
<Upload size="1em" aria-hidden="true" /> Upload Badge <Upload size="1em" aria-hidden="true" /> Upload Badge
List List
</button> </button>
</div> </div>
</div> </div>
<div class="card p-4 border rounded-md text-center"> <div class="card rounded-md border p-4 text-center">
<h4 class="h4">Mass Print Options</h4> <h4 class="h4">Mass Print Options</h4>
<div class="flex flex-wrap justify-center gap-2 mt-2"> <div class="mt-2 flex flex-wrap justify-center gap-2">
<a <a
href={`/events/${event_id}/badges/print_list?printed_status=not_printed`} href={`/events/${event_id}/badges/print_list?printed_status=not_printed`}
class="btn preset-filled-secondary" class="btn preset-filled-secondary">
> <Printer size="1em" aria-hidden="true" /> Print All
<Printer size="1em" aria-hidden="true" /> Print All Unprinted Unprinted
</a> </a>
<a <a
href={`/events/${event_id}/badges/print_list?badge_type_code=guest&printed_status=not_printed`} href={`/events/${event_id}/badges/print_list?badge_type_code=guest&printed_status=not_printed`}
class="btn preset-filled-secondary" class="btn preset-filled-secondary">
>
<Printer size="1em" aria-hidden="true" /> Print Unprinted <Printer size="1em" aria-hidden="true" /> Print Unprinted
Guests Guests
</a> </a>
<a <a
href={`/events/${event_id}/badges/print_list`} href={`/events/${event_id}/badges/print_list`}
class="btn preset-filled-secondary" class="btn preset-filled-secondary">
>
<Printer size="1em" aria-hidden="true" /> Print All <Printer size="1em" aria-hidden="true" /> Print All
</a> </a>
</div> </div>
</div> </div>
<div class="flex flex-wrap justify-center gap-4 mt-4"> <div class="mt-4 flex flex-wrap justify-center gap-4">
<a <a
href={`/events/${event_id}/templates`} href={`/events/${event_id}/templates`}
class="btn btn-tertiary" class="btn btn-tertiary">
> <FileText size="1em" aria-hidden="true" /> Manage Badge
<FileText size="1em" aria-hidden="true" /> Manage Badge Templates Templates
</a> </a>
<a <a
href={`/events/${event_id}/badges/stats`} href={`/events/${event_id}/badges/stats`}
class="btn btn-tertiary" class="btn btn-tertiary">
>
<BarChart2 size="1em" aria-hidden="true" /> Badge Printing <BarChart2 size="1em" aria-hidden="true" /> Badge Printing
Stats Stats
</a> </a>
@@ -172,8 +192,8 @@
<div class="p-4"> <div class="p-4">
<Ae_comp_event_settings_basic_form <Ae_comp_event_settings_basic_form
bind:event_obj bind:event_obj
onsave={(data: any) => handle_save('basic_fields', data)} onsave={(data: any) =>
/> handle_save('basic_fields', data)} />
</div> </div>
</details> </details>
@@ -184,19 +204,19 @@
<button <button
type="button" type="button"
class="btn btn-sm" class="btn btn-sm"
onclick={() => (cfg_json_view = 'form')}>Form</button onclick={() => (cfg_json_view = 'form')}
> >Form</button>
<button <button
type="button" type="button"
class="btn btn-sm" class="btn btn-sm"
onclick={() => (cfg_json_view = 'json')}>JSON</button onclick={() => (cfg_json_view = 'json')}
> >JSON</button>
</div> </div>
{#if cfg_json_view === 'form'} {#if cfg_json_view === 'form'}
<Ae_comp_event_settings_form <Ae_comp_event_settings_form
bind:cfg_json={event_obj.cfg_json} bind:cfg_json={event_obj.cfg_json}
onsave={(data: any) => handle_save('cfg_json', data)} onsave={(data: any) =>
/> handle_save('cfg_json', data)} />
{:else} {:else}
<AE_Comp_Editor_CodeMirror <AE_Comp_Editor_CodeMirror
readonly={false} readonly={false}
@@ -204,44 +224,40 @@
bind:new_content={tmp_cfg_json_str} bind:new_content={tmp_cfg_json_str}
show_line_numbers={true} show_line_numbers={true}
placeholder="JSON config" placeholder="JSON config"
class_li="p-1 preset-outlined-success-400-600 shadow-lg rounded-lg" class_li="p-1 preset-outlined-success-400-600 shadow-lg rounded-lg" />
/>
<button <button
type="button" type="button"
class="btn preset-tonal-primary" class="btn preset-tonal-primary"
onclick={() => { onclick={() => {
handle_save('cfg_json', tmp_cfg_json_str); handle_save('cfg_json', tmp_cfg_json_str);
}}>Save</button }}>Save</button>
>
{/if} {/if}
</div> </div>
</details> </details>
<details class="details"> <details class="details">
<summary class="summary" <summary class="summary"
>Presentation Management (mod_pres_mgmt_json)</summary >Presentation Management (mod_pres_mgmt_json)</summary>
>
<div class="p-4"> <div class="p-4">
<div class="flex justify-end"> <div class="flex justify-end">
<button <button
type="button" type="button"
class="btn btn-sm" class="btn btn-sm"
onclick={() => (pres_mgmt_json_view = 'form')} onclick={() => (pres_mgmt_json_view = 'form')}
>Form</button >Form</button>
>
<button <button
type="button" type="button"
class="btn btn-sm" class="btn btn-sm"
onclick={() => (pres_mgmt_json_view = 'json')} onclick={() => (pres_mgmt_json_view = 'json')}
>JSON</button >JSON</button>
>
</div> </div>
{#if pres_mgmt_json_view === 'form'} {#if pres_mgmt_json_view === 'form'}
<Ae_comp_event_settings_pres_mgmt_form <Ae_comp_event_settings_pres_mgmt_form
bind:mod_pres_mgmt_json={event_obj.mod_pres_mgmt_json} bind:mod_pres_mgmt_json={
event_obj.mod_pres_mgmt_json
}
onsave={(data: any) => onsave={(data: any) =>
handle_save('mod_pres_mgmt_json', data)} handle_save('mod_pres_mgmt_json', data)} />
/>
{:else} {:else}
<AE_Comp_Editor_CodeMirror <AE_Comp_Editor_CodeMirror
readonly={false} readonly={false}
@@ -249,8 +265,7 @@
bind:new_content={tmp_pres_mgmt_json_str} bind:new_content={tmp_pres_mgmt_json_str}
show_line_numbers={true} show_line_numbers={true}
placeholder="JSON config" placeholder="JSON config"
class_li="p-1 preset-outlined-success-400-600 shadow-lg rounded-lg" class_li="p-1 preset-outlined-success-400-600 shadow-lg rounded-lg" />
/>
<button <button
type="button" type="button"
class="btn preset-tonal-primary" class="btn preset-tonal-primary"
@@ -259,8 +274,7 @@
'mod_pres_mgmt_json', 'mod_pres_mgmt_json',
tmp_pres_mgmt_json_str tmp_pres_mgmt_json_str
); );
}}>Save</button }}>Save</button>
>
{/if} {/if}
</div> </div>
</details> </details>
@@ -272,20 +286,19 @@
<button <button
type="button" type="button"
class="btn btn-sm" class="btn btn-sm"
onclick={() => (badges_json_view = 'form')}>Form</button onclick={() => (badges_json_view = 'form')}
> >Form</button>
<button <button
type="button" type="button"
class="btn btn-sm" class="btn btn-sm"
onclick={() => (badges_json_view = 'json')}>JSON</button onclick={() => (badges_json_view = 'json')}
> >JSON</button>
</div> </div>
{#if badges_json_view === 'form'} {#if badges_json_view === 'form'}
<Ae_comp_event_settings_badges_form <Ae_comp_event_settings_badges_form
bind:mod_badges_json={event_obj.mod_badges_json} bind:mod_badges_json={event_obj.mod_badges_json}
onsave={(data: any) => onsave={(data: any) =>
handle_save('mod_badges_json', data)} handle_save('mod_badges_json', data)} />
/>
{:else} {:else}
<AE_Comp_Editor_CodeMirror <AE_Comp_Editor_CodeMirror
readonly={false} readonly={false}
@@ -293,8 +306,7 @@
bind:new_content={tmp_badges_json_str} bind:new_content={tmp_badges_json_str}
show_line_numbers={true} show_line_numbers={true}
placeholder="JSON config" placeholder="JSON config"
class_li="p-1 preset-outlined-success-400-600 shadow-lg rounded-lg" class_li="p-1 preset-outlined-success-400-600 shadow-lg rounded-lg" />
/>
<button <button
type="button" type="button"
class="btn preset-tonal-primary" class="btn preset-tonal-primary"
@@ -303,35 +315,34 @@
'mod_badges_json', 'mod_badges_json',
tmp_badges_json_str tmp_badges_json_str
); );
}}>Save</button }}>Save</button>
>
{/if} {/if}
</div> </div>
</details> </details>
<details class="details"> <details class="details">
<summary class="summary">Abstracts (mod_abstracts_json)</summary> <summary class="summary"
>Abstracts (mod_abstracts_json)</summary>
<div class="p-4"> <div class="p-4">
<div class="flex justify-end"> <div class="flex justify-end">
<button <button
type="button" type="button"
class="btn btn-sm" class="btn btn-sm"
onclick={() => (abstracts_json_view = 'form')} onclick={() => (abstracts_json_view = 'form')}
>Form</button >Form</button>
>
<button <button
type="button" type="button"
class="btn btn-sm" class="btn btn-sm"
onclick={() => (abstracts_json_view = 'json')} onclick={() => (abstracts_json_view = 'json')}
>JSON</button >JSON</button>
>
</div> </div>
{#if abstracts_json_view === 'form'} {#if abstracts_json_view === 'form'}
<Ae_comp_event_settings_abstracts_form <Ae_comp_event_settings_abstracts_form
bind:mod_abstracts_json={event_obj.mod_abstracts_json} bind:mod_abstracts_json={
event_obj.mod_abstracts_json
}
onsave={(data: any) => onsave={(data: any) =>
handle_save('mod_abstracts_json', data)} handle_save('mod_abstracts_json', data)} />
/>
{:else} {:else}
<AE_Comp_Editor_CodeMirror <AE_Comp_Editor_CodeMirror
readonly={false} readonly={false}
@@ -339,8 +350,7 @@
bind:new_content={tmp_abstracts_json_str} bind:new_content={tmp_abstracts_json_str}
show_line_numbers={true} show_line_numbers={true}
placeholder="JSON config" placeholder="JSON config"
class_li="p-1 preset-outlined-success-400-600 shadow-lg rounded-lg" class_li="p-1 preset-outlined-success-400-600 shadow-lg rounded-lg" />
/>
<button <button
type="button" type="button"
class="btn preset-tonal-primary" class="btn preset-tonal-primary"
@@ -349,8 +359,7 @@
'mod_abstracts_json', 'mod_abstracts_json',
tmp_abstracts_json_str tmp_abstracts_json_str
); );
}}>Save</button }}>Save</button>
>
{/if} {/if}
</div> </div>
</details> </details>
@@ -364,8 +373,7 @@
bind:new_content={tmp_exhibits_json_str} bind:new_content={tmp_exhibits_json_str}
show_line_numbers={true} show_line_numbers={true}
placeholder="JSON config" placeholder="JSON config"
class_li="p-1 preset-outlined-success-400-600 shadow-lg rounded-lg" class_li="p-1 preset-outlined-success-400-600 shadow-lg rounded-lg" />
/>
<button <button
type="button" type="button"
class="btn preset-tonal-primary" class="btn preset-tonal-primary"
@@ -374,8 +382,8 @@
'mod_exhibits_json', 'mod_exhibits_json',
tmp_exhibits_json_str tmp_exhibits_json_str
); );
}}>Save</button }}>Save</button>
> </div> </div>
</details> </details>
<details class="details"> <details class="details">
@@ -387,8 +395,7 @@
bind:new_content={tmp_meetings_json_str} bind:new_content={tmp_meetings_json_str}
show_line_numbers={true} show_line_numbers={true}
placeholder="JSON config" placeholder="JSON config"
class_li="p-1 preset-outlined-success-400-600 shadow-lg rounded-lg" class_li="p-1 preset-outlined-success-400-600 shadow-lg rounded-lg" />
/>
<button <button
type="button" type="button"
class="btn preset-tonal-primary" class="btn preset-tonal-primary"
@@ -397,15 +404,15 @@
'mod_meetings_json', 'mod_meetings_json',
tmp_meetings_json_str tmp_meetings_json_str
); );
}}>Save</button }}>Save</button>
> </div> </div>
</details> </details>
</div> </div>
{:else} {:else}
<p>Loading event data...</p> <p>Loading event data...</p>
{/if} {/if}
{#if show_create_badge_modal} {#if show_create_badge_modal}
<Modal bind:open={show_create_badge_modal}> <Modal bind:open={show_create_badge_modal}>
<div class="card p-4"> <div class="card p-4">
<h3 class="h3">Create New Badge</h3> <h3 class="h3">Create New Badge</h3>
@@ -414,13 +421,12 @@
onsuccess={() => { onsuccess={() => {
show_create_badge_modal = false; show_create_badge_modal = false;
}} }}
oncancel={() => (show_create_badge_modal = false)} oncancel={() => (show_create_badge_modal = false)} />
/>
</div> </div>
</Modal> </Modal>
{/if} {/if}
{#if show_upload_badge_modal} {#if show_upload_badge_modal}
<Modal bind:open={show_upload_badge_modal}> <Modal bind:open={show_upload_badge_modal}>
<div class="card p-4"> <div class="card p-4">
<h3 class="h3">Upload Badges (CSV)</h3> <h3 class="h3">Upload Badges (CSV)</h3>
@@ -429,20 +435,22 @@
onsuccess={() => { onsuccess={() => {
show_upload_badge_modal = false; show_upload_badge_modal = false;
}} }}
oncancel={() => (show_upload_badge_modal = false)} oncancel={() => (show_upload_badge_modal = false)} />
/>
</div> </div>
</Modal> </Modal>
{/if} {/if}
{:else} {:else}
<!-- Non-administrator landed here — show a brief message while the onMount redirect fires --> <!-- Non-administrator landed here — show a brief message while the onMount redirect fires -->
<section class="flex flex-col items-center justify-center grow text-center space-y-4 py-20"> <section
<div class="p-6 bg-error-500/10 rounded-full"> class="flex grow flex-col items-center justify-center space-y-4 py-20 text-center">
<div class="bg-error-500/10 rounded-full p-6">
<Lock size={64} class="text-error-500" /> <Lock size={64} class="text-error-500" />
</div> </div>
<h1 class="h1 font-black">Access Restricted</h1> <h1 class="h1 font-black">Access Restricted</h1>
<p class="max-w-md opacity-70">Event settings require administrator access. Redirecting…</p> <p class="max-w-md opacity-70">
<a href={`/events/${event_id}`} class="btn preset-filled-primary">Return to Event</a> Event settings require administrator access. Redirecting…
</p>
<a href={`/events/${event_id}`} class="btn preset-filled-primary"
>Return to Event</a>
</section> </section>
{/if} {/if}

43
src/routes/events/[event_id]/settings/ae_comp__event_settings_abstracts_form.svelte
View File

@@ -1,16 +1,16 @@
<script lang="ts"> <script lang="ts">
import type { key_val } from '$lib/stores/ae_stores'; import type { key_val } from '$lib/stores/ae_stores';
interface Props { interface Props {
mod_abstracts_json: key_val | null | undefined; mod_abstracts_json: key_val | null | undefined;
onsave?: (data: key_val) => void; onsave?: (data: key_val) => void;
} }
let { mod_abstracts_json = $bindable({}), onsave }: Props = $props(); let { mod_abstracts_json = $bindable({}), onsave }: Props = $props();
function save() { function save() {
if (onsave && mod_abstracts_json) onsave(mod_abstracts_json); if (onsave && mod_abstracts_json) onsave(mod_abstracts_json);
} }
</script> </script>
<div class="space-y-4"> <div class="space-y-4">
@@ -22,8 +22,7 @@
<input <input
type="number" type="number"
class="input" class="input"
bind:value={mod_abstracts_json.name_char_limit} bind:value={mod_abstracts_json.name_char_limit} />
/>
</label> </label>
</div> </div>
<div> <div>
@@ -32,8 +31,7 @@
<input <input
type="number" type="number"
class="input" class="input"
bind:value={mod_abstracts_json.text_char_limit} bind:value={mod_abstracts_json.text_char_limit} />
/>
</label> </label>
</div> </div>
<div> <div>
@@ -42,8 +40,7 @@
<input <input
type="datetime-local" type="datetime-local"
class="input" class="input"
bind:value={mod_abstracts_json.deadline_new} bind:value={mod_abstracts_json.deadline_new} />
/>
</label> </label>
</div> </div>
<div> <div>
@@ -52,8 +49,7 @@
<input <input
type="datetime-local" type="datetime-local"
class="input" class="input"
bind:value={mod_abstracts_json.deadline_updates} bind:value={mod_abstracts_json.deadline_updates} />
/>
</label> </label>
</div> </div>
<div> <div>
@@ -61,8 +57,9 @@
<input <input
type="checkbox" type="checkbox"
class="checkbox" class="checkbox"
bind:checked={mod_abstracts_json.confirm_email_w_link} bind:checked={
/> mod_abstracts_json.confirm_email_w_link
} />
<span>Confirm Email with Link</span> <span>Confirm Email with Link</span>
</label> </label>
</div> </div>
@@ -72,8 +69,7 @@
<input <input
type="email" type="email"
class="input" class="input"
bind:value={mod_abstracts_json.confirm_from_email} bind:value={mod_abstracts_json.confirm_from_email} />
/>
</label> </label>
</div> </div>
<div> <div>
@@ -82,8 +78,7 @@
<input <input
type="text" type="text"
class="input" class="input"
bind:value={mod_abstracts_json.confirm_from_name} bind:value={mod_abstracts_json.confirm_from_name} />
/>
</label> </label>
</div> </div>
<div> <div>
@@ -92,14 +87,14 @@
<input <input
type="email" type="email"
class="input" class="input"
bind:value={mod_abstracts_json.confirm_to_email_override} bind:value={
/> mod_abstracts_json.confirm_to_email_override
} />
</label> </label>
</div> </div>
</div> </div>
{/if} {/if}
<button type="button" class="btn preset-tonal-primary" onclick={save} <button type="button" class="btn preset-tonal-primary" onclick={save}
>Save</button >Save</button>
>
</div> </div>

138
src/routes/events/[event_id]/settings/ae_comp__event_settings_badges_form.svelte
View File

@@ -1,14 +1,14 @@
<script lang="ts"> <script lang="ts">
import type { key_val } from '$lib/stores/ae_stores'; import type { key_val } from '$lib/stores/ae_stores';
interface Props { interface Props {
mod_badges_json: key_val | null | undefined; mod_badges_json: key_val | null | undefined;
onsave?: (data: key_val) => void; onsave?: (data: key_val) => void;
} }
let { mod_badges_json = $bindable({}), onsave }: Props = $props(); let { mod_badges_json = $bindable({}), onsave }: Props = $props();
/** /**
* edit_permissions — controls which fields each access level may edit in the badge review form. * edit_permissions — controls which fields each access level may edit in the badge review form.
* Stored as mod_badges_json.edit_permissions. * Stored as mod_badges_json.edit_permissions.
* *
@@ -22,62 +22,85 @@
* Default trusted fields: above + email, badge_type_code * Default trusted fields: above + email, badge_type_code
*/ */
const all_attendee_fields = [ const all_attendee_fields = [
{ key: 'full_name_override', label: 'Full Name (override)' }, { key: 'full_name_override', label: 'Full Name (override)' },
{ key: 'professional_title_override', label: 'Professional Title (override)' }, {
key: 'professional_title_override',
label: 'Professional Title (override)'
},
{ key: 'affiliations_override', label: 'Affiliations (override)' }, { key: 'affiliations_override', label: 'Affiliations (override)' },
{ key: 'location_override', label: 'Location (override)' } { key: 'location_override', label: 'Location (override)' }
]; ];
const all_staff_fields = [ const all_staff_fields = [
...all_attendee_fields, ...all_attendee_fields,
{ key: 'email', label: 'Email' }, { key: 'email', label: 'Email' },
{ key: 'badge_type_code', label: 'Badge Type Code' } { key: 'badge_type_code', label: 'Badge Type Code' }
]; ];
// Ensure edit_permissions sub-object exists // Ensure edit_permissions sub-object exists
function ensure_permissions() { function ensure_permissions() {
if (!mod_badges_json) return; if (!mod_badges_json) return;
if (!mod_badges_json.edit_permissions) { if (!mod_badges_json.edit_permissions) {
mod_badges_json.edit_permissions = {}; mod_badges_json.edit_permissions = {};
} }
if (!mod_badges_json.edit_permissions.authenticated) { if (!mod_badges_json.edit_permissions.authenticated) {
mod_badges_json.edit_permissions.authenticated = { mod_badges_json.edit_permissions.authenticated = {
can_edit: ['full_name_override', 'professional_title_override', 'affiliations_override', 'location_override'] can_edit: [
'full_name_override',
'professional_title_override',
'affiliations_override',
'location_override'
]
}; };
} }
if (!mod_badges_json.edit_permissions.trusted) { if (!mod_badges_json.edit_permissions.trusted) {
mod_badges_json.edit_permissions.trusted = { mod_badges_json.edit_permissions.trusted = {
can_edit: ['full_name_override', 'professional_title_override', 'affiliations_override', 'location_override', 'email', 'badge_type_code'] can_edit: [
'full_name_override',
'professional_title_override',
'affiliations_override',
'location_override',
'email',
'badge_type_code'
]
}; };
} }
if (!mod_badges_json.edit_permissions.administrator) { if (!mod_badges_json.edit_permissions.administrator) {
mod_badges_json.edit_permissions.administrator = { can_edit: '*' }; mod_badges_json.edit_permissions.administrator = { can_edit: '*' };
} }
} }
function is_field_enabled(level: 'authenticated' | 'trusted', field_key: string): boolean { function is_field_enabled(
level: 'authenticated' | 'trusted',
field_key: string
): boolean {
const cfg = mod_badges_json?.edit_permissions?.[level]?.can_edit; const cfg = mod_badges_json?.edit_permissions?.[level]?.can_edit;
if (!cfg) return false; if (!cfg) return false;
if (cfg === '*') return true; if (cfg === '*') return true;
return Array.isArray(cfg) && cfg.includes(field_key); return Array.isArray(cfg) && cfg.includes(field_key);
} }
function toggle_field(level: 'authenticated' | 'trusted', field_key: string) { function toggle_field(level: 'authenticated' | 'trusted', field_key: string) {
ensure_permissions(); ensure_permissions();
if (!mod_badges_json?.edit_permissions?.[level]) return; if (!mod_badges_json?.edit_permissions?.[level]) return;
let fields: string[] = mod_badges_json.edit_permissions[level].can_edit; let fields: string[] = mod_badges_json.edit_permissions[level].can_edit;
if (!Array.isArray(fields)) fields = []; if (!Array.isArray(fields)) fields = [];
if (fields.includes(field_key)) { if (fields.includes(field_key)) {
mod_badges_json.edit_permissions[level].can_edit = fields.filter((f: string) => f !== field_key); mod_badges_json.edit_permissions[level].can_edit = fields.filter(
(f: string) => f !== field_key
);
} else { } else {
mod_badges_json.edit_permissions[level].can_edit = [...fields, field_key]; mod_badges_json.edit_permissions[level].can_edit = [
} ...fields,
field_key
];
} }
}
function save() { function save() {
if (onsave && mod_badges_json) onsave(mod_badges_json); if (onsave && mod_badges_json) onsave(mod_badges_json);
} }
</script> </script>
<div class="space-y-4"> <div class="space-y-4">
@@ -88,8 +111,7 @@
<input <input
type="checkbox" type="checkbox"
class="checkbox" class="checkbox"
bind:checked={mod_badges_json.badge_id_only_search} bind:checked={mod_badges_json.badge_id_only_search} />
/>
<span>Badge ID Only Search</span> <span>Badge ID Only Search</span>
</label> </label>
</div> </div>
@@ -98,8 +120,7 @@
<input <input
type="checkbox" type="checkbox"
class="checkbox" class="checkbox"
bind:checked={mod_badges_json.enable_mass_print} bind:checked={mod_badges_json.enable_mass_print} />
/>
<span>Enable Mass Print</span> <span>Enable Mass Print</span>
</label> </label>
</div> </div>
@@ -108,8 +129,7 @@
<input <input
type="checkbox" type="checkbox"
class="checkbox" class="checkbox"
bind:checked={mod_badges_json.enable_add_badge_btn} bind:checked={mod_badges_json.enable_add_badge_btn} />
/>
<span>Enable Add Badge Button</span> <span>Enable Add Badge Button</span>
</label> </label>
</div> </div>
@@ -118,8 +138,9 @@
<input <input
type="checkbox" type="checkbox"
class="checkbox" class="checkbox"
bind:checked={mod_badges_json.enable_upload_badge_li_btn} bind:checked={
/> mod_badges_json.enable_upload_badge_li_btn
} />
<span>Enable Upload Badge List Button</span> <span>Enable Upload Badge List Button</span>
</label> </label>
</div> </div>
@@ -128,8 +149,7 @@
<input <input
type="checkbox" type="checkbox"
class="checkbox" class="checkbox"
bind:checked={mod_badges_json.enable_search_qr} bind:checked={mod_badges_json.enable_search_qr} />
/>
<span>Enable Search by QR</span> <span>Enable Search by QR</span>
</label> </label>
</div> </div>
@@ -142,8 +162,7 @@
<input <input
type="text" type="text"
class="input" class="input"
bind:value={mod_badges_json.qr_type} bind:value={mod_badges_json.qr_type} />
/>
</label> </label>
</div> </div>
<div> <div>
@@ -152,8 +171,7 @@
<input <input
type="text" type="text"
class="input" class="input"
bind:value={mod_badges_json.trusted_passcode} bind:value={mod_badges_json.trusted_passcode} />
/>
</label> </label>
</div> </div>
<div> <div>
@@ -162,20 +180,20 @@
<input <input
type="text" type="text"
class="input" class="input"
bind:value={mod_badges_json.administrator_passcode} bind:value={mod_badges_json.administrator_passcode} />
/>
</label> </label>
</div> </div>
</div> </div>
<details class="space-y-3"> <details class="space-y-3">
<summary class="cursor-pointer font-medium text-sm"> <summary class="cursor-pointer text-sm font-medium">
Badge Review — Editable Field Permissions Badge Review — Editable Field Permissions
</summary> </summary>
<div class="space-y-4 pt-2 pl-2"> <div class="space-y-4 pt-2 pl-2">
<p class="text-xs text-gray-500"> <p class="text-xs text-gray-500">
Controls which fields each access level may edit on the Badge Review page. Controls which fields each access level may edit on the
Staff (Trusted) defaults include all attendee fields plus Email and Badge Type Code. Badge Review page. Staff (Trusted) defaults include all
attendee fields plus Email and Badge Type Code.
Administrators can always edit everything. Administrators can always edit everything.
</p> </p>
@@ -184,13 +202,20 @@
<p class="text-sm font-medium">Attendees (passcode link)</p> <p class="text-sm font-medium">Attendees (passcode link)</p>
<div class="grid grid-cols-2 gap-x-4 gap-y-1"> <div class="grid grid-cols-2 gap-x-4 gap-y-1">
{#each all_attendee_fields as field (field.key)} {#each all_attendee_fields as field (field.key)}
<label class="label flex items-center gap-2 text-sm"> <label
class="label flex items-center gap-2 text-sm">
<input <input
type="checkbox" type="checkbox"
class="checkbox" class="checkbox"
checked={is_field_enabled('authenticated', field.key)} checked={is_field_enabled(
onchange={() => toggle_field('authenticated', field.key)} 'authenticated',
/> field.key
)}
onchange={() =>
toggle_field(
'authenticated',
field.key
)} />
<span>{field.label}</span> <span>{field.label}</span>
</label> </label>
{/each} {/each}
@@ -202,13 +227,17 @@
<p class="text-sm font-medium">Staff (Trusted access)</p> <p class="text-sm font-medium">Staff (Trusted access)</p>
<div class="grid grid-cols-2 gap-x-4 gap-y-1"> <div class="grid grid-cols-2 gap-x-4 gap-y-1">
{#each all_staff_fields as field (field.key)} {#each all_staff_fields as field (field.key)}
<label class="label flex items-center gap-2 text-sm"> <label
class="label flex items-center gap-2 text-sm">
<input <input
type="checkbox" type="checkbox"
class="checkbox" class="checkbox"
checked={is_field_enabled('trusted', field.key)} checked={is_field_enabled(
onchange={() => toggle_field('trusted', field.key)} 'trusted',
/> field.key
)}
onchange={() =>
toggle_field('trusted', field.key)} />
<span>{field.label}</span> <span>{field.label}</span>
</label> </label>
{/each} {/each}
@@ -217,13 +246,14 @@
<!-- Administrator note --> <!-- Administrator note -->
<p class="text-xs text-gray-400 italic"> <p class="text-xs text-gray-400 italic">
Administrators always have access to all fields (not configurable). Administrators always have access to all fields (not
configurable).
</p> </p>
</div> </div>
</details> </details>
{/if} <!-- end {#if mod_badges_json} --> {/if}
<!-- end {#if mod_badges_json} -->
<button type="button" class="btn preset-tonal-primary" onclick={save} <button type="button" class="btn preset-tonal-primary" onclick={save}
>Save</button >Save</button>
>
</div> </div>

24
src/routes/events/[event_id]/settings/ae_comp__event_settings_basic_form.svelte
View File

@@ -1,16 +1,16 @@
<script lang="ts"> <script lang="ts">
import type { key_val } from '$lib/stores/ae_stores'; import type { key_val } from '$lib/stores/ae_stores';
interface Props { interface Props {
event_obj: key_val; event_obj: key_val;
onsave?: (data: key_val) => void; onsave?: (data: key_val) => void;
} }
let { event_obj = $bindable(), onsave }: Props = $props(); let { event_obj = $bindable(), onsave }: Props = $props();
function save() { function save() {
if (onsave) onsave(event_obj); if (onsave) onsave(event_obj);
} }
</script> </script>
<div class="space-y-4"> <div class="space-y-4">
@@ -31,8 +31,7 @@
<input <input
type="checkbox" type="checkbox"
class="checkbox" class="checkbox"
bind:checked={event_obj.conference} bind:checked={event_obj.conference} />
/>
<span>Conference</span> <span>Conference</span>
</label> </label>
</div> </div>
@@ -62,8 +61,7 @@
<input <input
type="datetime-local" type="datetime-local"
class="input" class="input"
bind:value={event_obj.start_datetime} bind:value={event_obj.start_datetime} />
/>
</label> </label>
</div> </div>
<div> <div>
@@ -72,8 +70,7 @@
<input <input
type="datetime-local" type="datetime-local"
class="input" class="input"
bind:value={event_obj.end_datetime} bind:value={event_obj.end_datetime} />
/>
</label> </label>
</div> </div>
<div> <div>
@@ -83,6 +80,5 @@
</label> </label>
</div> </div>
<button type="button" class="btn preset-tonal-primary" onclick={save} <button type="button" class="btn preset-tonal-primary" onclick={save}
>Save</button >Save</button>
>
</div> </div>

25
src/routes/events/[event_id]/settings/ae_comp__event_settings_form.svelte
View File

@@ -1,16 +1,16 @@
<script lang="ts"> <script lang="ts">
import type { key_val } from '$lib/stores/ae_stores'; import type { key_val } from '$lib/stores/ae_stores';
interface Props { interface Props {
cfg_json: key_val | null | undefined; cfg_json: key_val | null | undefined;
onsave?: (data: key_val) => void; onsave?: (data: key_val) => void;
} }
let { cfg_json = $bindable({}), onsave }: Props = $props(); let { cfg_json = $bindable({}), onsave }: Props = $props();
function save() { function save() {
if (onsave && cfg_json) onsave(cfg_json); if (onsave && cfg_json) onsave(cfg_json);
} }
</script> </script>
<div class="space-y-4"> <div class="space-y-4">
@@ -18,17 +18,22 @@
<div> <div>
<label class="label"> <label class="label">
<span>Short Name</span> <span>Short Name</span>
<input type="text" class="input" bind:value={cfg_json.short_name} /> <input
type="text"
class="input"
bind:value={cfg_json.short_name} />
</label> </label>
</div> </div>
<div> <div>
<label class="label"> <label class="label">
<span>Medium Name</span> <span>Medium Name</span>
<input type="text" class="input" bind:value={cfg_json.med_name} /> <input
type="text"
class="input"
bind:value={cfg_json.med_name} />
</label> </label>
</div> </div>
{/if} {/if}
<button type="button" class="btn preset-tonal-primary" onclick={save} <button type="button" class="btn preset-tonal-primary" onclick={save}
>Save</button >Save</button>
>
</div> </div>

65
src/routes/events/[event_id]/settings/ae_comp__event_settings_pres_mgmt_form.svelte
View File

@@ -1,16 +1,16 @@
<script lang="ts"> <script lang="ts">
import type { key_val } from '$lib/stores/ae_stores'; import type { key_val } from '$lib/stores/ae_stores';
interface Props { interface Props {
mod_pres_mgmt_json: key_val | null | undefined; mod_pres_mgmt_json: key_val | null | undefined;
onsave?: (data: key_val) => void; onsave?: (data: key_val) => void;
} }
let { mod_pres_mgmt_json = $bindable({}), onsave }: Props = $props(); let { mod_pres_mgmt_json = $bindable({}), onsave }: Props = $props();
function save() { function save() {
if (onsave && mod_pres_mgmt_json) onsave(mod_pres_mgmt_json); if (onsave && mod_pres_mgmt_json) onsave(mod_pres_mgmt_json);
} }
</script> </script>
<div class="space-y-4"> <div class="space-y-4">
@@ -21,8 +21,7 @@
<input <input
type="checkbox" type="checkbox"
class="checkbox" class="checkbox"
bind:checked={mod_pres_mgmt_json.lock_config} bind:checked={mod_pres_mgmt_json.lock_config} />
/>
<span>Lock Config</span> <span>Lock Config</span>
</label> </label>
</div> </div>
@@ -31,8 +30,7 @@
<input <input
type="checkbox" type="checkbox"
class="checkbox" class="checkbox"
bind:checked={mod_pres_mgmt_json.hide__location_code} bind:checked={mod_pres_mgmt_json.hide__location_code} />
/>
<span>Hide Location Code</span> <span>Hide Location Code</span>
</label> </label>
</div> </div>
@@ -41,8 +39,9 @@
<input <input
type="checkbox" type="checkbox"
class="checkbox" class="checkbox"
bind:checked={mod_pres_mgmt_json.hide__presentation_code} bind:checked={
/> mod_pres_mgmt_json.hide__presentation_code
} />
<span>Hide Presentation Code</span> <span>Hide Presentation Code</span>
</label> </label>
</div> </div>
@@ -51,8 +50,9 @@
<input <input
type="checkbox" type="checkbox"
class="checkbox" class="checkbox"
bind:checked={mod_pres_mgmt_json.hide__presenter_code} bind:checked={
/> mod_pres_mgmt_json.hide__presenter_code
} />
<span>Hide Presenter Code</span> <span>Hide Presenter Code</span>
</label> </label>
</div> </div>
@@ -61,8 +61,7 @@
<input <input
type="checkbox" type="checkbox"
class="checkbox" class="checkbox"
bind:checked={mod_pres_mgmt_json.hide__session_code} bind:checked={mod_pres_mgmt_json.hide__session_code} />
/>
<span>Hide Session Code</span> <span>Hide Session Code</span>
</label> </label>
</div> </div>
@@ -71,8 +70,7 @@
<input <input
type="checkbox" type="checkbox"
class="checkbox" class="checkbox"
bind:checked={mod_pres_mgmt_json.limit__navigation} bind:checked={mod_pres_mgmt_json.limit__navigation} />
/>
<span>Limit Navigation</span> <span>Limit Navigation</span>
</label> </label>
</div> </div>
@@ -81,8 +79,7 @@
<input <input
type="checkbox" type="checkbox"
class="checkbox" class="checkbox"
bind:checked={mod_pres_mgmt_json.limit__options} bind:checked={mod_pres_mgmt_json.limit__options} />
/>
<span>Limit Options</span> <span>Limit Options</span>
</label> </label>
</div> </div>
@@ -91,8 +88,9 @@
<input <input
type="checkbox" type="checkbox"
class="checkbox" class="checkbox"
bind:checked={mod_pres_mgmt_json.require__presenter_agree} bind:checked={
/> mod_pres_mgmt_json.require__presenter_agree
} />
<span>Require Presenter Agreement</span> <span>Require Presenter Agreement</span>
</label> </label>
</div> </div>
@@ -101,8 +99,9 @@
<input <input
type="checkbox" type="checkbox"
class="checkbox" class="checkbox"
bind:checked={mod_pres_mgmt_json.require__session_agree} bind:checked={
/> mod_pres_mgmt_json.require__session_agree
} />
<span>Require Session Agreement</span> <span>Require Session Agreement</span>
</label> </label>
</div> </div>
@@ -115,8 +114,9 @@
<input <input
type="text" type="text"
class="input" class="input"
bind:value={mod_pres_mgmt_json.label__person_external_id} bind:value={
/> mod_pres_mgmt_json.label__person_external_id
} />
</label> </label>
</div> </div>
<div> <div>
@@ -125,8 +125,9 @@
<input <input
type="text" type="text"
class="input" class="input"
bind:value={mod_pres_mgmt_json.label__session_poc_type} bind:value={
/> mod_pres_mgmt_json.label__session_poc_type
} />
</label> </label>
</div> </div>
<div> <div>
@@ -135,14 +136,14 @@
<input <input
type="text" type="text"
class="input" class="input"
bind:value={mod_pres_mgmt_json.label__session_poc_name} bind:value={
/> mod_pres_mgmt_json.label__session_poc_name
} />
</label> </label>
</div> </div>
</div> </div>
{/if} {/if}
<button type="button" class="btn preset-tonal-primary" onclick={save} <button type="button" class="btn preset-tonal-primary" onclick={save}
>Save</button >Save</button>
>
</div> </div>

70
src/routes/events/[event_id]/sign_in_out.svelte
View File

@@ -1,23 +1,23 @@
<script lang="ts"> <script lang="ts">
interface Props { interface Props {
// /** @type {import('./$types').PageData} */ // /** @type {import('./$types').PageData} */
data: any; data: any;
event_session_id: string; event_session_id: string;
lq__event_session_obj: any; lq__event_session_obj: any;
lq__auth__event_presenter_obj: any; lq__auth__event_presenter_obj: any;
} }
let { let {
data, data,
event_session_id, event_session_id,
lq__event_session_obj, lq__event_session_obj,
lq__auth__event_presenter_obj lq__auth__event_presenter_obj
}: Props = $props(); }: Props = $props();
import { onMount } from 'svelte'; import { onMount } from 'svelte';
import { goto } from '$app/navigation'; import { goto } from '$app/navigation';
import { import {
ae_snip, ae_snip,
ae_loc, ae_loc,
ae_sess, ae_sess,
@@ -25,16 +25,16 @@
ae_trig, ae_trig,
slct, slct,
slct_trigger slct_trigger
} from '$lib/stores/ae_stores'; } from '$lib/stores/ae_stores';
import { import {
events_loc, events_loc,
events_sess, events_sess,
events_slct, events_slct,
events_trigger, events_trigger,
events_trig_kv events_trig_kv
} from '$lib/stores/ae_events_stores'; } from '$lib/stores/ae_events_stores';
import { LogIn, X } from '@lucide/svelte'; import { LogIn, X } from '@lucide/svelte';
onMount(() => { onMount(() => {
console.log('Browser environment detected.'); console.log('Browser environment detected.');
console.log( console.log(
@@ -98,10 +98,10 @@
// We need to set browser history and force all load functions to rerun. // We need to set browser history and force all load functions to rerun.
goto(new_url, { replaceState: true, invalidateAll: true }); goto(new_url, { replaceState: true, invalidateAll: true });
} }
}); });
// For session point of contact (moderator, chair, LCI Champions). // For session point of contact (moderator, chair, LCI Champions).
function session_sign_in() { function session_sign_in() {
console.log('Session sign in with URL values'); console.log('Session sign in with URL values');
$ae_loc.access_type = 'public'; // Just below trusted access used by staff. $ae_loc.access_type = 'public'; // Just below trusted access used by staff.
@@ -115,8 +115,7 @@
$events_loc.auth__person.entered_key = $events_sess.auth__entered_key; // need to verify entered_key... $events_loc.auth__person.entered_key = $events_sess.auth__entered_key; // need to verify entered_key...
$events_loc.auth__kv.person[$events_sess.auth__person.person_id] = true; $events_loc.auth__kv.person[$events_sess.auth__person.person_id] = true;
$events_loc.auth__kv.session[$events_sess.auth__person.session_id] = $events_loc.auth__kv.session[$events_sess.auth__person.session_id] = true;
true;
$events_loc.auth__kv.presentation[ $events_loc.auth__kv.presentation[
$events_sess.auth__person.presentation_id $events_sess.auth__person.presentation_id
] = false; // Set to false for session POC (LCI Champions). ] = false; // Set to false for session POC (LCI Champions).
@@ -126,10 +125,10 @@
// Setting again here... just because for now. // Setting again here... just because for now.
// $events_slct.event_presentation_id = $events_sess.auth__person.presentation_id; // $events_slct.event_presentation_id = $events_sess.auth__person.presentation_id;
// $events_slct.event_presenter_id = $events_sess.auth__person.presenter_id; // $events_slct.event_presenter_id = $events_sess.auth__person.presenter_id;
} }
// For presenters within a session presentation. // For presenters within a session presentation.
function presenter_sign_in() { function presenter_sign_in() {
console.log('Presenter sign in with URL values'); console.log('Presenter sign in with URL values');
console.log(event_session_id); console.log(event_session_id);
@@ -168,9 +167,9 @@
$events_sess.auth__person.presentation_id; $events_sess.auth__person.presentation_id;
$events_loc.auth__person.presenter_id = $events_loc.auth__person.presenter_id =
$events_sess.auth__person.presenter_id; $events_sess.auth__person.presenter_id;
} }
function sign_out() { function sign_out() {
$ae_loc.authenticated_access = false; $ae_loc.authenticated_access = false;
$ae_loc.access_type = 'anonymous'; $ae_loc.access_type = 'anonymous';
@@ -196,7 +195,7 @@
$events_sess.auth__person.presenter_id = null; $events_sess.auth__person.presenter_id = null;
// $events_sess.auth__person.presentation_id = null; // $events_sess.auth__person.presentation_id = null;
$events_sess.auth__person.session_id = null; $events_sess.auth__person.session_id = null;
} }
</script> </script>
<span> <span>
@@ -207,9 +206,8 @@
onclick={() => { onclick={() => {
sign_out(); sign_out();
alert('You have been signed out.'); alert('You have been signed out.');
}} }}>
> <X size="1em" class="mx-1 inline" />
<X size="1em" class="inline mx-1" />
Sign Out Sign Out
{$lq__auth__event_presenter_obj?.given_name {$lq__auth__event_presenter_obj?.given_name
? `- ${$lq__auth__event_presenter_obj?.given_name}` ? `- ${$lq__auth__event_presenter_obj?.given_name}`
@@ -217,8 +215,7 @@
</button> </button>
{:else if $events_sess.auth__person.presenter_id || $events_sess.auth__person.session_id} {:else if $events_sess.auth__person.presenter_id || $events_sess.auth__person.session_id}
<div <div
class="border border-gray-200 p-2 rounded-md m-2 text-center space-y-2" class="m-2 space-y-2 rounded-md border border-gray-200 p-2 text-center">
>
<div class="text-sm text-gray-500"> <div class="text-sm text-gray-500">
Use the link that was sent to your email address to sign in or Use the link that was sent to your email address to sign in or
enter your key and passcode to sign in. enter your key and passcode to sign in.
@@ -230,19 +227,21 @@
placeholder="Key" placeholder="Key"
value={$events_sess.auth__entered_key ?? ''} value={$events_sess.auth__entered_key ?? ''}
oninput={(e) => oninput={(e) =>
($events_sess.auth__entered_key = (e.target as HTMLInputElement).value)} ($events_sess.auth__entered_key = (
/> e.target as HTMLInputElement
).value)} />
<input <input
type="text" type="text"
class="input max-w-36" class="input max-w-36"
placeholder="Passcode" placeholder="Passcode"
value={$events_sess.auth__entered_passcode ?? ''} value={$events_sess.auth__entered_passcode ?? ''}
oninput={(e) => oninput={(e) =>
($events_sess.auth__entered_passcode = (e.target as HTMLInputElement).value)} ($events_sess.auth__entered_passcode = (
/> e.target as HTMLInputElement
).value)} />
<button <button
type="button" type="button"
class="btn btn-md preset-tonal-primary border border-primary-500" class="btn btn-md preset-tonal-primary border-primary-500 border"
onclick={() => { onclick={() => {
console.log('Sign in with URL values'); console.log('Sign in with URL values');
@@ -267,9 +266,8 @@
// Setting again here... just because for now. // Setting again here... just because for now.
// $events_slct.event_presentation_id = $events_sess.auth__person.presentation_id; // $events_slct.event_presentation_id = $events_sess.auth__person.presentation_id;
// $events_slct.event_presenter_id = $events_sess.auth__person.presenter_id; // $events_slct.event_presenter_id = $events_sess.auth__person.presenter_id;
}} }}>
> <LogIn size="1em" class="mx-1 inline" />
<LogIn size="1em" class="inline mx-1" />
Sign In Sign In
</button> </button>
</div> </div>