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

Quick changes for CHOW

Browse Source
This commit is contained in:
Scott Idem
2024-03-04 08:46:12 -05:00
parent 63990bb36a
commit 04a8b49177
3 changed files with 140 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/app.postcss
View File

@@ -72,6 +72,13 @@ body {
display: none;
}
/* Remove the background from the body in all cases */
body[data-theme] {
background: none;
background-image: none;
}
/* Remove the background from the body if using iframes */
body[data-theme]:has(#page.iframe) {
background: none;
background-image: none;
@@ -118,11 +125,11 @@ input:required {
left: 5px;
} */
/* .input_required::after {
.input_required::after {
content: '*';
color: var(--warning-color-darker);
color: rgb(var(--color-error-500) / 0.9);
position: relative;
top: 5px;
left: 5px;
} */
/* top: 0em; */
left: .25em;
}

86
src/routes/events_speakers/10_edit_modal__event_presenter_obj.svelte
View File

@@ -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

77
src/routes/sponsorships/10_edit_modal__sponsorship_obj.svelte
View File

@@ -700,7 +700,7 @@ async function handle_update__sponsorship({
<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>
@@ -737,13 +737,13 @@ async function handle_update__sponsorship({
<button
class="btn variant-soft-secondary mx-1"
on:click={() => {
on:click={async () => {
if (!confirm(`Are you sure you want to send this email to ${$slct.sponsorship_obj.poc_json.email}?`)) {return false;}
let subject = `CHOW 2024 Sponsorship Link for ${$slct.sponsorship_obj.name} (ID: ${$slct.sponsorship_id})`;
let body_html = `<p>Name: ${$slct.sponsorship_obj.name} (sponsorship ID: ${$slct.sponsorship_id})</p><p>Use this link to view or update your CHOW 2024 sponsorship.<p>Copy and paste link: <a href="${$ae_loc.mod.sponsorships.link}">${$ae_loc.mod.sponsorships.link}</a></p>`;
let body_html = `<p>Name: ${$slct.sponsorship_obj.name} (Sponsorship ID: ${$slct.sponsorship_id})</p><p>Use this link to view or update your CHOW 2024 sponsorship.<p>Copy and paste link: <a href="${$ae_loc.mod.sponsorships.link}">${$ae_loc.mod.sponsorships.link}</a></p>`;
api.send_email({
await api.send_email({
api_cfg: $ae_api,
from_email: 'scott.idem+from@oneskyit.com',
from_name: 'Scott Idem',
@@ -751,6 +751,8 @@ async function handle_update__sponsorship({
subject: subject,
body_html: body_html,
});
$ae_sess.mod.sponsorships.submit_status = 'sending email';
}}
>
@@ -854,7 +856,7 @@ async function handle_update__sponsorship({
<legend class="legend">Sponsorship Level</legend>
<div class="label">
Select sponsorship level:
<span class="input_required">Select sponsorship level:</span>
{#if $slct.sponsorship_cfg_obj}
<!--
Example JSON level_li_json:
@@ -925,7 +927,7 @@ async function handle_update__sponsorship({
>
FAQ page on the CHOW event website
</a>
for payment options</p>
for payment options.</p>
<!-- <a href="https://example.com" class="btn variant-soft-primary m-2">
<span class="fas fa-credit-card mx-1"></span>
Go Pay Here
@@ -974,7 +976,8 @@ async function handle_update__sponsorship({
<fieldset class="mb-8">
<legend class="legend">General Information</legend>
<label for="name" class="label">Name of Sponsoring Organization/Individual
<label for="name" class="label">
<span class="input_required">Name of Sponsoring Organization/Individual</span>
<input type="text" id="name" name="name" required max="200" value={$slct.sponsorship_obj.name ?? ''} placeholder="Name of organization or person" autocomplete="off" class="input variant-glass-warning" />
</label>
@@ -984,7 +987,7 @@ async function handle_update__sponsorship({
<!-- Collect the organization mailing address -->
<fieldset class="mb-8 flex flex-wrap gap-4">
<legend class="legend text-lg">Mailing Address</legend>
<legend class="legend text-lg input_required">Mailing Address</legend>
<label for="address_line_1" class="label max-w-64">
<!-- Line 1 (Street) -->
@@ -1015,7 +1018,8 @@ async function handle_update__sponsorship({
<fieldset class="mb-8 flex flex-wrap gap-4">
<legend class="legend">Point of Contact</legend>
<label for="poc_full_name">Full name
<label for="poc_full_name">
<span class="input_required">Full name</span>
<!-- <div class="input-group grid-cols-[auto_1fr_auto]">
<div class="input-group-shim">
{#if !$ae_loc.trusted_access && $slct.sponsorship_obj.sposorship_id_random}
@@ -1036,7 +1040,8 @@ async function handle_update__sponsorship({
>
<!-- </div> -->
</label>
<label for="poc_email">Email
<label for="poc_email">
<span class="input_required">Email</span>
<!-- <div class="input-group grid-cols-[auto_1fr_auto]">
<div class="input-group-shim">
{#if !$ae_loc.trusted_access && $slct.sponsorship_obj.sposorship_id_random}
@@ -1210,7 +1215,7 @@ async function handle_update__sponsorship({
{$ae_loc.ds['sponsorships__agree_li'][1].code}
{/if} -->
<h3 class="h4">Sponsor General Waiver</h3>
<h3 class="h4 input_required">Sponsor General Waiver</h3>
<p class="text-sm">Proceeds from your sponsorship benefit the National Marine Sanctuary Foundation, a 501c3 nonprofit organization. Your contribution may be tax-deductible. For more information, please consult with a tax professional. All sales are final, and contributions, purchases, tickets, and sponsorships are non-refundable. As the host of CHOW, the Foundation is committed to the safety and well-being of all participants. If CHOW moves entirely to a virtual platform due to external circumstances, the Foundation will work with you to ensure that we meet your sponsor benefit needs. In the event of cancellation, your purchase becomes a tax-deductible gift.</p>
<label for="agree" class="label">
<input
@@ -1261,12 +1266,38 @@ async function handle_update__sponsorship({
class="btn variant-filled-primary m-2"
disabled={($ae_sess.mod.sponsorships.disable_submit__sponsorship_obj)}
on:click={() => {
console.log('*** Save start button clicked ***');
// if (!confirm('Are you sure you want to save this sponsorship?')) {return false;}
console.log('*** Start save and email button clicked ***');
if (!confirm(`This will save your sponsorship information so far and a confirmation email will be sent to ${$slct.sponsorship_obj.poc_json.email}.`)) {return false;}
let subject = `CHOW 2024 Sponsorship Link for ${$slct.sponsorship_obj.name} (ID: ${$slct.sponsorship_id})`;
let body_html = `<p>Thank you for your submission to the Sponsorships 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.sponsorship_obj.name} (Sponsorship ID: ${$slct.sponsorship_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.sponsorships.link}">${$ae_loc.mod.sponsorships.link}</a></p>`
api.send_email({
api_cfg: $ae_api,
from_email: 'noreply+chow@oneskyit.com',
from_name: 'CHOW 2024 Sponsorships Hub',
to_email: $slct.sponsorship_obj.poc_json.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_sess.mod.sponsorships.disable_submit__sponsorship_obj)}
on:click={() => {
console.log('*** Start save and continue button clicked ***');
// if (!confirm(`Are you sure you want to save this sponsorship? A confirmation email will be sent to ${$slct.sponsorship_obj.email}?`)) {return false;}
// handle_submit_form();
// handle_submit_form;
}}
>
}}
>
<span class="fas fa-check mx-1"></span>
Save and continue
</button>
@@ -1285,7 +1316,7 @@ async function handle_update__sponsorship({
<h3 class="h4">Website and Social Media</h3>
<fieldset class="sponsorship__website_url space-y-4">
<legend class="legend">Organization website URL:</legend>
<legend class="legend input_required">Organization website URL:</legend>
<label for="website_url" class="label">
<!-- Website URL -->
@@ -1316,7 +1347,7 @@ async function handle_update__sponsorship({
</fieldset>
<h3 class="h4">Public Recognition</h3>
<h3 class="h4 input_required">Public Recognition</h3>
<label for="q_public_recognition" class="label">
<div>Would you like public reognition at CHOW?</div>
<div class="space-y-2">
@@ -1346,7 +1377,7 @@ async function handle_update__sponsorship({
</div>
</label>
<h3 class="h4">Social Media &amp; Email Inclusion</h3>
<h3 class="h4 input_required">Social Media &amp; Email Inclusion</h3>
<label for="q_social_email" class="label">
<div>Would you like social and email inclusion at CHOW?</div>
<div class="space-y-2">
@@ -1376,7 +1407,7 @@ async function handle_update__sponsorship({
</div>
</label>
<h3 class="h4">Dedicated Social Promos</h3>
<h3 class="h4 input_required">Dedicated Social Promos</h3>
<label for="q_dedicated_promos" class="label">
<div>Would you like dedicated social media promotions at CHOW?</div>
<div class="space-y-2">
@@ -1437,7 +1468,7 @@ async function handle_update__sponsorship({
</div>
<div class="space-y-2">
Would you like a table top exhibit at CHOW?
<span class="input_required">Would you like a table top exhibit at CHOW?</span>
<label class="flex items-center space-x-2">
<input
class="radio variant-glass-warning"
@@ -1670,7 +1701,7 @@ async function handle_update__sponsorship({
<div class="flex flex-wrap gap-4">
<span class="flex flex-col justify-between basis-2/5">
<h3 class="h4">Default color logo</h3>
<h3 class="h4 input_required">Default color logo</h3>
<label for="file_logo_primary">
Upload a the standard default or primary version of your logo.
<FileDropzone
@@ -2116,7 +2147,7 @@ async function handle_update__sponsorship({
<!-- {#if $ae_loc.trusted_access} -->
<button
on:click={() => {
if (!confirm('Are you sure you want to delete this sponsorship?')) {return false;}
if (!confirm('CURRENTLY DISABLED: Are you sure you want to delete this sponsorship?')) {return false;}
// handle_delete_sponsorship_obj({sponsorship_id: $slct.sponsorship_id, method: 'delete'});
// $slct.sponsorship_id = null;
@@ -2143,7 +2174,7 @@ async function handle_update__sponsorship({
<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>