Prettier for Events as a whole. Everything else under that primary directory.

This commit is contained in:
Scott Idem
2026-03-24 12:16:44 -04:00
parent 6e67534454
commit 6018a94499
11 changed files with 1459 additions and 1465 deletions

View File

@@ -1,43 +1,62 @@
<script lang="ts">
interface Props {
hide?: boolean;
}
interface Props {
hide?: boolean;
}
let { hide = true }: Props = $props();
let { hide = true }: Props = $props();
import {
ae_snip,
ae_loc,
ae_sess,
ae_api,
ae_trig,
slct,
slct_trigger
} from '$lib/stores/ae_stores';
import {
events_loc,
events_sess,
events_slct,
events_trigger,
events_trig_kv
} from '$lib/stores/ae_events_stores';
import { Ban, Barcode, CheckCircle, ChevronDown, ChevronUp, Eye, EyeOff, List, MapPin, Pencil, Plane, QrCode, Save, Send, Sparkles, StickyNote, ToggleLeft, ToggleRight, UserRound, Wand2 } from '@lucide/svelte';
import {
ae_snip,
ae_loc,
ae_sess,
ae_api,
ae_trig,
slct,
slct_trigger
} from '$lib/stores/ae_stores';
import {
events_loc,
events_sess,
events_slct,
events_trigger,
events_trig_kv
} from '$lib/stores/ae_events_stores';
import {
Ban,
Barcode,
CheckCircle,
ChevronDown,
ChevronUp,
Eye,
EyeOff,
List,
MapPin,
Pencil,
Plane,
QrCode,
Save,
Send,
Sparkles,
StickyNote,
ToggleLeft,
ToggleRight,
UserRound,
Wand2
} from '@lucide/svelte';
</script>
<!-- New standard events module menu 2025-06-20 -->
<div
class="ae_comp__pres_mgmt_menu_opts w-full border-t border-gray-300 mt-1"
class:hidden={hide}
>
<h2 class="text-sm font-semibold text-center pb-1">
class="ae_comp__pres_mgmt_menu_opts mt-1 w-full border-t border-gray-300"
class:hidden={hide}>
<h2 class="pb-1 text-center text-sm font-semibold">
<button
type="button"
onclick={() => {
$events_loc.pres_mgmt.hide__menu_opts =
!$events_loc.pres_mgmt.hide__menu_opts;
}}
class="btn btn-sm preset-tonal-info border border-info-500"
>
class="btn btn-sm preset-tonal-info border-info-500 border">
{#if $events_loc.pres_mgmt.hide__menu_opts}
<ChevronUp size="1em" class="m-1" />
{:else}
@@ -53,28 +72,24 @@
</h2>
<div
class="flex flex-row flex-wrap gap-1 items-center justify-between"
class:hidden={$events_loc.pres_mgmt.hide__menu_opts}
>
class="flex flex-row flex-wrap items-center justify-between gap-1"
class:hidden={$events_loc.pres_mgmt.hide__menu_opts}>
{#if $ae_loc.authenticated_access}
<div class="flex flex-col gap-1 items-end justify-center">
<span class="flex flex-col gap-1 items-end justify-center">
<div class="flex flex-col items-end justify-center gap-1">
<span class="flex flex-col items-end justify-center gap-1">
<!-- Max person select options -->
<span
class="flex flex-row gap-1 items-center justify-around w-full"
>
class="flex w-full flex-row items-center justify-around gap-1">
<label
class="text-sm w-32 text-right"
for="qry_limit__people"
>
class="w-32 text-right text-sm"
for="qry_limit__people">
Max people:
</label>
<!-- Not using: $events_loc.pres_mgmt.qry_limit__people -->
<select
id="qry_limit__people"
bind:value={$ae_loc.person.qry_limit__people}
class="select w-20 text-sm preset-tonal-surface px-1"
>
class="select preset-tonal-surface w-20 px-1 text-sm">
<option value="">-- not set --</option>
<option value={25}>25</option>
<option value={50}>50</option>
@@ -91,12 +106,10 @@
<!-- Max presenters select options -->
<span
class="flex flex-row gap-1 items-center justify-around w-full"
>
class="flex w-full flex-row items-center justify-around gap-1">
<label
class="text-sm w-32 text-right"
for="qry_limit__presenters"
>
class="w-32 text-right text-sm"
for="qry_limit__presenters">
Max presenters:
</label>
<select
@@ -104,8 +117,7 @@
bind:value={
$events_loc.pres_mgmt.qry_limit__presenters
}
class="select w-20 text-sm preset-tonal-surface px-1"
>
class="select preset-tonal-surface w-20 px-1 text-sm">
<option value="">-- not set --</option>
<option value={25}>25</option>
<option value={50}>50</option>
@@ -123,12 +135,10 @@
<!-- Max sessions select options -->
<span
class="flex flex-row gap-1 items-center justify-around w-full"
>
class="flex w-full flex-row items-center justify-around gap-1">
<label
class="text-sm w-32 text-right"
for="qry_limit__sessions"
>
class="w-32 text-right text-sm"
for="qry_limit__sessions">
Max sessions:
</label>
<select
@@ -136,8 +146,7 @@
bind:value={
$events_loc.pres_mgmt.qry_limit__sessions
}
class="select w-20 text-sm preset-tonal-surface px-1"
>
class="select preset-tonal-surface w-20 px-1 text-sm">
<option value="">-- not set --</option>
<option value={25}>25</option>
<option value={50}>50</option>
@@ -150,19 +159,16 @@
<!-- Max files select options -->
<span
class="flex flex-row gap-1 items-center justify-around w-full"
>
class="flex w-full flex-row items-center justify-around gap-1">
<label
class="text-sm w-32 text-right"
for="qry_limit__files"
>
class="w-32 text-right text-sm"
for="qry_limit__files">
Max files:
</label>
<select
id="qry_limit__files"
bind:value={$events_loc.pres_mgmt.qry_limit__files}
class="select w-20 text-sm preset-tonal-surface px-1"
>
class="select preset-tonal-surface w-20 px-1 text-sm">
<option value="">-- not set --</option>
<option value={25}>25</option>
<option value={50}>50</option>
@@ -174,7 +180,7 @@
</span>
</span>
<span class="flex flex-col gap-1 items-end justify-center">
<span class="flex flex-col items-end justify-center gap-1">
<!-- Toggle between the showing hidden sessions -->
<!-- qry_hidden = all, not_hidden, hidden -->
<button
@@ -186,10 +192,13 @@
$events_loc.pres_mgmt.qry_hidden = 'all';
}
}}
class="btn btn-sm ae_btn_surface justify-between w-full text-center"
title="Toggle between showing hidden sessions"
>
{#if $events_loc.pres_mgmt.qry_hidden == 'all'}<ToggleRight size="1em" class="m-1" />{:else}<ToggleLeft size="1em" class="m-1" />{/if}
class="btn btn-sm ae_btn_surface w-full justify-between text-center"
title="Toggle between showing hidden sessions">
{#if $events_loc.pres_mgmt.qry_hidden == 'all'}<ToggleRight
size="1em"
class="m-1" />{:else}<ToggleLeft
size="1em"
class="m-1" />{/if}
{#if $events_loc.pres_mgmt.qry_hidden == 'all'}
<span class="grow">
<EyeOff size="1em" class="m-1" />
@@ -218,10 +227,13 @@
$events_loc.pres_mgmt.qry_enabled = 'all';
}
}}
class="btn btn-sm ae_btn_surface justify-between w-full text-center"
title="Toggle between showing disabled sessions"
>
{#if $events_loc.pres_mgmt.qry_enabled == 'all'}<ToggleRight size="1em" class="m-1" />{:else}<ToggleLeft size="1em" class="m-1" />{/if}
class="btn btn-sm ae_btn_surface w-full justify-between text-center"
title="Toggle between showing disabled sessions">
{#if $events_loc.pres_mgmt.qry_enabled == 'all'}<ToggleRight
size="1em"
class="m-1" />{:else}<ToggleLeft
size="1em"
class="m-1" />{/if}
{#if $events_loc.pres_mgmt.qry_enabled == 'all'}
<span class="grow">
<Ban size="1em" class="m-1" />
@@ -239,19 +251,18 @@
</div>
{/if}
<div class="flex flex-col flex-wrap gap-1 items-center justify-evenly">
<div class="flex flex-col flex-wrap items-center justify-evenly gap-1">
<button
type="button"
onclick={() => {
$events_loc.pres_mgmt.save_search_text =
!$events_loc.pres_mgmt.save_search_text;
}}
class="btn btn-sm justify-between w-full text-center"
class="btn btn-sm w-full justify-between text-center"
class:ae_btn_surface={$events_loc.pres_mgmt.save_search_text}
class:ae_btn_surface_outlined={!$events_loc.pres_mgmt
.save_search_text}
title="Save the search text for this session search?"
>
title="Save the search text for this session search?">
{#if $events_loc.pres_mgmt.save_search_text}
<ToggleRight size="1em" class="m-1" />
<span class="grow">
@@ -274,8 +285,7 @@
onclick={() => {
$events_loc.pres_mgmt.hide__session_msg = true;
}}
class="btn btn-sm ae_btn_surface justify-between w-full text-center"
>
class="btn btn-sm ae_btn_surface w-full justify-between text-center">
<ToggleRight size="1em" class="m-1" />
<span class="grow">
<StickyNote size="1em" class="m-1" />
@@ -288,8 +298,7 @@
onclick={() => {
$events_loc.pres_mgmt.hide__session_msg = false;
}}
class="btn btn-sm ae_btn_surface_outlined justify-between w-full text-center"
>
class="btn btn-sm ae_btn_surface_outlined w-full justify-between text-center">
<ToggleLeft size="1em" class="m-1" />
<span class="grow">
<StickyNote size="1em" class="m-1" />
@@ -307,8 +316,7 @@
onclick={() => {
$events_loc.pres_mgmt.hide__session_code = true;
}}
class="btn btn-sm ae_btn_surface justify-between w-full text-center"
>
class="btn btn-sm ae_btn_surface w-full justify-between text-center">
<ToggleRight size="1em" class="m-1" />
<span class="grow">
<Barcode size="1em" class="m-1" />
@@ -321,8 +329,7 @@
onclick={() => {
$events_loc.pres_mgmt.hide__session_code = false;
}}
class="btn btn-sm ae_btn_surface_outlined justify-between w-full text-center"
>
class="btn btn-sm ae_btn_surface_outlined w-full justify-between text-center">
<ToggleLeft size="1em" class="m-1" />
<span class="grow">
<Barcode size="1em" class="m-1" />
@@ -333,17 +340,16 @@
{/if}
</div>
<div class="flex flex-col gap-1 items-center justify-center">
<div class="flex flex-col items-center justify-center gap-1">
{#if $ae_loc.trusted_access}
<div class="flex flex-col gap-1 items-center justify-center">
<div class="flex flex-col items-center justify-center gap-1">
{#if $events_loc.pres_mgmt.show__copy_access_link}
<button
type="button"
onclick={() => {
$events_loc.pres_mgmt.show__copy_access_link = false;
}}
class="btn btn-sm w-full ae_btn_surface"
>
class="btn btn-sm ae_btn_surface w-full">
<ToggleRight size="1em" class="m-1" />
Showing Copy Access Link
</button>
@@ -353,8 +359,7 @@
onclick={() => {
$events_loc.pres_mgmt.show__copy_access_link = true;
}}
class="btn btn-sm w-full ae_btn_surface_outlined"
>
class="btn btn-sm ae_btn_surface_outlined w-full">
<ToggleLeft size="1em" class="m-1" />
Show Copy Access Link?
</button>
@@ -366,8 +371,7 @@
onclick={() => {
$events_loc.pres_mgmt.show__email_access_link = false;
}}
class="btn btn-sm w-full ae_btn_surface"
>
class="btn btn-sm ae_btn_surface w-full">
<ToggleRight size="1em" class="m-1" />
Showing Email Access Link
</button>
@@ -377,8 +381,7 @@
onclick={() => {
$events_loc.pres_mgmt.show__email_access_link = true;
}}
class="btn btn-sm w-full ae_btn_surface_outlined"
>
class="btn btn-sm ae_btn_surface_outlined w-full">
<ToggleLeft size="1em" class="m-1" />
Show Email Access Link?
</button>
@@ -387,16 +390,15 @@
{/if}
{#if $ae_loc.authenticated_access}
<div class="flex flex-col gap-1 items-end justify-center">
<div class="flex flex-col items-end justify-center gap-1">
{#if $events_loc.pres_mgmt.show_content__session_qr}
<button
type="button"
onclick={() => {
$events_loc.pres_mgmt.show_content__session_qr = false;
}}
class="btn btn-sm ae_btn_surface justify-between w-full text-center"
title="Showing Session QR Code"
>
class="btn btn-sm ae_btn_surface w-full justify-between text-center"
title="Showing Session QR Code">
<ToggleRight size="1em" class="m-1" />
<span class="grow">
<QrCode size="1em" class="m-1" />
@@ -409,9 +411,8 @@
onclick={() => {
$events_loc.pres_mgmt.show_content__session_qr = true;
}}
class="btn btn-sm ae_btn_surface_outlined justify-between w-full text-center"
title="Show Session QR Code"
>
class="btn btn-sm ae_btn_surface_outlined w-full justify-between text-center"
title="Show Session QR Code">
<ToggleLeft size="1em" class="m-1" />
<span class="grow">
<QrCode size="1em" class="m-1" />
@@ -426,9 +427,8 @@
onclick={() => {
$events_loc.pres_mgmt.show_content__presenter_qr = false;
}}
class="btn btn-sm ae_btn_surface justify-between w-full text-center"
title="Showing Presenter QR Code"
>
class="btn btn-sm ae_btn_surface w-full justify-between text-center"
title="Showing Presenter QR Code">
<ToggleRight size="1em" class="m-1" />
<span class="grow">
<QrCode size="1em" class="m-1" />
@@ -441,9 +441,8 @@
onclick={() => {
$events_loc.pres_mgmt.show_content__presenter_qr = true;
}}
class="btn btn-sm ae_btn_surface_outlined justify-between w-full text-center"
title="Show Presenter QR Code"
>
class="btn btn-sm ae_btn_surface_outlined w-full justify-between text-center"
title="Show Presenter QR Code">
<ToggleLeft size="1em" class="m-1" />
<span class="grow">
<QrCode size="1em" class="m-1" />
@@ -456,7 +455,7 @@
</div>
{#if $ae_loc.authenticated_access}
<div class="flex flex-col gap-1 items-center justify-center">
<div class="flex flex-col items-center justify-center gap-1">
<!-- Show/Hide launcher links (new version) -->
<button
type="button"
@@ -464,9 +463,12 @@
$events_loc.pres_mgmt.hide__launcher_link =
!$events_loc.pres_mgmt.hide__launcher_link;
}}
class="btn btn-sm ae_btn_surface justify-between w-full text-center"
>
{#if $events_loc.pres_mgmt.hide__launcher_link}<ToggleLeft size="1em" class="m-1" />{:else}<ToggleRight size="1em" class="m-1" />{/if}
class="btn btn-sm ae_btn_surface w-full justify-between text-center">
{#if $events_loc.pres_mgmt.hide__launcher_link}<ToggleLeft
size="1em"
class="m-1" />{:else}<ToggleRight
size="1em"
class="m-1" />{/if}
<span class="grow">
<Plane size="1em" class="m-1" />
{$events_loc.pres_mgmt.hide__launcher_link
@@ -482,9 +484,12 @@
$events_loc.pres_mgmt.hide__launcher_link_legacy =
!$events_loc.pres_mgmt.hide__launcher_link_legacy;
}}
class="btn btn-sm ae_btn_surface justify-between w-full text-center"
>
{#if $events_loc.pres_mgmt.hide__launcher_link_legacy}<ToggleLeft size="1em" class="m-1" />{:else}<ToggleRight size="1em" class="m-1" />{/if}
class="btn btn-sm ae_btn_surface w-full justify-between text-center">
{#if $events_loc.pres_mgmt.hide__launcher_link_legacy}<ToggleLeft
size="1em"
class="m-1" />{:else}<ToggleRight
size="1em"
class="m-1" />{/if}
<span class="grow">
<Send size="1em" class="m-1" />
{$events_loc.pres_mgmt.hide__launcher_link_legacy
@@ -500,9 +505,12 @@
$events_loc.pres_mgmt.hide__location_link =
!$events_loc.pres_mgmt.hide__location_link;
}}
class="btn btn-sm ae_btn_surface justify-between w-full text-center"
>
{#if $events_loc.pres_mgmt.hide__location_link}<ToggleLeft size="1em" class="m-1" />{:else}<ToggleRight size="1em" class="m-1" />{/if}
class="btn btn-sm ae_btn_surface w-full justify-between text-center">
{#if $events_loc.pres_mgmt.hide__location_link}<ToggleLeft
size="1em"
class="m-1" />{:else}<ToggleRight
size="1em"
class="m-1" />{/if}
<span class="grow">
<MapPin size="1em" class="m-1" />
{$events_loc.pres_mgmt.hide__location_link
@@ -519,10 +527,13 @@
!$events_loc.pres_mgmt
.hide__session_li_location_field;
}}
class="btn btn-sm ae_btn_surface justify-between w-full text-center"
title="Toggle showing the Location column in session lists and tables"
>
{#if $events_loc.pres_mgmt.hide__session_li_location_field}<ToggleLeft size="1em" class="m-1" />{:else}<ToggleRight size="1em" class="m-1" />{/if}
class="btn btn-sm ae_btn_surface w-full justify-between text-center"
title="Toggle showing the Location column in session lists and tables">
{#if $events_loc.pres_mgmt.hide__session_li_location_field}<ToggleLeft
size="1em"
class="m-1" />{:else}<ToggleRight
size="1em"
class="m-1" />{/if}
<span class="grow">
<!-- <span class="fas fa-door-open m-1"></span> -->
{$events_loc.pres_mgmt.hide__session_li_location_field
@@ -538,10 +549,13 @@
$events_loc.pres_mgmt.hide__session_li_poc_field =
!$events_loc.pres_mgmt.hide__session_li_poc_field;
}}
class="btn btn-sm ae_btn_surface justify-between w-full text-center"
title="Toggle showing the POC column in session lists and tables"
>
{#if $events_loc.pres_mgmt.hide__session_li_poc_field}<ToggleLeft size="1em" class="m-1" />{:else}<ToggleRight size="1em" class="m-1" />{/if}
class="btn btn-sm ae_btn_surface w-full justify-between text-center"
title="Toggle showing the POC column in session lists and tables">
{#if $events_loc.pres_mgmt.hide__session_li_poc_field}<ToggleLeft
size="1em"
class="m-1" />{:else}<ToggleRight
size="1em"
class="m-1" />{/if}
<span class="grow">
<!-- <span class="fas fa-user-tie m-1"></span> -->
{$events_loc.pres_mgmt.hide__session_li_poc_field
@@ -552,8 +566,7 @@
<!-- These are related to more content showing in lists. -->
<span
class="flex flex-col flex-wrap gap-1 items-center justify-evenly"
>
class="flex flex-col flex-wrap items-center justify-evenly gap-1">
{#if $events_loc.pres_mgmt.show_content__session_files}
<button
type="button"
@@ -561,8 +574,7 @@
onclick={() => {
$events_loc.pres_mgmt.show_content__session_files = false;
}}
class="btn btn-sm ae_btn_surface justify-between w-full text-center"
>
class="btn btn-sm ae_btn_surface w-full justify-between text-center">
<ToggleRight size="1em" class="m-1" />
<span class="grow">
<List size="1em" class="m-1" />
@@ -576,8 +588,7 @@
onclick={() => {
$events_loc.pres_mgmt.show_content__session_files = true;
}}
class="btn btn-sm ae_btn_surface_outlined justify-between w-full text-center"
>
class="btn btn-sm ae_btn_surface_outlined w-full justify-between text-center">
<ToggleLeft size="1em" class="m-1" />
<span class="grow">
<List size="1em" class="m-1" />
@@ -593,8 +604,7 @@
onclick={() => {
$events_loc.pres_mgmt.show_content__session_presentations = false;
}}
class="btn btn-sm ae_btn_surface justify-between w-full text-center"
>
class="btn btn-sm ae_btn_surface w-full justify-between text-center">
<ToggleRight size="1em" class="m-1" />
<span class="grow">
<List size="1em" class="m-1" />
@@ -608,8 +618,7 @@
onclick={() => {
$events_loc.pres_mgmt.show_content__session_presentations = true;
}}
class="btn btn-sm ae_btn_surface_outlined justify-between w-full text-center"
>
class="btn btn-sm ae_btn_surface_outlined w-full justify-between text-center">
<ToggleLeft size="1em" class="m-1" />
<span class="grow">
<List size="1em" class="m-1" />
@@ -622,8 +631,7 @@
{/if}
<div
class="flex flex-row flex-wrap gap-1 items-center justify-evenly max-w-56"
>
class="flex max-w-56 flex-row flex-wrap items-center justify-evenly gap-1">
{#if $ae_loc?.trusted_access}
{#if $ae_loc?.edit_mode}
<button
@@ -631,9 +639,8 @@
onclick={() => {
$ae_loc.edit_mode = false;
}}
class="btn btn-sm ae_btn_warning justify-between w-full text-center"
title="Turn off edit mode"
>
class="btn btn-sm ae_btn_warning w-full justify-between text-center"
title="Turn off edit mode">
<ToggleRight size="1em" class="m-1" />
<span class="grow">
<Pencil size="1em" class="m-1" />
@@ -646,9 +653,8 @@
onclick={() => {
$ae_loc.edit_mode = true;
}}
class="btn btn-sm ae_btn_warning_outlined justify-between w-full text-center"
title="Turn on edit mode"
>
class="btn btn-sm ae_btn_warning_outlined w-full justify-between text-center"
title="Turn on edit mode">
<ToggleLeft size="1em" class="m-1" />
<span class="grow">
<UserRound size="1em" class="m-1" />
@@ -663,9 +669,8 @@
onclick={() => {
$ae_loc.adv_mode = false;
}}
class="btn btn-sm ae_btn_warning justify-between w-full text-center"
title="Turn off advanced mode"
>
class="btn btn-sm ae_btn_warning w-full justify-between text-center"
title="Turn off advanced mode">
<ToggleRight size="1em" class="m-1" />
<span class="grow">
<Sparkles size="1em" class="m-1" />
@@ -678,9 +683,8 @@
onclick={() => {
$ae_loc.adv_mode = true;
}}
class="btn btn-sm ae_btn_warning_outlined justify-between w-full text-center"
title="Turn on advanced mode"
>
class="btn btn-sm ae_btn_warning_outlined w-full justify-between text-center"
title="Turn on advanced mode">
<ToggleLeft size="1em" class="m-1" />
<span class="grow">
<Wand2 size="1em" class="m-1" />