Cleaned up the menus. Added new options for max qry limits.

This commit is contained in:
Scott Idem
2024-08-13 20:01:44 -04:00
parent 37b2145f81
commit 53fea0d25d
10 changed files with 441 additions and 87 deletions

View File

@@ -21,7 +21,7 @@ let ae_triggers: key_val = {};
<!-- New standard page specific menu 2024-08-01 -->
<div
class="pres_mgmt__session_search {ae_snip.classes__events_pres_mgmt_menu}"
class:border-none={!$events_loc.pres_mgmt.show_menu__session_search}
class:border-gray-100={!$events_loc.pres_mgmt.show_menu__session_search}
>
<!-- BEGIN: The menu button options -->
@@ -113,11 +113,135 @@ let ae_triggers: key_val = {};
<!-- 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"
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:hidden={$events_loc.pres_mgmt.show_menu__session_search != 'options'}
>
{#if $ae_loc.authenticated_access}
<div
class="flex flex-col gap-1 items-end w-56"
>
<!-- Max presenters select options -->
<span
class="flex flex-row gap-1 items-center justify-around"
>
<label
class="text-sm w-32 text-right"
for="qry_limit__presenters">
Max presenters:
</label>
<select
id="qry_limit__presenters"
bind:value={$events_sess.pres_mgmt.qry_limit__presenters}
on:change={() => {
// handle_search__event_presenter({
// api_cfg: $ae_api,
// event_id: $events_slct.event_id,
// agree: true,
// biography: null,
// ft_search_str: '',
// lk_search_str: '',
// params: {
// 'qry__enabled': 'enabled',
// 'qry__hidden': 'not_hidden',
// 'qry__limit': $events_sess.pres_mgmt.qry_limit__presenters,},
// try_cache: false,
// log_lvl: log_lvl,
// });
}}
class="select w-20 text-sm"
>
<option value={25}>25</option>
<option value={50}>50</option>
<option value={75}>75</option>
<option value={100}>100</option>
<option value={200}>200</option>
<option value={500}>500</option>
</select>
</span>
<!-- Max sessions select options -->
<span
class="flex flex-row gap-1 items-center justify-around"
>
<label
class="text-sm w-32 text-right"
for="qry_limit__sessions">
Max sessions:
</label>
<select
id="qry_limit__sessions"
bind:value={$events_sess.pres_mgmt.qry_limit__sessions}
on:change={() => {
// handle_search__event_presenter({
// api_cfg: $ae_api,
// event_id: $events_slct.event_id,
// agree: true,
// biography: null,
// ft_search_str: '',
// lk_search_str: '',
// params: {
// 'qry__enabled': 'enabled',
// 'qry__hidden': 'not_hidden',
// 'qry__limit': $events_sess.pres_mgmt.qry_limit__sessions,},
// try_cache: false,
// log_lvl: log_lvl,
// });
}}
class="select w-20 text-sm"
>
<option value={25}>25</option>
<option value={50}>50</option>
<option value={75}>75</option>
<option value={100}>100</option>
<option value={200}>200</option>
<option value={500}>500</option>
</select>
</span>
<!-- Max files select options -->
<span
class="flex flex-row gap-1 items-center justify-around"
>
<label
class="text-sm w-32 text-right"
for="qry_limit__files">
Max files:
</label>
<select
id="qry_limit__files"
bind:value={$events_sess.pres_mgmt.qry_limit__files}
on:change={() => {
// handle_search__event_presenter({
// api_cfg: $ae_api,
// event_id: $events_slct.event_id,
// agree: true,
// biography: null,
// ft_search_str: '',
// lk_search_str: '',
// params: {
// 'qry__enabled': 'enabled',
// 'qry__hidden': 'not_hidden',
// 'qry__limit': $events_sess.pres_mgmt.qry_limit__sessions,},
// try_cache: false,
// log_lvl: log_lvl,
// });
}}
class="select w-20 text-sm"
>
<option value={25}>25</option>
<option value={50}>50</option>
<option value={75}>75</option>
<option value={100}>100</option>
<option value={200}>200</option>
<option value={500}>500</option>
</select>
</span>
</div>
{/if}
{#if $ae_loc.authenticated_access}
<div class="flex flex-col gap-1 items-center">
<!-- Button to toggle between the showing hidden sessions -->
{#if $events_loc.pres_mgmt.qry_hidden == 'all'}
<button
@@ -152,42 +276,43 @@ let ae_triggers: key_val = {};
Show All (Hidden) Sessions?
</button>
{/if}
{/if}
{#if $ae_loc.administrator_access}
{#if $events_loc.pres_mgmt.qry_enabled == 'all'}
<button
type="button"
on:click={() => {
if ($events_loc.pres_mgmt.qry_enabled == 'all') {
$events_loc.pres_mgmt.qry_enabled = 'enabled';
} else {
$events_loc.pres_mgmt.qry_enabled = 'all';
}
}}
class="btn btn-sm variant-ghost-success"
title="Hide disabled sessions?"
>
<span class="fas fa-eye-slash m-1"></span>
Hide Disabled Sessions?
</button>
{:else}
<button
type="button"
on:click={() => {
if ($events_loc.pres_mgmt.qry_enabled == 'all') {
$events_loc.pres_mgmt.qry_enabled = 'enabled';
} else {
$events_loc.pres_mgmt.qry_enabled = 'all';
}
}}
class="btn btn-sm variant-ghost-warning"
title="Show disabled sessions?"
>
<span class="fas fa-eye m-1"></span>
Show All (Disabled) Sessions?
</button>
{#if $ae_loc.administrator_access}
{#if $events_loc.pres_mgmt.qry_enabled == 'all'}
<button
type="button"
on:click={() => {
if ($events_loc.pres_mgmt.qry_enabled == 'all') {
$events_loc.pres_mgmt.qry_enabled = 'enabled';
} else {
$events_loc.pres_mgmt.qry_enabled = 'all';
}
}}
class="btn btn-sm variant-ghost-success"
title="Hide disabled sessions?"
>
<span class="fas fa-eye-slash m-1"></span>
Hide Disabled Sessions?
</button>
{:else}
<button
type="button"
on:click={() => {
if ($events_loc.pres_mgmt.qry_enabled == 'all') {
$events_loc.pres_mgmt.qry_enabled = 'enabled';
} else {
$events_loc.pres_mgmt.qry_enabled = 'all';
}
}}
class="btn btn-sm variant-ghost-warning"
title="Show disabled sessions?"
>
<span class="fas fa-eye m-1"></span>
Show All (Disabled) Sessions?
</button>
{/if}
{/if}
</div>
{/if}
</div> <!-- END: The expanded menu area for information and options -->
@@ -218,6 +343,7 @@ let ae_triggers: key_val = {};
<span class="fas fa-chevron-up m-1"></span>
{#if $events_loc.pres_mgmt.show_menu__session_search}
Hide
<!-- Collapse -->
{:else}
Show
{/if}