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

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

View File

@@ -528,7 +528,7 @@ $: {
</title>
</svelte:head>
<div class="static max-w-screen-xl m-auto border border-gray-200 dark:border-gray-600 mt-12 mb-14 sm:mb-12">
<div class="static max-w-(--breakpoint-xl) m-auto border border-gray-200 dark:border-gray-600 mt-12 mb-14 sm:mb-12">
{#if !$lq__event_obj}
@@ -549,7 +549,7 @@ $: {
"
>
<h3 class="hidden sm:inline-block h4 text-center italic">
&AElig; Presentation Launcher
Æ Presentation Launcher
</h3>
<h2 class="h3 text-center">{$lq__event_obj.cfg_json?.short_name}</h2>
<h3 class="h4 text-center italic">
@@ -689,8 +689,8 @@ $: {
<span
class="*:hover:inline px-1 rounded-md"
class:variant-ghost-warning={!$events_loc.launcher.ws_connect}
class:variant-ghost-success={$events_loc.launcher.ws_connect}
class:preset-tonal-warning border border-warning-500={!$events_loc.launcher.ws_connect}
class:preset-tonal-success border border-success-500={$events_loc.launcher.ws_connect}
>
{#if $events_sess.launcher.ws_connect_status == 'connected'}
<span class="fas fa-wifi mx-1"></span>
@@ -708,8 +708,8 @@ $: {
<span
class:hidden={$events_loc.launcher.app_mode != 'native'}
class="*:hover:inline px-1 rounded-md"
class:variant-ghost-warning={!$events_sess.launcher?.av_recording_status}
class:variant-ghost-success={$events_sess.launcher?.av_recording_status}
class:preset-tonal-warning border border-warning-500={!$events_sess.launcher?.av_recording_status}
class:preset-tonal-success border border-success-500={$events_sess.launcher?.av_recording_status}
>
{#if $events_sess.launcher?.av_recording_status}
<span class="fas fa-video mx-1"></span>
@@ -740,7 +740,7 @@ $: {
<button
type="button"
on:click={() => ($events_loc.launcher.hide_drawer__cfg = false)}
class="btn btn-sm p-2.5 variant-soft-error hover:variant-filled-error transition-all duration-1000"
class="btn btn-sm p-2.5 preset-tonal-error hover:preset-filled-error-500 transition-all duration-1000"
class:opacity-25={!$ae_loc.trusted_access}
class:hover:opacity-75={!$ae_loc.trusted_access}
>
@@ -761,7 +761,7 @@ $: {
easing: sineIn
}
}
width={'min-w-80 w-1/2 max-w-screen-lg'}
width={'min-w-80 w-1/2 max-w-(--breakpoint-lg)'}
bind:hidden={$events_loc.launcher.hide_drawer__cfg}
id="sidebar1"
>
@@ -772,20 +772,20 @@ $: {
<hr />
<div class="flex flex-row flex-wrap gap-0.5 items-center justify-center">
<a href="/events/{$events_slct.event_id}" class="btn btn-sm variant-soft-primary hover:variant-filled-primary">
<a href="/events/{$events_slct.event_id}" class="btn btn-sm preset-tonal-primary hover:preset-filled-primary-500">
<span class="fas fa-search m-1"></span>
Session Search
</a>
{#if $events_slct?.event_location_id}
<a href="/events/{$events_slct.event_id}/location/{$events_slct.event_location_id}"
class="btn btn-sm variant-soft-primary hover:variant-filled-primary">
class="btn btn-sm preset-tonal-primary hover:preset-filled-primary-500">
<span class="fas fa-map-marker m-1"></span>
View Selected Location
</a>
{/if}
{#if $events_slct?.event_session_id}
<a href="/events/{$events_slct.event_id}/session/{$events_slct.event_session_id}"
class="btn btn-sm variant-soft-primary hover:variant-filled-primary">
class="btn btn-sm preset-tonal-primary hover:preset-filled-primary-500">
<span class="fas fa-chalkboard-teacher m-1"></span>
View Selected Session
</a>
@@ -887,14 +887,14 @@ $: {
$events_sess.launcher.controller_trigger_send = true;
// $events_sess.launcher.modal__open = false;
}}
class="absolute top-0 right-20 m-1 p-1 btn btn-sm variant-soft-error hover:variant-filled-error"
class="absolute top-0 right-20 m-1 p-1 btn btn-sm preset-tonal-error hover:preset-filled-error-500"
class:hidden={$events_loc.launcher.controller != 'local_push' || $events_sess.launcher.ws_connect_status != 'connected'}
>
<span class="fas fa-times m-1"></span>
Close Remote Poster Display Only
</button>
<!-- <span class="aspect-[9/16] max-h-96"> -->
<!-- <span class="aspect-9/16 max-h-96"> -->
<img
src="{$ae_api.base_url}/event/file/{$events_sess.launcher.modal__open}/download?filename={$events_slct.event_file_obj.filename}&x_no_account_id_token=direct-download"
alt="Placeholder"
@@ -910,7 +910,7 @@ $: {
$events_sess.launcher.controller_trigger_send = true;
// $events_sess.launcher.modal__open = false;
}}
class="absolute bottom-0 left-20 m-1 p-1 btn btn-sm variant-soft-error hover:variant-filled-error"
class="absolute bottom-0 left-20 m-1 p-1 btn btn-sm preset-tonal-error hover:preset-filled-error-500"
class:hidden={$events_loc.launcher.controller != 'local_push' || $events_sess.launcher.ws_connect_status != 'connected'}
>
<span class="fas fa-times m-1"></span>
@@ -923,7 +923,7 @@ $: {
on:click={() => {
$events_sess.launcher.modal__open = false;
}}
class="absolute bottom-0 right-20 m-1 p-1 btn btn-sm variant-soft-warning hover:variant-ghost-warning"
class="absolute bottom-0 right-20 m-1 p-1 btn btn-sm preset-tonal-warning hover:preset-tonal-warning border border-warning-500"
class:hidden={!$ae_loc.trusted_access && ($events_loc.launcher.controller != 'local_push' || $events_sess.launcher.ws_connect_status != 'connected')}
>
<span class="fas fa-times m-1"></span>

View File

@@ -85,9 +85,9 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
$events_sess.launcher.controller_cmd = null,
$events_sess.launcher.controller_trigger_send = null;
}}
class="btn btn-sm hover:variant-filled-primary"
class:variant-ghost-warning={!$events_loc.launcher.ws_connect}
class:variant-ghost-success={$events_loc.launcher.ws_connect}
class="btn btn-sm hover:preset-filled-primary-500"
class:preset-tonal-warning border border-warning-500={!$events_loc.launcher.ws_connect}
class:preset-tonal-success border border-success-500={$events_loc.launcher.ws_connect}
>
{#if $events_loc.launcher.ws_connect}
<!-- <span class="fas fa-signal m-1"></span> -->
@@ -105,7 +105,7 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
$events_sess.launcher.controller_cmd = 'ae_refresh:now';
$events_sess.launcher.controller_trigger_send = 'trigger';
}}
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"
>
Send Group Reload
</button>
@@ -168,7 +168,7 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
{#if !$events_loc.launcher.app_mode || $events_loc.launcher.app_mode != 'default'}
<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_loc.launcher.app_mode='default';
// ae_event_launcher.set($events_loc.launcher);
@@ -181,7 +181,7 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
{/if}
{#if $events_loc.launcher.app_mode != 'native'}
<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_loc.launcher.app_mode='native';
// ae_event_launcher.set($ae_event_launcher);
@@ -194,7 +194,7 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
{/if}
{#if $events_loc.launcher.app_mode != 'onsite'}
<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_loc.launcher.app_mode='onsite';
// ae_event_launcher.set($ae_event_launcher);
@@ -209,7 +209,7 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
{#if $events_loc.launcher.hide__launcher_menu}
<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_loc.launcher.hide__launcher_menu = false;
// ae_event_launcher.set($ae_event_launcher);
@@ -222,7 +222,7 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
{/if}
{#if !$events_loc.launcher.hide__launcher_menu}
<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_loc.launcher.hide__launcher_menu = true;
// ae_event_launcher.set($ae_event_launcher);
@@ -254,7 +254,7 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
<button
type="button"
on:click={() => ($events_loc.launcher.hide_drawer__debug = false)}
class="btn btn-sm p-1 variant-soft-error hover:variant-filled-error"
class="btn btn-sm p-1 preset-tonal-error hover:preset-filled-error-500"
>
<span class="fas fa-bug"></span>
<!-- Debug -->

View File

@@ -345,7 +345,7 @@ async function handle_open_file() {
}}
class="
btn btn-sm md:btn-md lg:btn-lg
variant-ghost-primary
preset-tonal-primary border border-primary-500
min-w-96
"
title={`Open this file in a modal window:\n${event_file_obj.filename}\n[API] SHA256: ${event_file_obj.hash_sha256.slice(0, 10)}...\nHosted ID: ${event_file_obj.hosted_file_id_random} Event File ID: ${event_file_obj.event_file_id_random}`}
@@ -422,7 +422,7 @@ async function handle_open_file() {
}}
class="
btn btn-sm md:btn-md lg:btn-lg
variant-ghost-primary
preset-tonal-primary border border-primary-500
min-w-72 lg:min-w-96
"
title={`Download this file:\n${event_file_obj.filename}\n[API] SHA256: ${event_file_obj.hash_sha256.slice(0, 10)}...\nHosted ID: ${event_file_obj.hosted_file_id_random} Event File ID: ${event_file_obj.event_file_id_random}`}
@@ -460,7 +460,7 @@ async function handle_open_file() {
</span>
<span
class="badge variant-glass-success hover:variant-filled-success text-sm"
class="badge preset-tonal-success hover:preset-filled-success-500 text-sm"
class:hidden={!event_file_obj.file_purpose}
>
{event_file_obj.file_purpose}
@@ -565,8 +565,8 @@ async function handle_open_file() {
ae_triggers.open_in_os = true;
}}
class="btn btn-sm transition-all hover:transition-all *:hover:inline"
class:variant-soft-success={event_file_obj?.open_in_os=='win'}
class:variant-soft-warning={event_file_obj?.open_in_os=='mac'}
class:preset-tonal-success={event_file_obj?.open_in_os=='win'}
class:preset-tonal-warning={event_file_obj?.open_in_os=='mac'}
disabled={!$ae_loc.trusted_access}
title="Open with: {event_file_obj?.open_in_os ?? 'Default'}"
>

View File

@@ -63,7 +63,7 @@ let ae_promises: key_val = {
on:click={() => {
$events_loc.launcher.show_content__hidden_files = !$events_loc.launcher.show_content__hidden_files;
}}
class="btn btn-sm variant-ghost-warning hover:variant-filled-primary text-xs py-1 px-2"
class="btn btn-sm preset-tonal-warning border border-warning-500 hover:preset-filled-primary-500 text-xs py-1 px-2"
>
{#if $events_loc.launcher.show_content__hidden_files}
<span class="fas fa-eye-slash m-1"></span>
@@ -78,7 +78,7 @@ let ae_promises: key_val = {
on:click={() => {
$events_loc.launcher.show_content__hidden_sessions = !$events_loc.launcher.show_content__hidden_sessions;
}}
class="btn btn-sm variant-ghost-warning hover:variant-filled-primary text-xs py-1 px-2"
class="btn btn-sm preset-tonal-warning border border-warning-500 hover:preset-filled-primary-500 text-xs py-1 px-2"
>
{#if $events_loc.launcher.show_content__hidden_sessions}
<span class="fas fa-eye-slash m-1"></span>
@@ -256,7 +256,7 @@ let ae_promises: key_val = {
log_lvl: 0
});
}}
class="btn btn-sm variant-ghost-primary hover:variant-filled-primary text-xs py-1 px-2"
class="btn btn-sm preset-tonal-primary border border-primary-500 hover:preset-filled-primary-500 text-xs py-1 px-2"
>
<span class="fas fa-file-archive m-1"></span>
{event_file_obj?.filename}

View File

@@ -175,7 +175,7 @@ ae_promises[$events_slct.event_session_id] = events_func.load_ae_obj_li__event_p
</span>
<strong>{ae_util.iso_datetime_formatter($lq__event_session_obj.start_datetime, $events_loc.launcher.time_format)}</strong>
<span class="font-normal">
&ndash;
{ae_util.iso_datetime_formatter($lq__event_session_obj.end_datetime, $events_loc.launcher.time_format)}
</span>
</button>
@@ -254,7 +254,7 @@ ae_promises[$events_slct.event_session_id] = events_func.load_ae_obj_li__event_p
// window.postMessage({ type: 'download_event_file', event_file_id: event_file_obj.event_file_id_random, filename: event_file_obj.filename, auto_download: true }, '*');
}}
class="btn btn-sm lg:btn-md variant-soft-secondary hover:variant-filled-primary min-w-72 lg:min-w-96"
class="btn btn-sm lg:btn-md preset-tonal-secondary hover:preset-filled-primary-500 min-w-72 lg:min-w-96"
title={`Download this file:\n${event_file_obj.filename}\n[API] SHA256: ${event_file_obj.hash_sha256.slice(0, 10)}... Hosted ID: ${event_file_obj.hosted_file_id_random} Event File ID: ${event_file_obj.event_file_id_random}`}
>
{#await ae_promises[event_file_obj.event_file_id_random]}
@@ -279,7 +279,7 @@ ae_promises[$events_slct.event_session_id] = events_func.load_ae_obj_li__event_p
</span>
<span
class="badge variant-glass-success hover:variant-filled-success text-sm"
class="badge preset-tonal-success hover:preset-filled-success-500 text-sm"
class:hidden={!event_file_obj.file_purpose}
>
{event_file_obj.file_purpose}
@@ -327,7 +327,7 @@ ae_promises[$events_slct.event_session_id] = events_func.load_ae_obj_li__event_p
{/if}
</strong></div>
<!-- Maybe set max with? max-w-screen-md -->
<!-- Maybe set max with? max-w-(--breakpoint-md) -->
<ul class="event_presentation_list max-w-full space-y-2">
{#each $lq__event_presentation_obj_li as event_presentation_obj}
<li class="border-b-2 border-gray-300 my-1 py-1 text-center md:text-left">

View File

@@ -158,9 +158,9 @@ let hover_timer: any = null;
// console.log(new_url);
// goto(new_url, {replaceState: false});
}}
class="btn btn-sm hover:variant-filled-primary overflow-hidden text-sm w-full max-w-full text-left transition-all rounded-md flex flex-row justify-between items-center"
class:variant-filled-primary={$events_slct.event_session_id === event_session_obj?.id}
class:variant-ghost-secondary={$events_slct.event_session_id != event_session_obj?.id}
class="btn btn-sm hover:preset-filled-primary-500 overflow-hidden text-sm w-full max-w-full text-left transition-all rounded-md flex flex-row justify-between items-center"
class:preset-filled-primary-500={$events_slct.event_session_id === event_session_obj?.id}
class:preset-tonal-secondary border border-secondary-500={$events_slct.event_session_id != event_session_obj?.id}
class:font-bold={$events_slct.event_session_id === event_session_obj?.id}
class:hidden={!$events_loc.launcher.show_content__hidden_sessions && event_session_obj?.hide}