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

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

View File

@@ -1,5 +1,6 @@
<script lang="ts">
// export let data: any;
export let log_lvl: number = 0;
import type { key_val } from '$lib/ae_stores';
import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
@@ -18,10 +19,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__session_search {ae_snip.classes__events_pres_mgmt_menu}"
class:border-gray-100={!$events_loc.pres_mgmt.show_menu__session_search}
class="pres_mgmt__session_search_menu ae_container_module_menu"
>
<!-- BEGIN: The menu button options -->
@@ -82,11 +82,11 @@ export let lq__event_obj: any;
$events_loc.pres_mgmt.show_menu__session_search = 'options';
}
}}
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
class:preset-filled-secondary-500={$events_loc.pres_mgmt.show_menu__session_search == 'options'}
class:preset-tonal-secondary={$events_loc.pres_mgmt.show_menu__session_search != 'options'}
class="btn btn-sm mx-1"
class:ae_btn_info_filled={$events_loc.pres_mgmt.show_menu__session_search == 'options'}
class:ae_btn_info={$events_loc.pres_mgmt.show_menu__session_search != 'options'}
class:hidden={!$ae_loc.trusted_access}
title="Options for the presenter"
title="Options for the event session search"
>
<span class="fas fa-cog m-1"></span>
{#if $events_loc.pres_mgmt.show_menu__session_search == 'options'}
@@ -108,9 +108,9 @@ export let lq__event_obj: any;
$events_loc.pres_mgmt.show_menu__session_search = 'help';
}
}}
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
class:preset-filled-secondary-500={$events_loc.pres_mgmt.show_menu__session_search == 'help'}
class:preset-tonal-secondary={$events_loc.pres_mgmt.show_menu__session_search != 'help'}
class="btn btn-sm mx-1"
class:ae_btn_info_filled={$events_loc.pres_mgmt.show_menu__session_search == 'help'}
class:ae_btn_info={$events_loc.pres_mgmt.show_menu__session_search != 'help'}
title="Help and information about the session search"
>
<span class="fas fa-question-circle m-1"></span>
@@ -135,7 +135,7 @@ export let lq__event_obj: any;
<!-- BEGIN: The expanded menu area for information and options -->
<div
class="flex flex-row flex-wrap gap-1 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:ae_container_module_options={$events_loc.pres_mgmt.show_menu__session_search == 'options'}
class:hidden={$events_loc.pres_mgmt.show_menu__session_search != 'options'}
>
@@ -149,8 +149,8 @@ export let lq__event_obj: any;
$events_loc.pres_mgmt.save_search_text = !$events_loc.pres_mgmt.save_search_text;
}}
class="btn btn-sm"
class:preset-tonal-success={$events_loc.pres_mgmt.save_search_text}
class:preset-tonal-warning={!$events_loc.pres_mgmt.save_search_text}
class:ae_btn_surface={$events_loc.pres_mgmt.save_search_text}
class:ae_btn_surface_outlined={!$events_loc.pres_mgmt.save_search_text}
title="Save the search text for this session search?"
>
{#if $events_loc.pres_mgmt.save_search_text}
@@ -180,7 +180,7 @@ export let lq__event_obj: any;
<select
id="qry_limit__presenters"
bind:value={$events_loc.pres_mgmt.qry_limit__presenters}
class="select w-20 text-sm"
class="select w-20 text-sm preset-tonal-surface"
>
<option value={25}>25</option>
<option value={50}>50</option>
@@ -203,7 +203,7 @@ export let lq__event_obj: any;
<select
id="qry_limit__sessions"
bind:value={$events_loc.pres_mgmt.qry_limit__sessions}
class="select w-20 text-sm"
class="select w-20 text-sm preset-tonal-surface"
>
<option value={25}>25</option>
<option value={50}>50</option>
@@ -226,7 +226,7 @@ export let lq__event_obj: any;
<select
id="qry_limit__files"
bind:value={$events_loc.pres_mgmt.qry_limit__files}
class="select w-20 text-sm"
class="select w-20 text-sm preset-tonal-surface"
>
<option value={25}>25</option>
<option value={50}>50</option>
@@ -251,7 +251,7 @@ export let lq__event_obj: any;
$events_loc.pres_mgmt.show__launcher_link_legacy = false;
$events_loc.pres_mgmt.show__location_link = false;
}}
class="btn btn-sm preset-tonal-success border border-success-500"
class="btn btn-sm ae_btn_surface"
>
<span class="fas fa-toggle-on m-1"></span>
Showing Links
@@ -264,7 +264,7 @@ export let lq__event_obj: any;
$events_loc.pres_mgmt.show__launcher_link_legacy = true;
$events_loc.pres_mgmt.show__location_link = true;
}}
class="btn btn-sm preset-outlined-warning-500"
class="btn btn-sm ae_btn_surface_outlined"
>
<span class="fas fa-toggle-off m-1"></span>
Show Links?
@@ -278,7 +278,7 @@ export let lq__event_obj: any;
on:click={() => {
$events_loc.pres_mgmt.hide__session_li_poc_field = true;
}}
class="btn btn-sm preset-tonal-success border border-success-500"
class="btn btn-sm ae_btn_surface"
>
<span class="fas fa-toggle-on m-1"></span>
Showing POC
@@ -289,10 +289,10 @@ export let lq__event_obj: any;
on:click={() => {
$events_loc.pres_mgmt.hide__session_li_poc_field = false;
}}
class="btn btn-sm preset-outlined-warning-500"
class="btn btn-sm ae_btn_surface_outlined"
>
<span class="fas fa-toggle-off m-1"></span>
Show POC
Show POC?
</button>
{/if}
@@ -307,7 +307,7 @@ export let lq__event_obj: any;
$events_loc.pres_mgmt.qry_hidden = 'all';
}
}}
class="btn btn-sm preset-tonal-success border border-success-500"
class="btn btn-sm ae_btn_surface"
title="Hide sessions marked as hidden?"
>
<span class="fas fa-eye-slash m-1"></span>
@@ -323,7 +323,7 @@ export let lq__event_obj: any;
$events_loc.pres_mgmt.qry_hidden = 'all';
}
}}
class="btn btn-sm preset-tonal-warning border border-warning-500"
class="btn btn-sm ae_btn_surface_outlined"
title="Show all (hidden) sessions?"
>
<span class="fas fa-eye m-1"></span>
@@ -342,7 +342,7 @@ export let lq__event_obj: any;
$events_loc.pres_mgmt.qry_enabled = 'all';
}
}}
class="btn btn-sm preset-tonal-success border border-success-500"
class="btn btn-sm ae_btn_surface"
title="Hide disabled sessions?"
>
<span class="fas fa-eye-slash m-1"></span>
@@ -358,7 +358,7 @@ export let lq__event_obj: any;
$events_loc.pres_mgmt.qry_enabled = 'all';
}
}}
class="btn btn-sm preset-tonal-warning border border-warning-500"
class="btn btn-sm ae_btn_surface_outlined"
title="Show disabled sessions?"
>
<span class="fas fa-eye m-1"></span>
@@ -378,7 +378,7 @@ export let lq__event_obj: any;
ds_type="html"
for_type="event"
for_id={$events_slct.event_id}
class_li="bg-yellow-100 border border-yellow-400 p-2 rounded-md max-w-xl"
class_li="ae_container_module_help"
show_edit={false}
show_edit_btn={true}
hide={$events_loc.pres_mgmt.show_menu__session_search != 'help'}
@@ -390,7 +390,7 @@ export let lq__event_obj: any;
on:click={() => {
$events_loc.pres_mgmt.show_menu__session_search = !$events_loc.pres_mgmt.show_menu__session_search;
}}
class="btn btn-sm mx-1 preset-tonal-error border border-error-500 hover:preset-filled-error-500"
class="btn btn-sm mx-1 ae_btn_info_filled"
class:hidden={!$events_loc.pres_mgmt.show_menu__session_search}
title="Collapse the expanded menu"
>