From 7381797a28f041b108a55e85139fc772e875bdd9 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Thu, 21 Mar 2024 15:20:48 -0400
Subject: [PATCH] This is just a good clean point of development. Still a lot
 of work though!

---
 src/app.postcss                               |  7 +++
 src/lib/element_qr_scanner.svelte             |  2 +-
 src/routes/events_leads/+page.svelte          |  2 +-
 .../events_leads/exhibit/[slug]/+page.svelte  | 50 +++++++------------
 .../exhibit/[slug]/leads_add_scan.svelte      | 10 ++--
 .../exhibit/[slug]/leads_list.svelte          | 12 ++++-
 .../exhibit/[slug]/leads_manage.svelte        |  6 +--
 .../exhibit/[slug]/leads_payment.svelte       |  6 +--
 8 files changed, 51 insertions(+), 44 deletions(-)

diff --git a/src/app.postcss b/src/app.postcss
index 5e9f3630..395212b1 100644
--- a/src/app.postcss
+++ b/src/app.postcss
@@ -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;
diff --git a/src/lib/element_qr_scanner.svelte b/src/lib/element_qr_scanner.svelte
index 04d83c2a..edea1abf 100644
--- a/src/lib/element_qr_scanner.svelte
+++ b/src/lib/element_qr_scanner.svelte
@@ -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'}
diff --git a/src/routes/events_leads/+page.svelte b/src/routes/events_leads/+page.svelte
index 39d4aeb3..e26df0ea 100644
--- a/src/routes/events_leads/+page.svelte
+++ b/src/routes/events_leads/+page.svelte
@@ -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>
 
diff --git a/src/routes/events_leads/exhibit/[slug]/+page.svelte b/src/routes/events_leads/exhibit/[slug]/+page.svelte
index bdba64e6..b4f0bc9b 100644
--- a/src/routes/events_leads/exhibit/[slug]/+page.svelte
+++ b/src/routes/events_leads/exhibit/[slug]/+page.svelte
@@ -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={() => {
diff --git a/src/routes/events_leads/exhibit/[slug]/leads_add_scan.svelte b/src/routes/events_leads/exhibit/[slug]/leads_add_scan.svelte
index b992f921..4999c30e 100644
--- a/src/routes/events_leads/exhibit/[slug]/leads_add_scan.svelte
+++ b/src/routes/events_leads/exhibit/[slug]/leads_add_scan.svelte
@@ -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}
diff --git a/src/routes/events_leads/exhibit/[slug]/leads_list.svelte b/src/routes/events_leads/exhibit/[slug]/leads_list.svelte
index ee8ae1de..3732b34e 100644
--- a/src/routes/events_leads/exhibit/[slug]/leads_list.svelte
+++ b/src/routes/events_leads/exhibit/[slug]/leads_list.svelte
@@ -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>
diff --git a/src/routes/events_leads/exhibit/[slug]/leads_manage.svelte b/src/routes/events_leads/exhibit/[slug]/leads_manage.svelte
index 23019054..755406e5 100644
--- a/src/routes/events_leads/exhibit/[slug]/leads_manage.svelte
+++ b/src/routes/events_leads/exhibit/[slug]/leads_manage.svelte
@@ -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={() => {
diff --git a/src/routes/events_leads/exhibit/[slug]/leads_payment.svelte b/src/routes/events_leads/exhibit/[slug]/leads_payment.svelte
index e7b623b6..d824d054 100644
--- a/src/routes/events_leads/exhibit/[slug]/leads_payment.svelte
+++ b/src/routes/events_leads/exhibit/[slug]/leads_payment.svelte
@@ -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>