Still working on upgrading to Tailwind CSS v4 an dSkeleton v3.....
This commit is contained in:
@@ -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">
|
||||
Æ 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>
|
||||
|
||||
@@ -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 -->
|
||||
|
||||
@@ -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'}"
|
||||
>
|
||||
|
||||
@@ -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}
|
||||
|
||||
@@ -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">
|
||||
–
|
||||
–
|
||||
{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">
|
||||
|
||||
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user