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

Lots of work updating the styles. Trying to wrap up for the day/week.

Browse Source
This commit is contained in:
Scott Idem
2025-06-20 17:56:54 -04:00
parent eebcd7c731
commit 0bccaa226f
9 changed files with 508 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/routes/events/[event_id]/locations/ae_comp__event_location_obj_li.svelte
View File

@@ -143,7 +143,7 @@ if (!$events_loc.pres_mgmt?.location_kv) {
>
<!-- <strong class="text-sm">Name/Title:</strong> -->
<span class="fas fa-map-marker-alt m-1"></span>
"{event_location_obj?.name}"
"{event_location_obj?.name ?? '-- not set --'}"
</Element_ae_crud>
<!-- "{event_location_obj.name}" -->
{#if event_location_obj?.code && !$events_loc.pres_mgmt?.hide__location_code}

59
src/routes/events/[event_id]/locations/locations_page_menu.svelte
View File

@@ -1,4 +1,5 @@
<script lang="ts">
// export let data: any;
export let log_lvl: number = 0;
import type { key_val } from '$lib/ae_stores';
@@ -20,10 +21,9 @@ export let lq__event_obj: any;
</script>
<!-- New standard page specific menu 2024-08-01 -->
<!-- New standard page specific menu 2025-06-20 -->
<div
class="pres_mgmt__location_menu {ae_snip.classes__events_pres_mgmt_menu}"
class:border-gray-100={!$events_loc.pres_mgmt.show_menu__location}
class="pres_mgmt__location_menu ae_container_module_menu"
>
<!-- BEGIN: The menu button options -->
@@ -51,11 +51,11 @@ export let lq__event_obj: any;
$events_loc.pres_mgmt.show_menu__location = 'options';
}
}}
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
class:preset-filled-secondary-500={$events_loc.pres_mgmt.show_menu__location == 'options'}
class:preset-tonal-secondary={$events_loc.pres_mgmt.show_menu__location != 'options'}
class="btn btn-sm mx-1"
class:ae_btn_info_filled={$events_loc.pres_mgmt.show_menu__location == 'options'}
class:ae_btn_info={$events_loc.pres_mgmt.show_menu__location != 'options'}
class:hidden={!$ae_loc.trusted_access}
title="Options for the location"
title="Options for the event locations"
>
<span class="fas fa-cog m-1"></span>
{#if $events_loc.pres_mgmt.show_menu__location == 'options'}
@@ -75,9 +75,9 @@ export let lq__event_obj: any;
$events_loc.pres_mgmt.show_menu__location = 'help';
}
}}
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
class:preset-filled-secondary-500={$events_loc.pres_mgmt.show_menu__location == 'help'}
class:preset-tonal-secondary={$events_loc.pres_mgmt.show_menu__location != 'help'}
class="btn btn-sm mx-1"
class:ae_btn_info_filled={$events_loc.pres_mgmt.show_menu__location == 'help'}
class:ae_btn_info={$events_loc.pres_mgmt.show_menu__location != 'help'}
title="Help and information about the location"
>
<span class="fas fa-question-circle m-1"></span>
@@ -91,15 +91,16 @@ export let lq__event_obj: any;
</div> <!-- END: The menu button options -->
<!-- BEGIN: The expanded menu area for information and options -->
<div
class="flex flex-row items-center justify-around w-full bg-blue-100 hover:bg-blue-200 border border-blue-200 hover:border-blue-400 p-2 rounded-md transition-all duration-1000 ease-in-out overflow-hidden"
class="flex flex-row items-center justify-around w-full bg-blue-100 hover:bg-blue-200 border border-blue-200 hover:border-blue-400 p-2 rounded-md"
class:hidden={$events_loc.pres_mgmt.show_menu__location != 'options'}
>
<div
<!-- <div
class="flex flex-row flex-wrap gap-1 items-center justify-center w-full"
>
> -->
<!-- Show the session list or device list -->
<button
type="button"
@@ -111,16 +112,16 @@ export let lq__event_obj: any;
}
}}
class="btn btn-sm"
class:ae_btn_success={$events_loc.pres_mgmt?.show_content__location_devices_sessions== 'sessions'}
class:ae_btn_warning={$events_loc.pres_mgmt?.show_content__location_devices_sessions== 'devices'}
title="Show the session list or device list."
class:ae_btn_surface={$events_loc.pres_mgmt?.show_content__location_devices_sessions== 'sessions'}
class:ae_btn_surface_outlined={$events_loc.pres_mgmt?.show_content__location_devices_sessions== 'devices'}
title="Show the session list or device list for each location."
>
{#if $events_loc.pres_mgmt.show_content__location_devices_sessions == 'sessions'}
<span class="fas fa-toggle-on m-1"></span>
Session List
Location's Session List
{:else}
<span class="fas fa-toggle-off m-1"></span>
Device List
Location's Device List
{/if}
</button>
@@ -131,8 +132,8 @@ export let lq__event_obj: any;
$events_loc.pres_mgmt.hide__device_code = !$events_loc.pres_mgmt.hide__device_code;
}}
class="btn btn-sm"
class:ae_btn_success={!$events_loc.pres_mgmt?.hide__device_code}
class:ae_btn_warning={$events_loc.pres_mgmt?.hide__device_code}
class:ae_btn_surface={!$events_loc.pres_mgmt?.hide__device_code}
class:ae_btn_surface_outlined={$events_loc.pres_mgmt?.hide__device_code}
title="Show or hide the device code."
>
{#if !$events_loc.pres_mgmt.hide__device_code}
@@ -151,16 +152,16 @@ export let lq__event_obj: any;
$events_loc.pres_mgmt.hide__location_code = !$events_loc.pres_mgmt.hide__location_code;
}}
class="btn btn-sm"
class:ae_btn_success={!$events_loc.pres_mgmt?.hide__location_code}
class:ae_btn_warning={$events_loc.pres_mgmt?.hide__location_code}
class:ae_btn_surface={!$events_loc.pres_mgmt?.hide__location_code}
class:ae_btn_surface_outlined={$events_loc.pres_mgmt?.hide__location_code}
title="Show or hide the location code."
>
{#if !$events_loc.pres_mgmt.hide__location_code}
<span class="fas fa-toggle-on m-1"></span>
Location Code
Showing Location Code
{:else}
<span class="fas fa-toggle-off m-1"></span>
Location Code
Show Location Code?
{/if}
</button>
@@ -171,19 +172,19 @@ export let lq__event_obj: any;
$events_loc.pres_mgmt.hide__session_code = !$events_loc.pres_mgmt.hide__session_code;
}}
class="btn btn-sm"
class:ae_btn_success={!$events_loc.pres_mgmt?.hide__session_code}
class:ae_btn_warning={$events_loc.pres_mgmt?.hide__session_code}
class:ae_btn_surface={!$events_loc.pres_mgmt?.hide__session_code}
class:ae_btn_surface_outlined={$events_loc.pres_mgmt?.hide__session_code}
title="Show or hide the session code."
>
{#if !$events_loc.pres_mgmt.hide__session_code}
<span class="fas fa-toggle-on m-1"></span>
Session Code
Showing Session Code
{:else}
<span class="fas fa-toggle-off m-1"></span>
Session Code
Show Session Code?
{/if}
</button>
</div>
<!-- </div> -->
</div> <!-- END: The expanded menu area for information and options -->