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

Still working on upgrading to Tailwind CSS v4 an dSkeleton v3.....

Browse Source
This commit is contained in:
Scott Idem
2025-06-18 17:59:48 -04:00
parent db6e9dd019
commit 13912fd145
169 changed files with 2343 additions and 1634 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/routes/events/[event_id]/session/[session_id]/+page.svelte
View File

@@ -192,9 +192,9 @@ onMount(() => {
$events_loc.pres_mgmt.show_content__session_view = 'manage_files';
}
}}
class="btn btn-md hover:variant-filled-primary"
class:variant-ghost-tertiary={$events_loc.pres_mgmt.show_content__session_view == 'manage_files'}
class:variant-filled-tertiary={$events_loc.pres_mgmt.show_content__session_view != 'manage_files'}
class="btn btn-md hover:preset-filled-primary-500"
class:preset-tonal-tertiary border border-tertiary-500={$events_loc.pres_mgmt.show_content__session_view == 'manage_files'}
class:preset-filled-tertiary-500={$events_loc.pres_mgmt.show_content__session_view != 'manage_files'}
class:hidden={!$ae_loc.public_access}
title="View session information or manage files for the session"
>
@@ -206,11 +206,11 @@ onMount(() => {
<span class="fas fa-file-archive m-1"></span>
Session Files?
<span
class="badge variant-glass-success"
class="badge preset-tonal-success"
class:hidden={!$lq__event_session_obj?.file_count}
>
<span class="fas fa-file-alt m-1"></span>
{$lq__event_session_obj?.file_count}&times;
{$lq__event_session_obj?.file_count}×
</span>
{/if}
</button>
@@ -220,7 +220,7 @@ onMount(() => {
{#if !$events_loc.pres_mgmt?.hide__session_code && $lq__event_session_obj.code || $ae_loc.edit_mode}
<span
class="badge text-sm variant-glass-tertiary flex flex-col gap-0.25"
class="badge text-sm preset-tonal-tertiary flex flex-col gap-0.25"
title="Session code {$lq__event_session_obj.code}"
>
<span>
@@ -238,7 +238,7 @@ onMount(() => {
ds_type="html"
for_type="event"
for_id={$lq__event_session_obj?.event_id}
class_li="w-full max-w-screen-lg text-lg text-blue-500 font-bold text-center p-1 m-auto border border-blue-200 rounded-md bg-blue-100 space-y-2"
class_li="w-full max-w-(--breakpoint-lg) text-lg text-blue-500 font-bold text-center p-1 m-auto border border-blue-200 rounded-md bg-blue-100 space-y-2"
hide={!$ae_loc.manager_access || $events_loc.pres_mgmt.hide__session_msg}
show_edit={false}
show_edit_btn={true}
@@ -266,7 +266,7 @@ onMount(() => {
ds_type="html"
for_type="event"
for_id={$lq__event_session_obj?.event_id}
class_li="w-fit max-w-screen-lg flex flex-col sm:flex-row gap-1"
class_li="w-fit max-w-(--breakpoint-lg) flex flex-col sm:flex-row gap-1"
show_edit={false}
show_edit_btn={true}
mount_reload_sec={1}
@@ -279,7 +279,7 @@ onMount(() => {
ds_type="html"
for_type="event"
for_id={$lq__event_session_obj?.event_id}
class_li="w-fit max-w-screen-lg text-lg text-red-500 font-bold text-center p-1 m-1 border border-red-200 rounded-md bg-red-100 space-y-2"
class_li="w-fit max-w-(--breakpoint-lg) text-lg text-red-500 font-bold text-center p-1 m-1 border border-red-200 rounded-md bg-red-100 space-y-2"
show_edit={false}
show_edit_btn={true}
/>
@@ -293,7 +293,7 @@ onMount(() => {
ds_type="html"
for_type="event"
for_id={$lq__event_presenter_obj?.event_id}
class_li="w-fit max-w-screen-lg text-xl text-red-500 font-bold text-center p-1 m-1 border border-red-200 rounded-md bg-red-100"
class_li="w-fit max-w-(--breakpoint-lg) text-xl text-red-500 font-bold text-center p-1 m-1 border border-red-200 rounded-md bg-red-100"
show_edit={false}
show_edit_btn={true}
/>
@@ -320,11 +320,11 @@ onMount(() => {
<span class="fas fa-mail-bulk m-1"></span>
Manage and Upload Session Files:
<span
class="badge variant-glass-success"
class="badge preset-tonal-success"
class:hidden={!$lq__event_session_obj?.file_count}
>
<span class="fas fa-file-alt m-1"></span>
{$lq__event_session_obj?.file_count}&times;
{$lq__event_session_obj?.file_count}×
</span>
</h3>
@@ -396,7 +396,7 @@ onMount(() => {
on:click={() => {
$events_sess.pres_mgmt.show_modal__presenter_agree = false;
}}
class="btn btn-sm variant-soft-warning hover:variant-ghost-warning"
class="btn btn-sm preset-tonal-warning hover:preset-tonal-warning border border-warning-500"
>
<span class="fas fa-times m-1"></span>
Close

22
src/routes/events/[event_id]/session/[session_id]/ae_comp__event_session_poc_form_agree.svelte
View File

@@ -167,11 +167,11 @@ async function handle_submit_form(event) {
<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
class="label p-1 hover:variant-ghost-warning rounded-md"
class="label p-1 hover:preset-tonal-warning border border-warning-500 rounded-md"
for="optout_audio">
<input
type="checkbox"
class="checkbox variant-ghost-warning checked:variant-filled-warning hover:variant-filled-error"
class="checkbox preset-tonal-warning border border-warning-500 checked:preset-filled-warning-500 hover:preset-filled-error-500"
id="optout_audio"
name="optout_audio"
checked={$lq__event_session_obj.poc_kv_json[poc_type]?.optout_audio}
@@ -181,11 +181,11 @@ async function handle_submit_form(event) {
</label>
<label
class="label p-1 hover:variant-ghost-warning rounded-md"
class="label p-1 hover:preset-tonal-warning border border-warning-500 rounded-md"
for="optout_video">
<input
type="checkbox"
class="checkbox variant-ghost-warning checked:variant-filled-warning hover:variant-filled-error"
class="checkbox preset-tonal-warning border border-warning-500 checked:preset-filled-warning-500 hover:preset-filled-error-500"
id="optout_video"
name="optout_video"
checked={$lq__event_session_obj.poc_kv_json[poc_type]?.optout_video}
@@ -195,11 +195,11 @@ async function handle_submit_form(event) {
</label>
<label
class="label p-1 hover:variant-ghost-warning rounded-md"
class="label p-1 hover:preset-tonal-warning border border-warning-500 rounded-md"
for="optout_transcription_and_publication">
<input
type="checkbox"
class="checkbox variant-ghost-warning checked:variant-filled-warning hover:variant-filled-error"
class="checkbox preset-tonal-warning border border-warning-500 checked:preset-filled-warning-500 hover:preset-filled-error-500"
id="optout_transcription_and_publication"
name="optout_transcription_and_publication"
checked={$lq__event_session_obj.poc_kv_json[poc_type]?.optout_transcription_and_publication}
@@ -209,11 +209,11 @@ async function handle_submit_form(event) {
</label>
<label
class="label p-1 hover:variant-ghost-warning rounded-md"
class="label p-1 hover:preset-tonal-warning border border-warning-500 rounded-md"
for="optout_publication_in_app">
<input
type="checkbox"
class="checkbox variant-ghost-warning checked:variant-filled-warning hover:variant-filled-error"
class="checkbox preset-tonal-warning border border-warning-500 checked:preset-filled-warning-500 hover:preset-filled-error-500"
id="optout_publication_in_app"
name="optout_publication_in_app"
checked={$lq__event_session_obj.poc_kv_json[poc_type]?.optout_publication_in_app}
@@ -229,7 +229,7 @@ async function handle_submit_form(event) {
on:click={() => {
console.log('*** Save button clicked ***');
}}
class="btn btn-md variant-ghost-warning hover:variant-filled-secondary m-2"
class="btn btn-md preset-tonal-warning border border-warning-500 hover:preset-filled-secondary-500 m-2"
>
<span class="fas fa-check m-1 text-orange-500"></span>
@@ -294,7 +294,7 @@ async function handle_submit_form(event) {
$events_sess.pres_mgmt.status__session_agree = 'saved';
});
}}
class="btn btn-lg variant-ghost-primary hover:variant-filled-success m-2"
class="btn btn-lg preset-tonal-primary border border-primary-500 hover:preset-filled-success-500 m-2"
>
<span class="fa fa-check m-1 text-orange-500"></span>
@@ -348,7 +348,7 @@ async function handle_submit_form(event) {
});
}}
class="btn btn-lg variant-ghost-success hover:variant-filled-warning m-2"
class="btn btn-lg preset-tonal-success border border-success-500 hover:preset-filled-warning-500 m-2"
>
<span class="fas fa-times m-1 text-orange-500"></span>
Change to not agreed?

9
src/routes/events/[event_id]/session/[session_id]/ae_comp__event_session_poc_profile.svelte
View File

@@ -3,7 +3,6 @@ export let log_lvl: number = 0;
// Imports (external and then internal)
import { browser } from '$app/environment';
import { clipboard } from '@skeletonlabs/skeleton';
// import { liveQuery } from "dexie";
import { ae_util } from '$lib/ae_utils/ae_utils';
@@ -61,7 +60,7 @@ $: if (browser && ae_tmp.biography === null && $lq__event_session_obj?.poc_kv_js
<button
type="button"
use:clipboard={encodeURI(`${$ae_loc.url_origin}/events/${$events_slct.event_id}/session/${$events_slct.event_session_id}?person_id=${$lq__event_session_obj.poc_person_id_random}&person_pass=${$lq__event_session_obj.poc_person_passcode}&session_id=${$lq__event_session_obj.event_session_id_random}`)}
class="btn btn-sm variant-ghost-warning m-1"
class="btn btn-sm preset-tonal-warning border border-warning-500 m-1"
title="Copy the POC (moderator/champion) access link to the clipboard."
>
<span class="fas fa-copy mx-1"></span>
@@ -89,7 +88,7 @@ $: if (browser && ae_tmp.biography === null && $lq__event_session_obj?.poc_kv_js
<button
type="button"
use:clipboard={ae_tmp.biography?.trim()}
class="btn btn-sm variant-ghost-warning float-right m-1"
class="btn btn-sm preset-tonal-warning border border-warning-500 float-right m-1"
class:hidden={!ae_tmp?.biography || ae_tmp.biography.length < 100}
title="Copy the session POC biography text to the clipboard."
>
@@ -110,7 +109,7 @@ $: if (browser && ae_tmp.biography === null && $lq__event_session_obj?.poc_kv_js
id="session_poc__biography"
disabled={!$ae_loc.trusted_access && !$events_loc.auth__kv.session[$lq__event_session_obj?.event_session_id_random]}
class="textarea ae_value event_session__biography font-mono"
class:variant-glass-error={(ae_tmp.biography && ae_tmp.biography.length >600 ? true : false)}
class:preset-tonal-error={(ae_tmp.biography && ae_tmp.biography.length >600 ? true : false)}
required
rows="8" cols="70"
bind:value={ae_tmp.biography}
@@ -126,7 +125,7 @@ $: if (browser && ae_tmp.biography === null && $lq__event_session_obj?.poc_kv_js
<div class="flex flex-wrap gap-2 p-1 items-center">
<button
type="button"
class="btn btn-md variant-soft-primary hover:variant-filled-primary"
class="btn btn-md preset-tonal-primary hover:preset-filled-primary-500"
disabled={(ae_tmp.biography == $lq__event_session_obj.biography)}
on:click={() => {
console.log('*** Save button clicked ***');

36
src/routes/events/[event_id]/session/[session_id]/session_page_menu.svelte
View File

@@ -60,8 +60,8 @@ let ae_triggers: key_val = {};
}
}}
class="{ae_snip.classes__events_pres_mgmt_menu__button_special}"
class:variant-filled-primary={$events_loc.pres_mgmt.show_content__session_view == 'manage_files'}
class:variant-glass-primary={$events_loc.pres_mgmt.show_content__session_view != 'manage_files'}
class:preset-filled-primary-500={$events_loc.pres_mgmt.show_content__session_view == 'manage_files'}
class:preset-tonal-primary={$events_loc.pres_mgmt.show_content__session_view != 'manage_files'}
class:hidden={!$ae_loc.public_access || 1==1}
title="Manage files for the session"
>
@@ -73,10 +73,10 @@ let ae_triggers: key_val = {};
<span class="fas fa-file-archive m-1"></span>
Session Files?
<span
class="badge badge-icon variant-glass-success absolute -top-1.5 -right-1.5 z-10"
class="badge badge-icon preset-tonal-success absolute -top-1.5 -right-1.5 z-10"
class:hidden={!$lq__event_session_obj?.file_count}
>
{$lq__event_session_obj?.file_count}&times;
{$lq__event_session_obj?.file_count}×
</span>
{/if}
</button>
@@ -91,8 +91,8 @@ let ae_triggers: key_val = {};
}
}}
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
class:variant-filled-secondary={$events_loc.pres_mgmt.show_menu__session == 'options'}
class:variant-glass-secondary={$events_loc.pres_mgmt.show_menu__session != 'options'}
class:preset-filled-secondary-500={$events_loc.pres_mgmt.show_menu__session == 'options'}
class:preset-tonal-secondary={$events_loc.pres_mgmt.show_menu__session != 'options'}
class:hidden={!$ae_loc.trusted_access}
title="Options for the session"
>
@@ -115,8 +115,8 @@ let ae_triggers: key_val = {};
}
}}
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
class:variant-filled-secondary={$events_loc.pres_mgmt.show_menu__session == 'help'}
class:variant-glass-secondary={$events_loc.pres_mgmt.show_menu__session != 'help'}
class:preset-filled-secondary-500={$events_loc.pres_mgmt.show_menu__session == 'help'}
class:preset-tonal-secondary={$events_loc.pres_mgmt.show_menu__session != 'help'}
title="Help and information about the session"
>
<span class="fas fa-question-circle m-1"></span>
@@ -157,7 +157,7 @@ let ae_triggers: key_val = {};
class="ae_comp__session_menu_opts w-full"
>
<h2 class="text-sm font-semibold text-center pb-1">
&AElig; Session Menu Options
Æ Session Menu Options
</h2>
<div class="flex flex-row gap-1 items-center justify-between">
@@ -196,8 +196,8 @@ let ae_triggers: key_val = {};
ae_triggers.hide_event_launcher = true;
}}
class="btn btn-sm transition-all hover:transition-all *:hover:inline"
class:variant-ghost-success={!$lq__event_session_obj?.hide_event_launcher}
class:variant-ringed-warning={$lq__event_session_obj?.hide_event_launcher}
class:border-success-500={!$lq__event_session_obj?.hide_event_launcher}
class:preset-outlined-warning-500={$lq__event_session_obj?.hide_event_launcher}
disabled={!$ae_loc.trusted_access}
>
{#if $lq__event_session_obj?.hide_event_launcher}
@@ -250,8 +250,8 @@ let ae_triggers: key_val = {};
ae_triggers.priority = true;
}}
class="btn btn-sm transition-all hover:transition-all *:hover:inline"
class:variant-ringed-surface={!$lq__event_session_obj?.priority}
class:variant-ghost-success={$lq__event_session_obj?.priority}
class:preset-outlined-surface-500={!$lq__event_session_obj?.priority}
class:border-success-500={$lq__event_session_obj?.priority}
>
{#if $lq__event_session_obj?.priority}
<span class="fas fa-star m-1"></span>
@@ -304,8 +304,8 @@ let ae_triggers: key_val = {};
ae_triggers.hide = true;
}}
class="btn btn-sm transition-all hover:transition-all *:hover:inline"
class:variant-ghost-success={!$lq__event_session_obj?.hide}
class:variant-ringed-warning={$lq__event_session_obj?.hide}
class:border-success-500={!$lq__event_session_obj?.hide}
class:preset-outlined-warning-500={$lq__event_session_obj?.hide}
disabled={!$ae_loc.trusted_access}
>
{#if $lq__event_session_obj?.hide}
@@ -361,8 +361,8 @@ let ae_triggers: key_val = {};
ae_triggers.enable = true;
}}
class="btn btn-sm transition-all hover:transition-all"
class:variant-ghost-success={$lq__event_session_obj?.enable}
class:variant-ringed-warning={!$lq__event_session_obj?.enable}
class:border-success-500={$lq__event_session_obj?.enable}
class:preset-outlined-warning-500={!$lq__event_session_obj?.enable}
disabled={!$ae_loc.manager_access}
>
{#if $lq__event_session_obj?.enable}
@@ -417,7 +417,7 @@ let ae_triggers: key_val = {};
on:click={() => {
$events_loc.pres_mgmt.show_menu__session = !$events_loc.pres_mgmt.show_menu__session;
}}
class="btn btn-sm mx-1 variant-ghost-error hover:variant-filled-error"
class="btn btn-sm mx-1 preset-tonal-error border border-error-500 hover:preset-filled-error-500"
class:hidden={!$events_loc.pres_mgmt.show_menu__session}
title="Collapse the expanded menu"
>

31
src/routes/events/[event_id]/session/[session_id]/session_view.svelte
View File

@@ -5,7 +5,6 @@ if (log_lvl) {
}
// Imports (external and then internal)
import { clipboard } from '@skeletonlabs/skeleton';
import { liveQuery } from "dexie";
import { Modal } from 'flowbite-svelte';
@@ -229,7 +228,7 @@ $: if ($lq__event_session_obj) {
<li>
<strong class="text-sm">
Date
&amp;
&
<button
type="button"
on:click={() => {
@@ -313,7 +312,7 @@ $: if ($lq__event_session_obj) {
<a
data-sveltekit-preload-data="false"
href="/event/{$lq__event_session_obj?.event_id}/launcher/{$lq__event_session_obj?.event_location_id}"
class="btn btn-sm variant-glass-secondary hover:variant-filled-secondary"
class="btn btn-sm preset-tonal-secondary hover:preset-filled-secondary-500"
title="Launcher: {$lq__event_session_obj?.event_location_name} {$lq__event_session_obj?.event_location_id}"
>
<span class="fas fa-paper-plane m-1"></span>
@@ -391,7 +390,7 @@ $: if ($lq__event_session_obj) {
ae_tmp.event_location_id = null;
ae_tmp.show__edit_event_location = false;
}}
class="btn btn-sm variant-soft-warning hover:variant-ghost-warning"
class="btn btn-sm preset-tonal-warning hover:preset-tonal-warning border border-warning-500"
>
<span class="fas fa-times mx-1"></span>
Cancel
@@ -441,7 +440,7 @@ $: if ($lq__event_session_obj) {
ae_tmp.show__edit_event_location = true;
});
}}
class="btn btn-sm variant-soft-warning hover:variant-ghost-warning"
class="btn btn-sm preset-tonal-warning hover:preset-tonal-warning border border-warning-500"
>
<span class="fas fa-edit mx-1"></span>
Edit
@@ -474,7 +473,7 @@ $: if ($lq__event_session_obj) {
$events_loc.auth__kv.session[$lq__event_session_obj?.event_session_id] === true}
<!-- Modal toggle -->
<button
class="btn btn-sm variant-soft-primary hover:variant-filled-primary"
class="btn btn-sm preset-tonal-primary hover:preset-filled-primary-500"
on:click={() => ($events_sess.pres_mgmt.show__session_poc_profile = true)}>
<span class="fas fa-id-card m-1"></span>
<!-- {$events_loc.pres_mgmt?.label__session_poc_name}'s -->
@@ -502,7 +501,7 @@ $: if ($lq__event_session_obj) {
console.log('Close modal session poc profile.');
$events_sess.pres_mgmt.show__session_poc_profile = !$events_sess.pres_mgmt.show__session_poc_profile;
}}
class="btn btn-sm variant-soft-warning hover:variant-ghost-warning"
class="btn btn-sm preset-tonal-warning hover:preset-tonal-warning border border-warning-500"
>
<span class="fas fa-times mx-1"></span>
Close
@@ -518,9 +517,9 @@ $: if ($lq__event_session_obj) {
type="button"
disabled={!$ae_loc.trusted_access &&
!$events_loc.auth__kv.session[$lq__event_session_obj?.event_session_id] === true}
class="btn btn-sm hover:variant-filled-success"
class:variant-soft-success={$lq__event_session_obj?.poc_agree}
class:variant-ghost-warning={!$lq__event_session_obj?.poc_agree}
class="btn btn-sm hover:preset-filled-success-500"
class:preset-tonal-success={$lq__event_session_obj?.poc_agree}
class:preset-tonal-warning border border-warning-500={!$lq__event_session_obj?.poc_agree}
on:click={() => ($events_sess.pres_mgmt.show_modal__session_poc_agree = true)}>
{#if !$lq__event_session_obj?.poc_agree}
<span class="fas fa-times bg-red-500 text-white px-1 mx-1" title="Not agreed to terms and conditions"></span>
@@ -549,7 +548,7 @@ $: if ($lq__event_session_obj) {
on:click={() => {
$events_sess.pres_mgmt.show_modal__session_poc_agree = false;
}}
class="btn btn-sm variant-soft-warning hover:variant-ghost-warning"
class="btn btn-sm preset-tonal-warning hover:preset-tonal-warning border border-warning-500"
>
<span class="fas fa-times m-1"></span>
Close
@@ -665,7 +664,7 @@ $: if ($lq__event_session_obj) {
ae_tmp.poc_person_id = null;
ae_tmp.show__edit_poc_person = false;
}}
class="btn btn-sm variant-soft-warning hover:variant-ghost-warning"
class="btn btn-sm preset-tonal-warning hover:preset-tonal-warning border border-warning-500"
>
<span class="fas fa-times mx-1"></span>
Cancel
@@ -713,7 +712,7 @@ $: if ($lq__event_session_obj) {
ae_tmp.poc_person_id = $lq__event_session_obj?.poc_person_id;
ae_tmp.show__edit_poc_person = true;
}}
class="btn btn-sm variant-soft-warning hover:variant-ghost-warning"
class="btn btn-sm preset-tonal-warning hover:preset-tonal-warning border border-warning-500"
>
<span class="fas fa-edit mx-1"></span>
Edit
@@ -761,7 +760,7 @@ $: if ($lq__event_session_obj) {
}
);
}}
class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary"
class="btn btn-sm preset-tonal-secondary border border-secondary-500 hover:preset-filled-secondary-500"
title="Email the access link to the POC (moderator/champion)"
>
<span class="fas fa-envelope mx-1"></span>
@@ -777,7 +776,7 @@ $: if ($lq__event_session_obj) {
<button
type="button"
use:clipboard={encodeURI(`${$ae_loc.url_origin}/events/${$lq__event_session_obj.event_id}/session/${$events_slct.event_session_id}?person_id=${$lq__event_session_obj.poc_person_id}&person_pass=${$lq__event_session_obj.poc_person_passcode}&session_id=${$lq__event_session_obj.event_session_id}`)}
class="btn btn-sm variant-ghost-warning m-1"
class="btn btn-sm preset-tonal-warning border border-warning-500 m-1"
title="Copy the POC (moderator/champion) access link to the clipboard."
>
<span class="fas fa-copy mx-1"></span>
@@ -861,7 +860,7 @@ $: if ($lq__event_session_obj) {
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 hover:variant-filled-surface text-xs"
class="btn btn-sm preset-tonal-surface hover:preset-filled-surface-500 text-xs"
>
{#if $events_loc.pres_mgmt.show_content__session_description}
<span class="fas fa-eye-slash mx-1"></span>