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

Cleaned up the Badges main search area and the top in general.

Browse Source
This commit is contained in:
Scott Idem
2026-04-08 17:34:05 -04:00
parent dd4c558d1b
commit a84ea4cbcb
2 changed files with 50 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/routes/events/[event_id]/(badges)/badges/+page.svelte
View File

@@ -428,8 +428,10 @@ async function handle_search_refresh(params: any) {
<Comp_badge_search event_id={$events_slct?.event_id ?? ''} log_lvl={1}
></Comp_badge_search>
{#if $ae_loc.trusted_access && $ae_loc.edit_mode && (badges_loc.current.enable_add_badge_btn ?? true)}
<div class="flex justify-end px-4">
{#if $ae_loc.trusted_access && $ae_loc.edit_mode}
<div class="flex flex-row items-center justify-center">
{#if badges_loc.current.enable_add_badge_btn ?? true}
<!-- <div class="flex justify-end px-4"> -->
<button
type="button"
class="btn btn-sm preset-tonal-primary border-primary-500 border"
@@ -440,11 +442,11 @@ async function handle_search_refresh(params: any) {
<UserPlus size="1em" />
Create Badge
</button>
</div>
{/if}
<!-- </div> -->
{/if}
{#if $ae_loc.trusted_access && (badges_loc.current.enable_upload_badge_li_btn ?? true)}
<div class="flex justify-end px-4 mt-2">
{#if badges_loc.current.enable_upload_badge_li_btn ?? true}
<!-- <div class="flex justify-end px-4 mt-2"> -->
<button
type="button"
class="btn btn-sm ml-2"
@@ -454,6 +456,8 @@ async function handle_search_refresh(params: any) {
}}>
<Upload size="1em" /> Upload Badge List
</button>
<!-- </div> -->
{/if}
</div>
{/if}

82
src/routes/events/[event_id]/(badges)/badges/ae_comp__badge_search.svelte
View File

@@ -161,6 +161,20 @@ function handle_qr_scan_result(event: {
<div class="flex grow flex-row flex-wrap items-center justify-center gap-2">
{#if (badges_loc.current.enable_search_qr && $ae_loc.edit_mode)}
<button
type="button"
onclick={() => {
$events_sess.badges.show_form__search = false;
$events_sess.badges.show_form__scan = true;
$events_sess.badges.qr_scan_start = true;
}}
class="btn btn-sm preset-tonal-primary border-primary-500 border">
<QrCode size="1em" class="mr-1" />
QR Scan
</button>
{/if}
<!-- An extra "start" button that will just set the focus to the input form field -->
<button
type="button"
@@ -250,6 +264,18 @@ function handle_qr_scan_result(event: {
<RemoveFormatting size="1.25em" />
<span class="hidden md:inline"> Clear </span>
</button>
{#if $ae_loc.edit_mode}
<label
class="bg-surface-200-800 rounded-token flex cursor-pointer items-center gap-1 px-2 py-1 text-xs font-semibold">
<span> Remote First </span>
<input
type="checkbox"
bind:checked={badges_loc.current.qry__remote_first}
onchange={handle_search_trigger}
class="checkbox checkbox-sm" />
</label>
{/if}
</div>
</form>
{:else if $events_sess.badges.show_form__scan}
@@ -259,48 +285,20 @@ function handle_qr_scan_result(event: {
bind:start_qr_scanner={$events_sess.badges.qr_scan_start}
on_qr_scan_result={handle_qr_scan_result} />
</div>
{#if ($ae_loc.edit_mode)}
<button
type="button"
onclick={() => {
$events_sess.badges.show_form__search = true;
$events_sess.badges.show_form__scan = false;
$events_sess.badges.qr_scan_start = false;
}}
class="btn btn-sm preset-tonal-primary border-primary-500 border">
<Search size="1em" class="mr-1" />
Search
</button>
{/if}
{/if}
<div
class="flex flex-row flex-wrap items-center justify-center gap-2 opacity-70 transition-all hover:opacity-100">
{#if $events_sess.badges.show_form__search}
{#if badges_loc.current.enable_search_qr ?? true}
<button
type="button"
onclick={() => {
$events_sess.badges.show_form__search = false;
$events_sess.badges.show_form__scan = true;
$events_sess.badges.qr_scan_start = true;
}}
class="btn btn-sm preset-tonal-primary border-primary-500 border">
<QrCode size="1em" class="mr-1" />
QR Scan
</button>
{/if}
{:else}
<button
type="button"
onclick={() => {
$events_sess.badges.show_form__search = true;
$events_sess.badges.show_form__scan = false;
$events_sess.badges.qr_scan_start = false;
}}
class="btn btn-sm preset-tonal-primary border-primary-500 border">
<Search size="1em" class="mr-1" />
Search
</button>
{/if}
{#if $ae_loc.edit_mode}
<label
class="bg-surface-200-800 rounded-token flex cursor-pointer items-center gap-1 px-2 py-1 text-xs font-semibold">
<span> Remote First </span>
<input
type="checkbox"
bind:checked={badges_loc.current.qry__remote_first}
onchange={handle_search_trigger}
class="checkbox checkbox-sm" />
</label>
{/if}
</div>
</div>