General clean up and standardizing of things. More option buttons. Show/hide from launcher.

This commit is contained in:
Scott Idem
2024-09-04 13:05:21 -04:00
parent 5aaaaa164d
commit 3919347383
17 changed files with 193 additions and 37 deletions

View File

@@ -192,6 +192,7 @@ let events_local_data_struct: key_val = {
saved_search__session: null,
// show_content__agree_text: false,
show_content__event_view: null,
show_content__launcher_link: false,
show_content__location_link: false,
show_content__location_qr: false,

View File

@@ -122,7 +122,7 @@ onMount(() => {
title="Files for {link_to_type ?? '-- not set --'}: {link_to_id ?? '-- not set --'} (files: {$lq__event_file_obj_li?.length ?? 'None'})"
>
<span class="fas fa-folder-open mx-1"></span>
{$lq__event_file_obj_li ? `${$lq__event_file_obj_li.length}x` : '-- none --'}
{@html $lq__event_file_obj_li ? `${$lq__event_file_obj_li.length}&times;` : '-- none --'}
</span>
</h3>

View File

@@ -58,7 +58,7 @@ let lq_kv__person_obj_li = liveQuery(
>
<thead>
<tr>
<th class="px-4 py-2">Name ({$lq_kv__person_obj_li?.length}x)</th>
<th class="px-4 py-2">Name ({$lq_kv__person_obj_li?.length}&times;)</th>
<th class="px-4 py-2">Email</th>
<th class="px-4 py-2">Affiliations</th>
{#if show_user_fields}

View File

@@ -583,7 +583,7 @@ function handle_qr_camera(event) {
<span class="fas fa-check text-green-500"></span>
{#if $ae_loc.trusted_access}
<span class="print_count variant-soft-warning px-1">{badge_obj.print_count}x</span>
<span class="print_count variant-soft-warning px-1">{badge_obj.print_count}&times;</span>
{/if}
{/if}
</span>

View File

@@ -590,7 +590,7 @@ function handle_qr_camera(event) {
<span class="fas fa-check text-green-500"></span>
{#if $ae_loc.trusted_access}
<span class="print_count variant-soft-warning px-1">{badge_obj.print_count}x</span>
<span class="print_count variant-soft-warning px-1">{badge_obj.print_count}&times;</span>
{/if}
{/if}
</span>

View File

@@ -68,7 +68,7 @@ let lq_kv__event_file_obj_li = liveQuery(
<tr>
<th class="px-4 py-2">
Filename
<!-- ({$lq_kv__event_file_obj_li?.length}x) -->
<!-- ({$lq_kv__event_file_obj_li?.length}&times;) -->
</th>
<th class="px-4 py-2">
Link

View File

@@ -127,7 +127,7 @@ let lq_fancy__event_presentation_obj_li = liveQuery(
title="Presentations for session: {$lq__event_presentation_obj_li?.length ?? 'None'}"
>
<span class="fas fa-chalkboard-teacher mx-1"></span>
{($lq__event_presentation_obj_li?.length > 1 ? `${$lq__event_presentation_obj_li?.length}x` : '')}
{@html ($lq__event_presentation_obj_li?.length > 1 ? `${$lq__event_presentation_obj_li?.length}&times;` : '')}
</span>
</h3>

View File

@@ -195,8 +195,8 @@ onMount(() => {
{#if event_presenter_obj?.file_count}
<span class="badge variant-glass-success hover:variant-filled-success" title="{event_presenter_obj.file_count} files">
<span class="fas fa-file-alt mx-1"></span>
{event_presenter_obj?.file_count}x
<!-- {event_presenter_obj?.file_count ? `(${event_presenter_obj?.file_count}x files)` : '(0 files)'} -->
{event_presenter_obj?.file_count}&times;
<!-- {event_presenter_obj?.file_count ? `(${event_presenter_obj?.file_count}&times; files)` : '(0 files)'} -->
</span>
{/if}
</a>

View File

@@ -1,4 +1,6 @@
<script lang="ts">
export let log_lvl = 0;
// Imports
// import { onMount } from 'svelte';
@@ -131,6 +133,9 @@ let lq_kv__event_session_obj_li = liveQuery(
<th
class:hidden={hide__session_poc}
>POC</th>
<th
class:hidden={!$ae_loc.edit_mode || !$ae_loc.authenticated_access}
>Actions</th>
</tr>
</thead>
<tbody>
@@ -159,9 +164,9 @@ let lq_kv__event_session_obj_li = liveQuery(
<strong>{session_obj?.name}</strong>
</span>
{#if session_obj?.file_count_all}
<span class="badge variant-glass-success hover:variant-filled-success" title="{session_obj?.file_count_all}x files under session">
<span class="badge variant-glass-success hover:variant-filled-success" title="{session_obj?.file_count_all}&times; files under session">
<span class="fas fa-file-alt mx-1"></span>
{session_obj?.file_count_all}x
{session_obj?.file_count_all}&times;
</span>
{:else}
<!-- Nothing -->
@@ -403,6 +408,61 @@ let lq_kv__event_session_obj_li = liveQuery(
</span> <!-- flex flex-col items-center md:flex-row md:items-start -->
</td>
<td
class:hidden={!$ae_loc.edit_mode || !$ae_loc.authenticated_access}
>
<Element_ae_crud
trigger_patch={ae_triggers.hide_event_launcher}
api_cfg={$ae_api}
object_type={'event_session'}
object_id={session_obj?.event_session_id_random}
field_name={'hide_event_launcher'}
field_type={'button'}
field_value={ae_tmp.value__hide_event_launcher}
allow_null={false}
hide_edit_btn={true}
outline_element={false}
show_crud={false}
display_inline={true}
class_li={'m-1'}
on:ae_crud_updated={e => {
console.log(`ae_crud_updated:`, e.detail);
events_func.load_ae_obj_id__event_session({
api_cfg: $ae_api,
event_session_id: session_obj?.event_session_id_random,
log_lvl: log_lvl
});
}}
>
<!-- {(session_obj?.hide_event_launcher ? 'Hidden' : 'Not Hidden')} -->
<button
on:click={() => {
ae_tmp.value__hide_event_launcher = !session_obj?.hide_event_launcher;
// $events_slct.exhibit_tracking_obj.hide_event_launcher = !session_obj?.hide_event_launcher;
ae_triggers.hide_event_launcher = true;
}}
class="btn btn-sm variant-soft-warning hover:variant-ghost-warning transition-all hover:transition-all *:hover:inline"
class:variant-ghost-success={!session_obj?.hide_event_launcher}
class:variant-ringed-warning={session_obj?.hide_event_launcher}
disabled={!$ae_loc.trusted_access}
>
{#if session_obj?.hide_event_launcher}
<span class="fas fa-toggle-on m-1"></span>
Unhide from Launcher?
{:else}
<!-- <span class="fas fa-toggle-off m-1"></span> -->
<span class="fas fa-paper-plane m-1"></span>
<span class="hidden">
Showing in Launcher
</span>
{/if}
<!-- {@html (session_obj?.hide_event_launcher ? '<span class="fas fa-eye m-1"></span> Unhide?' : '<span class="fas fa-eye-slash m-1"></span> Hide?')} -->
</button>
</Element_ae_crud>
</td>
</tr>
{/each}
</tbody>

View File

@@ -1,4 +1,6 @@
<script lang="ts">
export let log_lvl = 0;
// Imports
// import { onMount } from 'svelte';
@@ -162,9 +164,9 @@ if (browser) {
<strong>{session_obj?.name}</strong>
</span>
{#if session_obj?.file_count_all}
<span class="badge variant-glass-success hover:variant-filled-success" title="{session_obj?.file_count_all}x files under session">
<span class="badge variant-glass-success hover:variant-filled-success" title="{session_obj?.file_count_all}&times; files under session">
<span class="fas fa-file-alt mx-1"></span>
{session_obj?.file_count_all}x
{session_obj?.file_count_all}&times;
</span>
{:else}
<!-- Nothing -->

View File

@@ -23,6 +23,8 @@ import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$
import { events_loc, events_sess, events_slct, events_trigger } from '$lib/ae_events_stores';
import { events_func } from '$lib/ae_events_functions';
import Comp_event_files_upload from './../../ae_comp__event_files_upload.svelte';
import Element_manage_event_file_li_wrap from '$lib/element_manage_event_file_li_direct.svelte';
import Event_page_menu from './../../event_page_menu.svelte';
@@ -359,6 +361,13 @@ async function handle_search__event_session(
xl:bg-green-200 -->
<Event_page_menu
data={data}
lq__event_obj={lq__event_obj}
/>
{#if !$events_loc.pres_mgmt.show_content__event_view || $events_loc.pres_mgmt.show_content__event_view == 'default'}
{#if $lq__event_obj}
<header>
<h2 class="h3 text-center">{$lq__event_obj?.name}</h2>
@@ -366,13 +375,7 @@ async function handle_search__event_session(
</header>
{/if}
<Event_page_menu
data={data}
lq__event_obj={lq__event_obj}
/>
<!-- This session search section should be moved to a separate Svelte component -->
<div class="variant-ghost-success my-2 p-2 rounded-md flex flex-row items-center">
<form
@@ -520,6 +523,39 @@ async function handle_search__event_session(
</section>
{/if}
{:else if $events_loc.pres_mgmt.show_content__event_view == 'manage_files' && $ae_loc.trusted_access}
{#if $lq__event_obj}
<header>
<h2 class="h3 text-center">{$lq__event_obj?.name}</h2>
<h3 class="h4 text-center">Event - Manage Files</h3>
</header>
{/if}
<div>
<h3 class="h5 text-center">
<span class="fas fa-tasks m-1"></span>
<span class="fas fa-mail-bulk m-1"></span>
Manage and Upload Event Files:
</h3>
<Comp_event_files_upload
link_to_type="event"
link_to_id={$lq__event_obj?.event_id}
/>
<div class="overflow-x-auto w-max max-w-full">
<Element_manage_event_file_li_wrap
link_to_type={'event'}
link_to_id={$lq__event_obj?.event_id_random}
allow_basic={$events_loc.auth__kv.session[$lq__event_obj?.event_id_random] || $events_loc.auth__kv.session[$lq__event_obj?.event_id_random]}
allow_moderator={$events_loc.auth__kv.session[$lq__event_obj?.event_id_random]}
container_class_li={''}
/>
</div>
</div>
{/if}
</section>

View File

@@ -58,23 +58,23 @@ let ae_triggers: key_val = {};
<button
type="button"
on:click={() => {
if ($events_loc.pres_mgmt.show_content__session_search_view == 'manage_files') {
$events_loc.pres_mgmt.show_content__session_search_view = null;
if ($events_loc.pres_mgmt.show_content__event_view == 'manage_files') {
$events_loc.pres_mgmt.show_content__event_view = null;
} else {
$events_loc.pres_mgmt.show_content__session_search_view = 'manage_files';
$events_loc.pres_mgmt.show_content__event_view = 'manage_files';
}
}}
class="{ae_snip.classes__events_pres_mgmt_menu__button_special}"
class:variant-filled-primary={$events_loc.pres_mgmt.show_content__session_search_view == 'manage_files'}
class:variant-glass-primary={$events_loc.pres_mgmt.show_content__session_search_view != 'manage_files'}
class:variant-filled-primary={$events_loc.pres_mgmt.show_content__event_view == 'manage_files'}
class:variant-glass-primary={$events_loc.pres_mgmt.show_content__event_view != 'manage_files'}
class:hidden={!$ae_loc.administrator_access}
disabled={!$ae_loc.manager_access}
title="Manage files for the session"
title="Session search or manage files for the event"
>
{#if $events_loc.pres_mgmt.show_content__session_search_view == 'manage_files'}
{#if $events_loc.pres_mgmt.show_content__event_view == 'manage_files'}
<span class="fas fa-users m-1"></span>
<!-- View Details -->
Event Presenters?
<!-- View Session Search -->
Session Search?
{:else}
<span class="fas fa-file-archive m-1"></span>
Event Files?

View File

@@ -212,8 +212,9 @@ onMount(() => {
{:else if $events_loc.pres_mgmt.show_content__location_view == 'manage_files' && $ae_loc.trusted_access}
<div>
<h3 class="h5">
<span class="fas fa-upload m-1"></span>
<h3 class="h5 text-center">
<span class="fas fa-tasks m-1"></span>
<span class="fas fa-mail-bulk m-1"></span>
Manage and Upload Location Files:
</h3>

View File

@@ -107,8 +107,9 @@ if (!$ae_loc.authenticated_access && $events_loc.pres_mgmt.show_content__present
lq__event_presentation_obj={lq__event_presentation_obj}
/>
<h3 class="h5">
<span class="fas fa-upload m-1"></span>
<h3 class="h5 text-center">
<span class="fas fa-tasks m-1"></span>
<span class="fas fa-mail-bulk m-1"></span>
Manage and Upload Presenter Files:
</h3>
@@ -132,8 +133,9 @@ if (!$ae_loc.authenticated_access && $events_loc.pres_mgmt.show_content__present
{:else if $events_loc.pres_mgmt.show_content__presenter_view == 'manage_files' && $ae_loc.authenticated_access}
<div>
<h3 class="h5">
<span class="fas fa-upload m-1"></span>
<h3 class="h5 text-center">
<span class="fas fa-tasks m-1"></span>
<span class="fas fa-mail-bulk m-1"></span>
Manage and Upload Presenter Files:
</h3>

View File

@@ -63,7 +63,7 @@ let ae_triggers: key_val = {};
class:variant-filled-primary={$events_loc.pres_mgmt.show_content__presenter_view == 'manage_files'}
class:variant-glass-primary={$events_loc.pres_mgmt.show_content__presenter_view != 'manage_files'}
class:hidden={!$ae_loc.authenticated_access}
title="Manage files for the presenter"
title="View presenter information or manage files for the presenter"
>
{#if $events_loc.pres_mgmt.show_content__presenter_view == 'manage_files'}
<span class="fas fa-info m-1"></span>

View File

@@ -161,9 +161,11 @@ onMount(() => {
/>
{:else if $events_loc.pres_mgmt.show_content__session_view == 'manage_files' && $ae_loc.trusted_access}
<div>
<h3 class="h5">
<span class="fas fa-upload m-1"></span>
<h3 class="h5 text-center">
<span class="fas fa-tasks m-1"></span>
<span class="fas fa-mail-bulk m-1"></span>
Manage and Upload Session Files:
</h3>
@@ -182,6 +184,7 @@ onMount(() => {
/>
</div>
</div>
{/if}
{:else}

View File

@@ -144,6 +144,57 @@ let ae_triggers: key_val = {};
class:hidden={$events_loc.pres_mgmt.show_menu__session != 'options'}
>
<Element_ae_crud
trigger_patch={ae_triggers.hide_event_launcher}
api_cfg={$ae_api}
object_type={'event_session'}
object_id={$lq__event_session_obj?.event_session_id_random}
field_name={'hide_event_launcher'}
field_type={'button'}
field_value={ae_tmp.value__hide_event_launcher}
allow_null={false}
hide_edit_btn={true}
outline_element={false}
show_crud={false}
display_inline={true}
class_li={'m-1'}
on:ae_crud_updated={e => {
console.log(`ae_crud_updated:`, e.detail);
events_func.load_ae_obj_id__event_session({
api_cfg: $ae_api,
event_session_id: $lq__event_session_obj?.event_session_id_random,
log_lvl: log_lvl
});
}}
>
<!-- {($lq__event_session_obj?.hide_event_launcher ? 'Hidden' : 'Not Hidden')} -->
<button
on:click={() => {
ae_tmp.value__hide_event_launcher = !$lq__event_session_obj?.hide_event_launcher;
// $events_slct.exhibit_tracking_obj.hide_event_launcher = !$lq__event_session_obj?.hide_event_launcher;
ae_triggers.hide_event_launcher = true;
}}
class="btn btn-sm m-1 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}
disabled={!$ae_loc.trusted_access}
>
{#if $lq__event_session_obj?.hide_event_launcher}
<span class="fas fa-toggle-on m-1"></span>
Unhide from Launcher?
{:else}
<!-- <span class="fas fa-toggle-off m-1"></span> -->
<span class="fas fa-paper-plane m-1"></span>
<span class="hidden">
Showing in Launcher
</span>
{/if}
<!-- {@html ($lq__event_session_obj?.hide_event_launcher ? '<span class="fas fa-eye m-1"></span> Unhide?' : '<span class="fas fa-eye-slash m-1"></span> Hide?')} -->
</button>
</Element_ae_crud>
<Element_ae_crud
trigger_patch={ae_triggers.priority}
api_cfg={$ae_api}