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

This is just a good clean point of development. Still a lot of work though!

Browse Source
This commit is contained in:
Scott Idem
2024-03-21 15:20:48 -04:00
parent c490bca265
commit 7381797a28
8 changed files with 51 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/app.postcss
View File

@@ -208,6 +208,13 @@ input:required {
border-radius: 0;
border: none;
}
/* .md:btn-group button,
.lg:btn-group button {
border-radius: 0;
border: none;
} */
/* div.btn-group button:first-child {
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;

2
src/lib/element_qr_scanner.svelte
View File

@@ -278,7 +278,7 @@ function handle_qr_manual_entry() {
<section
class="ae_element qr_scanner border border-2 border-primary space-y-2 flex flex-col gap-1 justify-center items-center min-w-full max-w-full"
class="ae_element qr_scanner border-2 border-slate-500/10 space-y-2 flex flex-col gap-1 justify-center items-center min-w-full max-w-full"
class:not_started={scanning_status == 'not_started'}
class:paused={scanning_status == 'paused'}
class:scanning={scanning_status == 'scanning'}

2
src/routes/events_leads/+page.svelte
View File

@@ -172,7 +172,7 @@ function handle_check_event_exhibit_staff_passcode() {
goto($events_sess.leads.open_href, {invalidateAll: true});
}}
class="flex flex-col items-center border-2 border-primary p-2">
class="flex flex-col items-center border border-slate-500/10 p-2">
<!-- <h2>Exhibitor Lead Retrieval</h2> -->
<div>Select your exhibit booth from the list and enter passcode you were given. If it is correct you will be taken to the page for your exhibit.</div>

50
src/routes/events_leads/exhibit/[slug]/+page.svelte
View File

@@ -404,7 +404,7 @@ function send_init_confirm_email({to_email}) {
<section
class="ae_events_leads md:container h-full mx-auto flex flex-col items-center space-y-4"
class="ae_events_leads md:container h-full mx-auto flex flex-col items-center space-y-4 pt-0 pb-8"
>
@@ -562,13 +562,13 @@ function send_init_confirm_email({to_email}) {
</div>
{#if $events_loc.leads.auth_exhibit_kv[$events_slct.exhibit_id] && $events_loc.leads.auth_exhibit_kv[$events_slct.exhibit_id].key}
<p class="border-2 border-primary p-2 variant-soft-secondary">
<p class="border border-slate-500/10 p-2 variant-soft-secondary">
You are logged in using the shared exhibit staff passcode and are using the license key for {$events_loc.leads.auth_exhibit_kv[$events_slct.exhibit_id].key}. Any leads you collect will be associated with this license key (email address).
</p>
{:else if $events_loc?.leads.auth_exhibit_kv[$events_slct.exhibit_id]}
<p class="border-2 border-primary p-2 variant-soft-secondary">To use the lead retrieval service, please select a license from the list below. You may need to add one first.</p>
<p class="border border-slate-500/10 p-2 variant-soft-warning">Please select your name from the license list below to use the lead retrieval service. You may need to add your name first. This is also used to link new leads to whoever adds them.</p>
{:else}
<p>To access this exhibit you must enter the shared staff passcode that you were given. You will then be able to select a license and use the lead retrieval service from your device.</p>
<p class="border border-slate-500/10 p-2 variant-soft-warning">To access this exhibit you must enter the shared staff passcode that you were given. You will then be able to select a license and use the lead retrieval service from your device.</p>
<label class="label variant-glass-warning p-2 px-4 m-2 rounded-full font-bold">Shared exhibit passcode:
<input
type="text"
@@ -589,6 +589,15 @@ function send_init_confirm_email({to_email}) {
{#if $event_exhibit_obj?.license_max }
<h2 class="h3">License List (max {$event_exhibit_obj?.license_max})</h2>
<div class="border border-slate-500/10 p-2 variant-soft-secondary">Use the "Sign In" or "Email" option buttons below to log in using one of the available licenses. Be sure use the one with your name and email address. If you select a license that is already in use on another device, it will be logged out.
<ul
class="list-disc list-inside"
>
<li>"<strong>Sign In</strong>" option - Use this to sign and use the license with your current browser and device.</li>
<li>"<strong>Email</strong>" option - Use this to send an email with a link to log in. You may want to use this to send the link to other staff associated with this exhibit.</li>
</ul>
</div>
{#if !Array.isArray($event_exhibit_obj?.license_li_json) || (Array.isArray($event_exhibit_obj?.license_li_json) && $event_exhibit_obj?.license_li_json.length < $event_exhibit_obj?.license_max)}
<button
@@ -615,25 +624,8 @@ function send_init_confirm_email({to_email}) {
<span class="fas fa-edit mx-1"></span>
Add License
</button>
{:else}
<!-- <button
class="btn btn-sm variant-soft-warning w-40"
on:click={() => {
console.log('No more licenses available. Remove the last one from the list?');
let tmp_obj = $event_exhibit_obj;
tmp_obj?.license_li_json.pop();
console.log('Remove License:', tmp_obj);
db_events.exhibits.put(tmp_obj);
// This still needs to be saved to the database.
}}
>
<span class="fas fa-trash mx-1"></span>
Delete License
</button> -->
{/if} <!-- $event_exhibit_obj?.license_li_json.length < $event_exhibit_obj?.license_max -->
<div>Use the "Sign In" or "Email" option buttons below to log in using one of the available licenses. If you select a license that is already in use on another device, it will be logged out. The "Sign In" option will use the license selected with your browser. The "Email" option will send an email with a link to log in.</div>
<section class="ae_license_list ae_h_scrollfix">
<form
on:submit|preventDefault={() => {
@@ -693,7 +685,7 @@ function send_init_confirm_email({to_email}) {
{#if index < $event_exhibit_obj?.license_max}
<!-- Edit the values and save the new license list information. -->
<!-- Button to send an email with the login link -->
<div class="btn-group text-sm">
<div class="btn-group btn-group-vertical sm:btn-group-vertical md:btn-group lg:btn-group xl:btn-group text-sm">
<button
type="button"
on:click={() => {
@@ -703,16 +695,12 @@ function send_init_confirm_email({to_email}) {
key: license.email,
updated_on: new Date().toISOString()
};
}
if ($events_loc.leads.auto_hide_on_sign_in) {
$events_loc.leads.tab[$events_slct.exhibit_id] = 'add_scan';
if ($events_loc.leads.auto_hide_on_sign_in) {
$events_loc.leads.tab[$events_slct.exhibit_id] = 'add_scan';
$ae_loc.iframe = true;
// document.getElementsByTagName('html')[0].classList.add('iframe');
// document.getElementsByTagName('html')[0].classList.remove('dark');
// document.getElementsByTagName('html')[0].classList.remove('light');
$ae_loc.iframe = true;
}
}
}}
class="btn btn-sm text-sm variant-soft-primary"
@@ -788,7 +776,7 @@ function send_init_confirm_email({to_email}) {
Save
</button>
{:else} -->
<div class="btn-group">
<div class="btn-group btn-group-vertical sm:btn-group-vertical md:btn-group lg:btn-group xl:btn-group text-sm">
<button
type="button"
on:click={() => {

10
src/routes/events_leads/exhibit/[slug]/leads_add_scan.svelte
View File

@@ -162,10 +162,10 @@ function handle_qr_camera(event) {
{$events_loc.leads.auth_exhibit_kv[$events_slct.exhibit_id].key}
</div>
{:else}
<div class="variant-soft-warning">Please go to the Main tab and select a license to use.</div>
<div class="border border-slate-500/10 p-2 variant-soft-warning">Please go to the Main tab and select a license to use.</div>
{/if}
<div class="variant-soft-warning">This section is not fully enabled for ISHLT 2024 at this time. The ability to add a lead by scanning the attendee's QR code or by searching for their name, will be enabled before the ISHLT 2024 Annual Meeting in Prague.</div>
<div class="border border-slate-500/10 p-2 variant-soft-warning">This section is not fully enabled for ISHLT 2024 at this time. The ability to add a lead by scanning the attendee's QR code or by searching for their name, will be enabled before the ISHLT 2024 Annual Meeting in Prague.</div>
<p>
<!-- This page is used to test QR scanning with your device. -->
@@ -224,7 +224,7 @@ function handle_qr_camera(event) {
</span>
{#if $events_loc.leads.show_content__scan_requirements}
<div class="border-2 border-primary p-2 variant-soft-secondary">
<div class="border border-slate-500/10 p-2 variant-soft-secondary">
<p>You will need a device with a camera to scan the QR codes. You will also of course need one or more valid QR codes to scan.
<!-- <button class="ae_btn btn_sm" on:click={() => show='qr_codes'}><span class="fas fa-qrcode"></span> Example QR Codes</button> -->
</p>
@@ -323,6 +323,7 @@ function handle_qr_camera(event) {
<div class="ae_events__badge_li">
{#if $event_badge_obj_li}
{#if $ae_loc.trusted_access}
{#each $event_badge_obj_li as event_badge_obj, index}
<div class="ae_events__badge_li__item">
<span class="ae_events__badge_li__item__name">
@@ -333,6 +334,9 @@ function handle_qr_camera(event) {
</span>
</div>
{/each}
{:else}
<div class="variant-soft-warning">The search results are not enabled at this time.</div>
{/if}
{:else}
<div class="variant-soft-warning">No results yet</div>
{/if}

12
src/routes/events_leads/exhibit/[slug]/leads_list.svelte
View File

@@ -58,7 +58,11 @@ let event_exhibit_tracking_obj_li = liveQuery(
Leads for {$event_exhibit_obj?.name}
</h2>
<div class="variant-soft-warning">This section is not currently enabled.</div>
<div class="border border-slate-500/10 p-2 variant-soft-warning">This section is not currently enabled.</div>
{#if $ae_loc.trusted_access}
<button
on:click={() => {
@@ -69,11 +73,15 @@ let event_exhibit_tracking_obj_li = liveQuery(
}}
class="btn"
class="btn btn-sm variant-soft"
>
{$events_loc.leads.show_hidden ? 'Hide' : 'Show'} Hidden Leads
</button>
{$events_loc.leads.show_hidden}
{/if}
{#if $event_exhibit_tracking_obj_li}
<table class="table table-compact table-hover">
<thead>

6
src/routes/events_leads/exhibit/[slug]/leads_manage.svelte
View File

@@ -92,7 +92,7 @@ export let get_event_exhibit_tracking_export = async function get_event_exhibit_
</div>
{:else if $events_loc?.leads.auth_exhibit_kv[$events_slct.exhibit_id]}
<div class="variant-soft-warning">You are logged in using the shared passcode for the exhibit. You will want to select a license to fully use this lead retrieval service. Please go to the Main tab and select a license to use.</div>
<div class="border border-slate-500/10 p-2 variant-soft-warning">You are logged in using the shared passcode for the exhibit. You will want to select a license to fully use this lead retrieval service. Please go to the Main tab and select a license to use.</div>
<button
type="button"
@@ -107,7 +107,7 @@ export let get_event_exhibit_tracking_export = async function get_event_exhibit_
Log Out
</button>
{:else}
<div class="variant-soft-warning">Please go to the Main tab to login using the shared staff passcode for this exhibit. Then select a license to use.</div>
<div class="border border-slate-500/10 p-2 variant-soft-warning">Please go to the Main tab to login using the shared staff passcode for this exhibit. Then select a license to use.</div>
{/if}
@@ -121,7 +121,7 @@ export let get_event_exhibit_tracking_export = async function get_event_exhibit_
Export Data
</h2>
<p>Use this to export the leads data for this exhibit to an Excel file format. The data can be downloaded at anytime using the export button below. The data exported to exhibitors will likely be these fields: given/first name, family/last name, professional title, affiliations, email, city, state/province, country. The exact fields exported sometimes changes slightly from meeting to meeting.</p>
<p class="border border-slate-500/10 p-2 variant-soft-secondary">Use this to export the leads data for this exhibit to an Excel file format. The data can be downloaded at anytime using the export button below. The data exported to exhibitors will likely be these fields: given/first name, family/last name, professional title, affiliations, email, city, state/province, country. The exact fields exported sometimes changes slightly from meeting to meeting.</p>
<button
type="button"
on:click={() => {

6
src/routes/events_leads/exhibit/[slug]/leads_payment.svelte
View File

@@ -111,7 +111,7 @@ $: if ($events_sess.stripe && $events_sess.stripe.license_qty >= 0 || $events_se
{#if $event_exhibit_obj?.priority}
<h3 class="h4">Marked as Paid</h3>
<div class="border-2 border-primary p-2 variant-soft-success space-y-4">
<div class="border border-slate-500/10 p-2 variant-soft-success space-y-4">
<p>Thank you for your payment. You have purchased {$event_exhibit_obj?.license_max} user license(s) for the lead retrieval service with your booth at ISHLT 2024 in Prague.</p>
{#if $event_exhibit_obj?.leads_device_sm_qty > 0}
@@ -124,7 +124,7 @@ $: if ($events_sess.stripe && $events_sess.stripe.license_qty >= 0 || $events_se
{:else}
<h3 class="h4">Not Marked as Paid</h3>
<div class="border-2 border-primary p-2 variant-soft-secondary">
<div class="border border-slate-500/10 p-2 variant-soft-secondary">
<p>Please select the number of licenses to purchase and if you need to rent any tablets for scanning. As a reminder, you can use your own device (cell phone, tablet, laptop, etc) to scan the QR codes on the badges of the attendees. Tablet rentals are limited in supply for ISHLT 2024 in Prague and will be given out on a first come first served basis.</p>
</div>
@@ -261,7 +261,7 @@ BTN Do you need to rent tablets as well?
<div class="border-2 border-primary p-2 variant-soft-warning">
<div class="border border-slate-500/10 p-2 variant-soft-warning">
<p><strong>NOTE:</strong> Your payment will be reviewed and is not reflected immediately on this page for your exhibit. It may take up to 2 business days for this to show as being paid. If you have any questions or concerns please email <a href="mailto:exhibits@oneskyit.com" class="font-medium text-blue-600 dark:text-blue-500 hover:underline">exhibits@oneskyit.com</a>.</p>
</div>