Now with clear search text button.

This commit is contained in:
Scott Idem
2024-06-20 13:47:40 -04:00
parent 8c52722408
commit d49f73583c
3 changed files with 109 additions and 66 deletions

View File

@@ -214,13 +214,26 @@ $: if ($events_trigger == 'load__event_session_obj_li' && $events_slct.event_id)
autocomplete="off"
class="form flex-grow flex flex-row flex-wrap gap-1 justify-center items-center w-full"
>
<button
type="button"
class="btn btn-sm variant-ghost-warning hover:variant-filled-warning transition-all mx-1"
on:click={() => {
$events_sess.pres_mgmt.fulltext_search_qry_str = '';
$events_trigger = 'load__event_session_obj_li';
}}
>
<!-- <span class="fas fa-backspace"></span> -->
<!-- <span class="fas fa-broom"></span> -->
<span class="fas fa-remove-format"></span>
<!-- Clear text -->
</button>
<input
type="search"
placeholder="Search for a session"
id="session_fulltext_search_qry_str"
bind:value={$events_sess.pres_mgmt.fulltext_search_qry_str}
class="input text-1xl hover:text-2xl font-bold font-mono w-80 transition-all"
class="input text-1xl hover:text-2xl font-bold font-mono w-80 transition-all mx-1"
on:keyup={() => {
if ($events_sess.pres_mgmt?.fulltext_search_qry_str && $events_sess.pres_mgmt.fulltext_search_qry_str.length >= 3) {
$events_trigger = 'load__event_session_obj_li';
@@ -233,7 +246,7 @@ $: if ($events_trigger == 'load__event_session_obj_li' && $events_slct.event_id)
<button
type="submit"
class="btn btn-lg variant-ghost-success hover:variant-filled-success text-2xl font-bold w-48 transition-all"
class="btn btn-lg variant-ghost-success hover:variant-filled-success text-2xl font-bold w-48 transition-all mx-1"
on:click={() => {
}}