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

Changes based on feedback from Jordan (and Erin)

Browse Source
This commit is contained in:
Scott Idem
2024-03-03 19:22:44 -05:00
parent 7051cb92d5
commit 60f6386415
2 changed files with 176 additions and 186 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -501,28 +501,36 @@ async function handle_update__event_presenter({
class="bg-surface-100-800-token w-full"
>
<Tab bind:group={$store_current_tab} name="tab_start" value={'start'}>
<svelte:fragment slot="lead"><span class="fas fa-home"></span></svelte:fragment>
{#if $slct.event_presenter_obj.event_presenter_id_random}
<span class="fas fa-check text-green-500"></span>
{/if}
<svelte:fragment slot="lead">
{#if $slct.event_presenter_obj.event_presenter_id_random}
<span class="fas fa-check text-green-500"></span>
{/if}
<span class="fas fa-home"></span>
</svelte:fragment>
<span>Start</span>
</Tab>
<Tab bind:group={$store_current_tab} name="tab_biograhpy" value={'biograhpy'} disabled={!$slct.event_presenter_obj.event_presenter_id_random}>
<svelte:fragment slot="lead"><span class="fas fa-users"></span></svelte:fragment>
{#if $slct.event_presenter_obj.biography && $slct.event_presenter_obj.biography.length > 50}
<span class="fas fa-check text-green-500"></span>
{/if}
<svelte:fragment slot="lead">
{#if $slct.event_presenter_obj.biography && $slct.event_presenter_obj.biography.length > 50}
<span class="fas fa-check text-green-500"></span>
{/if}
<span class="fas fa-users"></span>
</svelte:fragment>
Biography
</Tab>
<Tab bind:group={$store_current_tab} name="tab_files" value={'files'} disabled={!$slct.event_presenter_obj.event_presenter_id_random}>
<svelte:fragment slot="lead"><span class="fas fa-file-upload"></span></svelte:fragment>
{#if $slct.event_presenter_obj.image_li_json}
<span class="fas fa-check text-green-500"></span>
{/if}
<svelte:fragment slot="lead">
{#if $slct.event_presenter_obj.image_li_json}
<span class="fas fa-check text-green-500"></span>
{/if}
<span class="fas fa-file-upload"></span>
</svelte:fragment>
Files
</Tab>
<Tab bind:group={$store_current_tab} name="tab_options" value={'options'} disabled={!$slct.event_presenter_obj.event_presenter_id_random}>
<svelte:fragment slot="lead"><span class="fas fa-info"></span></svelte:fragment>
<svelte:fragment slot="lead">
<span class="fas fa-info"></span>
</svelte:fragment>
More
</Tab>
@@ -554,24 +562,28 @@ async function handle_update__event_presenter({
<input type="text" id="title_names" name="title_names" max="200" value={$slct.event_presenter_obj.title_names ?? ''} placeholder="Prefix" autocomplete="off" class="input" />
</label>
<label for="given_name">Given name
<label for="given_name">
<!-- Given name -->
First name
<input
type="text"
class="input variant-glass-warning"
id="given_name" name="given_name"
placeholder="Given name"
placeholder="First name"
value={($slct.event_presenter_obj.given_name ? $slct.event_presenter_obj.given_name : '')}
autocomplete="name"
readonly={!$ae_loc.trusted_access && $slct.event_presenter_obj.event_presenter_id_random}
required
>
</label>
<label for="family_name">Family name
<label for="family_name">
<!-- Family name -->
Last name
<input
type="text"
class="input variant-glass-warning"
id="family_name" name="family_name"
placeholder="Family name"
placeholder="Last name"
value={($slct.event_presenter_obj.family_name ? $slct.event_presenter_obj.family_name : '')}
autocomplete="name"
readonly={!$ae_loc.trusted_access && $slct.event_presenter_obj.event_presenter_id_random}
@@ -668,7 +680,8 @@ async function handle_update__event_presenter({
class="modal-form {cForm}"
on:submit|preventDefault={handle_submit_form}
>
<label class="label ae_label event_presenter__biography">Speaker Biography
<label class="label ae_label event_presenter__biography">
<span class="label">Speaker Biography</span>
<textarea name="biography" id="biography" class="textarea ae_value event_presenter__biography tinymce_editor editor_basic" required rows="10" cols="70" bind:value={$slct.event_presenter_obj.biography} placeholder="A short biography the speaker"></textarea>
</label>
<p>Biography length: {($slct.event_presenter_obj.biography ? $slct.event_presenter_obj.biography.length : 0)} characters</p>
@@ -706,15 +719,16 @@ async function handle_update__event_presenter({
>
<section>
<h2>Headshot Photo</h2>
<p>Add your headshot photo here.</p>
<h2 class="h3">Headshot Photo</h2>
<p>Upload your headshot photo here. This is required.</p>
<label for="image_headshot">
Upload logo (png, webp, jpg, svg)
Upload logo (png, webp, jpg)
<FileDropzone
id="image_headshot"
name="image_headshot"
padding="p-1"
accept="image/*"
class="w-96 variant-glass-warning"
required
on:change={(e) => {
console.log('*** FileDropzone change event ***', e);
@@ -728,7 +742,7 @@ async function handle_update__event_presenter({
>
<svelte:fragment slot="lead"><span class="fas fa-file-upload"></svelte:fragment>
<svelte:fragment slot="message"><strong>Upload your file</strong> (drag and drop)</svelte:fragment>
<svelte:fragment slot="meta">PNG, WEBP, JPG only image types</svelte:fragment>
<svelte:fragment slot="meta">Image file types only (PNG, WEBP, JPG, etc)</svelte:fragment>
</FileDropzone>
{@html placeholder_li.image_headshot}
</label>
@@ -783,7 +797,7 @@ async function handle_update__event_presenter({
<fieldset class="event_presenter__more_questions">
<legend class="legend">Questions and Comments</legend>
<p>Please let us know if you have any questions or comments pertaining to your participation as a speaker at CHOW 2023. A member of the CHOW Team will follow up to assist.</p>
<p>Please let us know if you have any questions or comments pertaining to your participation as a speaker at CHOW 2024. A member of the CHOW Team will follow up to assist.</p>
<!-- <label for="question" class="label">This is another question?
<div class="label">

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

@@ -293,9 +293,12 @@ async function handle_submit_form(event) {
if (sponsorship_di.level_num) {
sponsorship_do['level_num'] = Number(sponsorship_di.level_num);
let level_num = sponsorship_do['level_num'];
let level_name = $slct.sponsorship_cfg_obj.level_li_json[String(level_num)].name;
console.log(`Level Name: ${level_name}`);
if ($slct.sponsorship_cfg_obj.level_li_json) {
let level_str = `${$slct.sponsorship_cfg_obj.level_li_json[level_num].name} - $${$slct.sponsorship_cfg_obj.level_li_json[level_num].amount}`;
let level_str = `${$slct.sponsorship_cfg_obj.level_li_json[level_num].name}`
// - $${$slct.sponsorship_cfg_obj.level_li_json[level_num].amount}`;
sponsorship_do['level_str'] = level_str;
}
}
@@ -769,52 +772,64 @@ async function handle_update__sponsorship({
class="bg-surface-100-800-token w-full"
>
<Tab bind:group={$store_current_tab} name="tab_start" value={'start'}>
<svelte:fragment slot="lead"><span class="fas fa-home"></span></svelte:fragment>
{#if $slct.sponsorship_obj.sponsorship_id_random}
<span class="fas fa-check text-green-500"></span>
{/if}
<svelte:fragment slot="lead">
{#if $slct.sponsorship_obj.sponsorship_id_random}
<span class="fas fa-check text-green-500"></span>
{/if}
<span class="fas fa-home"></span>
</svelte:fragment>
<!-- Start -->
General Info
</Tab>
<!-- Marketing for social media and email Level 1 and above with other restrictions -->
<Tab bind:group={$store_current_tab} name="tab_marketing" value={'marketing'} disabled={!$slct.sponsorship_id || $slct.sponsorship_obj.level_num < 1}>
<svelte:fragment slot="lead"><span class="fas fa-bullhorn"></span></svelte:fragment>
{#if $slct.sponsorship_obj.website_url && $slct.sponsorship_obj.website_url.length > 10}
<span class="fas fa-check text-green-500"></span>
{/if}
<svelte:fragment slot="lead">
{#if $slct.sponsorship_obj.website_url && $slct.sponsorship_obj.website_url.length > 10}
<span class="fas fa-check text-green-500"></span>
{/if}
<span class="fas fa-bullhorn"></span>
</svelte:fragment>
Marketing
</Tab>
<!-- Exhibit Level 2 and above -->
{#if $slct.sponsorship_obj.level_num > 1}
<Tab bind:group={$store_current_tab} name="tab_exhibit" value={'exhibit'} disabled={!$slct.sponsorship_id || $slct.sponsorship_obj.level_num < 2}>
<svelte:fragment slot="lead"><span class="fas fa-store"></span></svelte:fragment>
{#if $slct.sponsorship_obj.questions_li_json && $slct.sponsorship_obj.questions_li_json.table_exhibit}
<span class="fas fa-check text-green-500"></span>
{/if}
<svelte:fragment slot="lead">
{#if $slct.sponsorship_obj.questions_li_json && $slct.sponsorship_obj.questions_li_json.table_exhibit}
<span class="fas fa-check text-green-500"></span>
{/if}
<span class="fas fa-store"></span>
</svelte:fragment>
Exhibitor Info
</Tab>
{/if}
{#if $slct.sponsorship_obj.level_num > 2}
<Tab bind:group={$store_current_tab} name="tab_session" value={'session'} disabled={!$slct.sponsorship_id || $slct.sponsorship_obj.level_num < 3}>
<svelte:fragment slot="lead"><span class="fas fa-chalkboard-teacher"></span></svelte:fragment>
{#if $slct.sponsorship_obj.questions_li_json && ($slct.sponsorship_obj.questions_li_json.virtual_session || $slct.sponsorship_obj.questions_li_json.virtual_session === 0)}
<span class="fas fa-check text-green-500"></span>
{/if}
<svelte:fragment slot="lead">
{#if $slct.sponsorship_obj.questions_li_json && ($slct.sponsorship_obj.questions_li_json.virtual_session || $slct.sponsorship_obj.questions_li_json.virtual_session === 0)}
<span class="fas fa-check text-green-500"></span>
{/if}
<span class="fas fa-chalkboard-teacher"></span>
</svelte:fragment>
Session Info
</Tab>
{/if}
<Tab bind:group={$store_current_tab} name="tab_files" value={'files'} disabled={!$slct.sponsorship_id}>
<svelte:fragment slot="lead"><span class="fas fa-file-upload"></span></svelte:fragment>
{#if $slct.sponsorship_obj.logo_li_json && $slct.sponsorship_obj.logo_li_json.primary && $slct.sponsorship_obj.logo_li_json.primary.hosted_file_id_random}
<span class="fas fa-check text-green-500"></span>
{/if}
<svelte:fragment slot="lead">
{#if $slct.sponsorship_obj.logo_li_json && $slct.sponsorship_obj.logo_li_json.primary && $slct.sponsorship_obj.logo_li_json.primary.hosted_file_id_random}
<span class="fas fa-check text-green-500"></span>
{/if}
<span class="fas fa-file-upload"></span>
</svelte:fragment>
File Uploads
</Tab>
<Tab bind:group={$store_current_tab} name="tab_gala_guests" value={'gala_guests'} disabled={!$slct.sponsorship_id}>
<svelte:fragment slot="lead"><span class="fas fa-users"></span></svelte:fragment>
{#if $slct.sponsorship_obj.guest_li_json && $slct.sponsorship_obj.guest_li_json.length > 0}
<span class="fas fa-check text-green-500"></span>
{/if}
<svelte:fragment slot="lead">
{#if $slct.sponsorship_obj.guest_li_json && $slct.sponsorship_obj.guest_li_json.length > 0}
<span class="fas fa-check text-green-500"></span>
{/if}
<span class="fas fa-users"></span>
</svelte:fragment>
Gala Guest List
</Tab>
<!-- <Tab bind:group={$store_current_tab} name="tab_options" value={'options'} disabled={!$slct.sponsorship_id}>
@@ -884,7 +899,10 @@ async function handle_update__sponsorship({
>
<option value="" selected>-- Not Selected --</option>
{#each Object.entries($slct.sponsorship_cfg_obj.level_li_json) as [key, value]}
<option value={Number(key)}>{value.name} - ${value.amount}</option>
<option value={Number(key)}>
{value.name}
<!-- - ${value.amount} -->
</option>
{/each}
</select>
{/if}
@@ -896,10 +914,18 @@ async function handle_update__sponsorship({
<span class="fas fa-check-circle"></span>
<span class="ae_value">Yes, marked as paid</span>
{:else}
<p class="variant-ghost-warning">Deadline to complete payment: April 15th, 2023</p>
<p class="variant-ghost-warning">Deadline to complete payment: April 15th, 2024</p>
<!-- <p>Return to the <a href="https://preconvirtual.com/chow-2024-faq/#Sponsorship">CHOW Sponsor Hub for Payment Options and Instruction</a> details.</p> -->
<p>Please refer to the sponsorship <a href="https://preconvirtual.com/chow-2024-faq/#Sponsorship">FAQ page on the CHOW event website</a> for payment options</p>
<p>Please refer to the sponsorship
<a
href="https://preconvirtual.com/chow-2024-faq/#Sponsorship"
class="font-medium text-blue-600 dark:text-blue-500 hover:underline"
target="_blank"
>
FAQ page on the CHOW event website
</a>
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
@@ -948,7 +974,7 @@ async function handle_update__sponsorship({
<fieldset class="mb-8">
<legend class="legend">General Information</legend>
<label for="name" class="label">Name of organization or person
<label for="name" class="label">Name of Sponsoring Organization/Individual
<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>
@@ -1259,7 +1285,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">Your organizations website URL:</legend>
<legend class="legend">Organization website URL:</legend>
<label for="website_url" class="label">
<!-- Website URL -->
@@ -1488,6 +1514,81 @@ async function handle_update__sponsorship({
<h2 class="h3">Session Information</h2>
<fieldset
class="mb-8"
class:hidden={$slct.sponsorship_obj.level_num < 4}
>
<legend class="legend">Plenary Session</legend>
<div class="text-sm space-y-4">
<p>Plenary sessions are available on a limited basis.</p>
<p>If you select "Yes", our CHOW Manager, TBD will review your selection and be in touch with more details.</p>
</div>
<div>Are you interested in hosting a CHOW plenary session?</div>
<div class="space-y-2">
<label class="flex items-center space-x-2">
<input
class="radio variant-glass-warning"
type="radio"
checked
name="q_plenary_session"
value={1}
bind:group={$slct.sponsorship_obj.questions_li_json.plenary_session}
/>
<span class="fas fa-check"></span>
<span>Yes, we are interested in hosting a plenary session.</span>
</label>
<label class="flex items-center space-x-2">
<input
class="radio variant-glass-warning"
type="radio"
name="q_plenary_session"
value={0}
bind:group={$slct.sponsorship_obj.questions_li_json.plenary_session}
/>
<span class="fas fa-times"></span>
<span>No, we are NOT interested in hosting a plenary session.</span>
</label>
</div>
<div>
<div class="text-sm space-y-4">
<p>As a Plenary Session Sponsor, you will have the opportunity to provide opening remarks during a CHOW plenary session. Opening remarks are typically between 3-5 minutes. Please contact TBD to confirm your plenary session and discuss logistics.</p>
<p class="text-sm">If you select "Yes", our CHOW Manager, TBD will review your selection and be in touch with more details.</p>
</div>
<div>Are you interested in hosting the CHOW 2024 Opening Plenary Session?</div>
<div class="space-y-2">
<label class="flex items-center space-x-2">
<input
class="radio variant-glass-warning"
type="radio"
checked
name="q_plenary_opening"
value={1}
bind:group={$slct.sponsorship_obj.questions_li_json.plenary_opening}
/>
<span class="fas fa-check"></span>
<span>Yes, we are interested in opening remarks.</span>
</label>
<label class="flex items-center space-x-2">
<input
class="radio variant-glass-warning"
type="radio"
name="q_plenary_opening"
value={0}
bind:group={$slct.sponsorship_obj.questions_li_json.plenary_opening}
/>
<span class="fas fa-times"></span>
<span>No, we are NOT interested in opening remarks.</span>
</label>
</div>
</div>
</fieldset>
<fieldset class="mb-8">
<legend class="legend">Virtual Session</legend>
@@ -1524,133 +1625,7 @@ async function handle_update__sponsorship({
<span>No, we are NOT interested in hosting a virtual session.</span>
</label>
</div>
</fieldset>
<!-- <div>
<label for="q_virtual_session" class="label">
Are you interested in hosting a CHOW virtual session?<br />
<RadioGroup rounded="rounded-container-token" flexDirection="flex-col">
<RadioItem bind:group={$slct.sponsorship_obj.questions_li_json.virtual_session} name="q_virtual_session" value={1}>
<span class="fas fa-check"></span>
Yes, we are interested in hosting a virtual session.
</RadioItem>
<RadioItem bind:group={$slct.sponsorship_obj.questions_li_json.virtual_session} name="q_virtual_session" value={0}>
<span class="fas fa-times"></span>
No, we are NOT interested in hosting a virtual session.
</RadioItem>
</RadioGroup>
</label>
</div>
</fieldset> -->
<fieldset
class="mb-8"
class:hidden={$slct.sponsorship_obj.level_num < 4}
>
<legend class="legend">Plenary Session</legend>
<div class="text-sm space-y-4">
<p>Plenary sessions are available on a limited basis.</p>
<p>If you select "Yes", our CHOW Manager, TBD will review your selection and be in touch with more details.</p>
</div>
<div>Are you interested in hosting a CHOW plenary session?</div>
<div class="space-y-2">
<label class="flex items-center space-x-2">
<input
class="radio variant-glass-warning"
type="radio"
checked
name="q_plenary_session"
value={1}
bind:group={$slct.sponsorship_obj.questions_li_json.plenary_session}
/>
<span class="fas fa-check"></span>
<span>Yes, we are interested in hosting a plenary session.</span>
</label>
<label class="flex items-center space-x-2">
<input
class="radio variant-glass-warning"
type="radio"
name="q_plenary_session"
value={0}
bind:group={$slct.sponsorship_obj.questions_li_json.plenary_session}
/>
<span class="fas fa-times"></span>
<span>No, we are NOT interested in hosting a plenary session.</span>
</label>
</div>
<!-- <div>
<label for="q_plenary_session" class="label">
Are you interested in hosting a CHOW plenary session?<br />
<RadioGroup rounded="rounded-container-token" flexDirection="flex-col">
<RadioItem bind:group={$slct.sponsorship_obj.questions_li_json.plenary_session} name="q_plenary_session" value={1}>
<span class="fas fa-check"></span>
Yes, we are interested in hosting a plenary session.
</RadioItem>
<RadioItem bind:group={$slct.sponsorship_obj.questions_li_json.plenary_session} name="q_plenary_session" value={0}>
<span class="fas fa-times"></span>
No, we are NOT interested in hosting a plenary session.
</RadioItem>
</RadioGroup>
</label>
</div> -->
<div>
<div class="text-sm space-y-4">
<p>As a Plenary Session Sponsor, you will have the opportunity to provide opening remarks during a CHOW plenary session. Opening remarks are typically between 3-5 minutes. Please contact TBD to confirm your plenary session and discuss logistics.</p>
<p class="text-sm">If you select "Yes", our CHOW Manager, TBD will review your selection and be in touch with more details.</p>
</div>
<div>Are you interested in hosting the CHOW 2024 Opening Plenary Session?</div>
<div class="space-y-2">
<label class="flex items-center space-x-2">
<input
class="radio variant-glass-warning"
type="radio"
checked
name="q_plenary_opening"
value={1}
bind:group={$slct.sponsorship_obj.questions_li_json.plenary_opening}
/>
<span class="fas fa-check"></span>
<span>Yes, we are interested in opening remarks.</span>
</label>
<label class="flex items-center space-x-2">
<input
class="radio variant-glass-warning"
type="radio"
name="q_plenary_opening"
value={0}
bind:group={$slct.sponsorship_obj.questions_li_json.plenary_opening}
/>
<span class="fas fa-times"></span>
<span>No, we are NOT interested in opening remarks.</span>
</label>
</div>
</div>
<!-- <label for="q_plenary_opening" class="label">
Are you interested in hosting the CHOW 2024 Opening Plenary Session?<br />
<RadioGroup rounded="rounded-container-token" flexDirection="flex-col">
<RadioItem bind:group={$slct.sponsorship_obj.questions_li_json.plenary_opening} name="q_plenary_opening" value={1}>
<span class="fas fa-check"></span>
Yes, we are interested in opening remarks.
</RadioItem>
<RadioItem bind:group={$slct.sponsorship_obj.questions_li_json.plenary_opening} name="q_plenary_opening" value={0}>
<span class="fas fa-times"></span>
No, we are NOT interested in opening remarks.
</RadioItem>
</RadioGroup>
</label>
</div> -->
</fieldset>
<button
@@ -1676,11 +1651,12 @@ async function handle_update__sponsorship({
on:submit|preventDefault={handle_submit_form_files}
>
<section class="">
<section class="space-y-4">
<h2 class="h3">Logos</h2>
<div class="text-sm space-y-4">
<p>Add your logo here. This logo will be displayed at the gala.</p>
<p>Please note that these items are required if your company would like to take advantage of the logo recognition benefits associated with this sponsorship level. To prevent delayed benefits fulfillment, please make sure to include this item here.</p>
<div class="text-sm">
<p>Add your logo here. Your logo will be used throughout Capitol Hill Ocean Week.</p>
<!-- Hidden at the request of Jordan -->
<!-- <p>Please note that these items are required if your company would like to take advantage of the logo recognition benefits associated with this sponsorship level. To prevent delayed benefits fulfillment, please make sure to include this item here.</p> -->
<div>Recommend specs:
<ul class="list-disc list-inside">
@@ -1781,14 +1757,14 @@ async function handle_update__sponsorship({
</div>
</section>
<section>
<section class="space-y-4">
<!-- CHOW: 5 = Presenting Partner and above -->
{#if $slct.sponsorship_obj.level_num >= 5}
<hr class="border border-gray-500/20 my-4" />
<hr class="border border-gray-500/20" />
<h2 class="h3">Promo video</h2>
<div class="text-sm space-y-4">
<p>Add your 30 to 60 second promotional video here. This video will play during CHOW.</p>
<p>Add your 30 to 60 second promotional video here. This video will play during Capitol Hill Ocean Week.</p>
<p class="variant-ghost-warning">Submission Deadline: Wednesday, May 24</p>
<div>Recommend specs:
<ul class="list-disc list-inside">