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

Still working on upgrading to Tailwind CSS v4 an dSkeleton v3.....

Browse Source
This commit is contained in:
Scott Idem
2025-06-18 17:59:48 -04:00
parent db6e9dd019
commit 13912fd145
169 changed files with 2343 additions and 1634 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/routes/events_badges/review/+page.svelte
View File

@@ -334,7 +334,7 @@ function handle_qr_camera(event) {
{#if $ae_loc.iframe}
<span class="flex flex-row items-center justify-center">
<img src={$ae_loc.site_cfg_json?.header_image_path} alt="header" class="w-auto max-h-20 m-2" />
<h1 class="h3 text-center m-2">Review &amp; Print<br>Your Badge</h1>
<h1 class="h3 text-center m-2">Review & Print<br>Your Badge</h1>
</span>
{:else}
<header>
@@ -342,7 +342,7 @@ function handle_qr_camera(event) {
</header>
{/if}
<div class="variant-ghost-success my-2 p-2 flex flex-row items-center">
<div class="preset-tonal-success border border-success-500 my-2 p-2 flex flex-row items-center">
{#if $events_sess.badges.show_form__search}
<form
@@ -350,7 +350,7 @@ function handle_qr_camera(event) {
$events_trigger = 'load__event_badge_obj_li';
}}
autocomplete="off"
class="form flex-grow flex flex-row flex-wrap gap-1 justify-center items-center w-full"
class="form grow flex flex-row flex-wrap gap-1 justify-center items-center w-full"
>
{#if $ae_loc.trusted_access && badge_type_code_li}
<div class="search_by_badge_type_code">
@@ -402,7 +402,7 @@ function handle_qr_camera(event) {
<button
type="submit"
class="btn btn-lg variant-ghost-success hover:variant-glass-success text-2xl font-bold w-48 transition-all"
class="btn btn-lg preset-tonal-success border border-success-500 hover:preset-tonal-success text-2xl font-bold w-48 transition-all"
on:click={() => {
}}
@@ -490,7 +490,7 @@ function handle_qr_camera(event) {
$events_sess.badges.show_form__scan = true;
$events_sess.badges.qr_scan_start = true;
}}
class="btn btn-sm variant-ghost-primary"
class="btn btn-sm preset-tonal-primary border border-primary-500"
>
<span class="fas fa-qrcode mx-1"></span>
QR Scan
@@ -504,7 +504,7 @@ function handle_qr_camera(event) {
$events_sess.badges.show_form__scan = false;
$events_sess.badges.qr_scan_start = false;
}}
class="btn btn-sm variant-ghost-primary"
class="btn btn-sm preset-tonal-primary border border-primary-500"
>
<span class="fas fa-search mx-1"></span>
Search
@@ -558,7 +558,7 @@ function handle_qr_camera(event) {
>
<td class="">
<button
class="btn btn-xl text-xl variant-ghost-secondary hover:variant-glass-secondary w-96 overflow-hidden transition-all"
class="btn btn-lg text-xl preset-tonal-secondary border border-secondary-500 hover:preset-tonal-secondary w-96 overflow-hidden transition-all"
on:click={() => {
// Confirm they want to view the badge.
if (badge_obj.print_count >= 1 && !confirm(`That badge has already been printed ${badge_obj.print_count} times. View badge for ${badge_obj.full_name}?`)) {
@@ -583,7 +583,7 @@ function handle_qr_camera(event) {
<span class="fas fa-check text-green-500"></span>
{#if $ae_loc.trusted_access}
<span class="print_count variant-soft-warning px-1">{badge_obj.print_count}&times;</span>
<span class="print_count preset-tonal-warning px-1">{badge_obj.print_count}×</span>
{/if}
{/if}
</span>
@@ -673,7 +673,7 @@ function handle_qr_camera(event) {
// badge_obj.print_count = 0;
ae_triggers.print_count = true;
}}
class="btn btn-sm variant-soft-warning"
class="btn btn-sm preset-tonal-warning"
>
<span class="fas fa-save m-1"></span>
Save
@@ -709,7 +709,7 @@ function handle_qr_camera(event) {
badge_obj.hide = !badge_obj?.hide;
ae_triggers.hide = true;
}}
class="btn btn-sm variant-soft-warning"
class="btn btn-sm preset-tonal-warning"
class:hidden={!$ae_loc.trusted_access}
>
{#if $ae_loc.trusted_access}
@@ -730,12 +730,12 @@ function handle_qr_camera(event) {
</table>
</section>
{:else}
<div class="text-xl variant-filled-success font-bold p-2">
<div class="text-xl preset-filled-success-500 font-bold p-2">
Type your name, email, or affiliations. Results will start to appear automatically.
</div>
{#if $events_sess.badges.fulltext_search_qry_str && $events_sess.badges.fulltext_search_qry_str.length > 5}
<div class="text-xl variant-filled-warning font-bold p-2">
<div class="text-xl preset-filled-warning-500 font-bold p-2">
No badges found. Please change your search.
</div>
{/if}
@@ -769,7 +769,7 @@ function handle_qr_camera(event) {
console.log('Turn on iframe mode');
$ae_loc.iframe = !$ae_loc.iframe;
}}
class="btn btn-sm variant-soft w-48"
class="btn btn-sm preset-tonal w-48"
>
<span class="fas fa-compress mx-1"></span>
Turn {$ae_loc.iframe ? 'off' : 'on'} iframe mode
@@ -778,7 +778,7 @@ function handle_qr_camera(event) {
<button
type="button"
class="btn variant-soft-primary"
class="btn preset-tonal-primary"
on:click={() => {
$events_sess.badges.show_form__search = true;
$events_sess.badges.show_form__search_results = false;
@@ -799,7 +799,7 @@ function handle_qr_camera(event) {
<Element_qr_scanner start_qr_scanner={$events_sess.badges.qr_scan_start} show_qr_scan_result={true} show_qr_manual_badge_id_entry_option={true} on:qr_scan_result={handle_qr_scan_result} on:qr_camera={handle_qr_camera} />
<div class="qr_quick_results variant-soft-secondary font-bold p-4">
<div class="qr_quick_results preset-tonal-secondary font-bold p-4">
{@html $events_sess.badges.qr_scan_result ?? 'No results yet'}
</div>