Quick changes for CHOW

src/routes/events_speakers/10_edit_modal__event_presenter_obj.svelte

@@ -435,7 +435,7 @@ async function handle_update__event_presenter({
             <div class="modal-loading">
                 <span class="fas fa-spinner fa-spin"></span>
                 <span class="loading-text">
-                    <ProgressRadial value={undefined} />
+                    <!-- <ProgressRadial value={undefined} /> -->
                     Saving...
                 </span>
             </div>
@@ -568,7 +568,7 @@ async function handle_update__event_presenter({
 
         <label for="given_name">
             <!-- Given name -->
-            First name
+            <span class="input_required">First name</span>
             <input
                 type="text"
                 class="input variant-glass-warning"
@@ -582,7 +582,7 @@ async function handle_update__event_presenter({
         </label>
         <label for="family_name">
             <!-- Family name -->
-            Last name
+            <span class="input_required">Last name</span>
             <input
                 type="text"
                 class="input variant-glass-warning"
@@ -595,15 +595,18 @@ async function handle_update__event_presenter({
                 >
         </label>
 
-        <label for="professional_title" class="label">Professional title
+        <label for="professional_title" class="label">
+            <span class="input_required">Professional title</span>
             <input type="text" id="professional_title" name="professional_title" required max="200" value={$slct.event_presenter_obj.professional_title ?? ''} placeholder="Professional title" autocomplete="off" class="input variant-glass-warning" />
         </label>
 
-        <label for="affiliations" class="label">Affiliations/Organization
+        <label for="affiliations" class="label">
+            <span class="input_required">Affiliations/Organization</span>
             <input type="text" id="affiliations" name="affiliations" required max="200" value={$slct.event_presenter_obj.affiliations ?? ''} placeholder="Affiliations or organization" autocomplete="off" class="input variant-glass-warning" />
         </label>
 
-        <label for="email">Email
+        <label for="email">
+            <span class="input_required">Email</span>
             <input
                 type="email"
                 class="input variant-glass-warning"
@@ -633,7 +636,7 @@ async function handle_update__event_presenter({
     <!-- </section> -->
 
     <fieldset class="mb-8">
-        <legend class="legend">Agreements & Accommodations</legend>
+        <legend class="legend input_required">Agreements & Accommodations</legend>
 
         <label for="agree" class="label">
             <input
@@ -663,7 +666,33 @@ async function handle_update__event_presenter({
 
     <button
         type="submit"
-        class="btn {parent.buttonPositive} m-2"
+        class="btn variant-filled-primary m-2"
+        disabled={($ae_sess.mod.events.disable_submit__event_presenter_obj)}
+        on:click={() => {
+            console.log('*** Start save and email button clicked ***');
+            if (!confirm(`This will save your speaker information so far and a confirmation email will be sent to ${$slct.event_presenter_obj.email}.`)) {return false;}
+
+            let subject = `CHOW 2024 Speakers Link for ${$slct.event_presenter_obj.full_name} (ID: ${$slct.event_presenter_id})`;
+            let body_html =  `<p>Thank you for your submission to the Speakers Hub. You are an integral part of Capitol Hill Ocean Week and we appreciate your participation. If you need to make any changes or updates to your submission, you may access it via the below hyperlink:</p><p>Name: ${$slct.event_presenter_obj.full_name} (Speakers ID: ${$slct.event_presenter_id})</p><p>Use this link to view or update your CHOW 2024 speaker information.<p>Copy and paste link: <a href="${$ae_loc.mod.events.presenter_link}">${$ae_loc.mod.events.presenter_link}</a></p>`
+
+            api.send_email({
+                api_cfg: $ae_api,
+                from_email: 'noreply+chow@oneskyit.com',
+                from_name: 'CHOW 2024 Speakers Hub',
+                to_email: $slct.event_presenter_obj.email,
+                subject: subject,
+                body_html: body_html,
+            });
+
+            }}
+            >
+        <span class="fas fa-envelope mx-1"></span>
+        Save and email
+    </button>
+
+    <button
+        type="submit"
+        class="btn variant-filled-primary m-2"
         disabled={($ae_loc.mod.events.disable_submit__event_presenter_obj)}
         on:click={() => {
             console.log('*** Save start button clicked ***');
@@ -689,7 +718,7 @@ async function handle_update__event_presenter({
         >
        <label class="label ae_label event_presenter__biography required variant-glass-warning space-y-4">
             <span class="label">
-                <h3 class="h4">Speaker Biography</h3>
+                <h3 class="h4 input_required">Speaker Biography</h3>
                 <p>This is required.</p>
             </span>
             <textarea
@@ -737,7 +766,7 @@ async function handle_update__event_presenter({
         >
 
     <section class="space-y-4">
-        <h2 class="h3">Headshot Photo</h2>
+        <h2 class="h3 input_required">Headshot Photo</h2>
         <p>Upload your headshot photo here. This is required.</p>
         <label for="image_headshot">
             Upload logo (png, webp, jpg)
@@ -874,12 +903,45 @@ async function handle_update__event_presenter({
                 // $slct.event_presenter_obj = {};
             }}
             class="btn variant-filled-warning mx-1"
-            title="Delete record permanently"
+            class:hidden={!$ae_loc.trusted_access}
+            title="CURRENTLY DISABLED: Delete record permanently"
             >
             <span class="fas fa-minus mx-1"></span> Delete
         </button>
-        <!-- {/if} -->
         {/if}
+
+
+        {#if $ae_sess.mod.events.submit_status == 'saving'}
+            <div class="awaiting alert_msg_pulse" out:fade={{ duration: 2000 }}>Saving...</div>
+        {:else if $ae_sess.mod.events.submit_status == 'saved'}
+            <div class="awaiting" out:fade={{ duration: 2000 }}>Finished saving</div>
+        {:else}
+            <!-- <div class="awaiting" out:fade={{ duration: 2000 }}>Nothing here yet</div> -->
+        {/if}
+
+        {#await ae_promises.update__event_presenter_obj}
+            <div class="modal-loading">
+                <span class="fas fa-spinner fa-spin"></span>
+                <span class="loading-text">
+                    <!-- <ProgressRadial value={undefined} /> -->
+                    Saving...
+                </span>
+            </div>
+        {:then update__event_presenter_obj_result}
+            {#if update__event_presenter_obj_result}
+            <div class="modal-loading">
+                <span class="fas fa-check-circle"></span>
+                <span class="loading-text">Successfully saved!</span>
+            </div>
+            {/if}
+        {:catch error}
+            <div class="modal-loading">
+                <span class="fas fa-exclamation-triangle"></span>
+                <span class="loading-text">Error: {error.message}</span>
+            </div>
+        {/await}
+
+
         <button class="btn variant-filled-primary" on:click={parent.onClose}>
             <span class="fas fa-window-close mx-1"></span>
             Close