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" class="bg-surface-100-800-token w-full"
> >
<Tab bind:group={$store_current_tab} name="tab_start" value={'start'}> <Tab bind:group={$store_current_tab} name="tab_start" value={'start'}>
<svelte:fragment slot="lead"><span class="fas fa-home"></span></svelte:fragment> <svelte:fragment slot="lead">
{#if $slct.event_presenter_obj.event_presenter_id_random} {#if $slct.event_presenter_obj.event_presenter_id_random}
<span class="fas fa-check text-green-500"></span> <span class="fas fa-check text-green-500"></span>
{/if} {/if}
<span class="fas fa-home"></span>
</svelte:fragment>
<span>Start</span> <span>Start</span>
</Tab> </Tab>
<Tab bind:group={$store_current_tab} name="tab_biograhpy" value={'biograhpy'} disabled={!$slct.event_presenter_obj.event_presenter_id_random}> <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> <svelte:fragment slot="lead">
{#if $slct.event_presenter_obj.biography && $slct.event_presenter_obj.biography.length > 50} {#if $slct.event_presenter_obj.biography && $slct.event_presenter_obj.biography.length > 50}
<span class="fas fa-check text-green-500"></span> <span class="fas fa-check text-green-500"></span>
{/if} {/if}
<span class="fas fa-users"></span>
</svelte:fragment>
Biography Biography
</Tab> </Tab>
<Tab bind:group={$store_current_tab} name="tab_files" value={'files'} disabled={!$slct.event_presenter_obj.event_presenter_id_random}> <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> <svelte:fragment slot="lead">
{#if $slct.event_presenter_obj.image_li_json} {#if $slct.event_presenter_obj.image_li_json}
<span class="fas fa-check text-green-500"></span> <span class="fas fa-check text-green-500"></span>
{/if} {/if}
<span class="fas fa-file-upload"></span>
</svelte:fragment>
Files Files
</Tab> </Tab>
<Tab bind:group={$store_current_tab} name="tab_options" value={'options'} disabled={!$slct.event_presenter_obj.event_presenter_id_random}> <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 More
</Tab> </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" /> <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>
<label for="given_name">Given name <label for="given_name">
<!-- Given name -->
First name
<input <input
type="text" type="text"
class="input variant-glass-warning" class="input variant-glass-warning"
id="given_name" name="given_name" 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 : '')} value={($slct.event_presenter_obj.given_name ? $slct.event_presenter_obj.given_name : '')}
autocomplete="name" autocomplete="name"
readonly={!$ae_loc.trusted_access && $slct.event_presenter_obj.event_presenter_id_random} readonly={!$ae_loc.trusted_access && $slct.event_presenter_obj.event_presenter_id_random}
required required
> >
</label> </label>
<label for="family_name">Family name <label for="family_name">
<!-- Family name -->
Last name
<input <input
type="text" type="text"
class="input variant-glass-warning" class="input variant-glass-warning"
id="family_name" name="family_name" 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 : '')} value={($slct.event_presenter_obj.family_name ? $slct.event_presenter_obj.family_name : '')}
autocomplete="name" autocomplete="name"
readonly={!$ae_loc.trusted_access && $slct.event_presenter_obj.event_presenter_id_random} 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}" class="modal-form {cForm}"
on:submit|preventDefault={handle_submit_form} 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> <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> </label>
<p>Biography length: {($slct.event_presenter_obj.biography ? $slct.event_presenter_obj.biography.length : 0)} characters</p> <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> <section>
<h2>Headshot Photo</h2> <h2 class="h3">Headshot Photo</h2>
<p>Add your headshot photo here.</p> <p>Upload your headshot photo here. This is required.</p>
<label for="image_headshot"> <label for="image_headshot">
Upload logo (png, webp, jpg, svg) Upload logo (png, webp, jpg)
<FileDropzone <FileDropzone
id="image_headshot" id="image_headshot"
name="image_headshot" name="image_headshot"
padding="p-1" padding="p-1"
accept="image/*" accept="image/*"
class="w-96 variant-glass-warning"
required required
on:change={(e) => { on:change={(e) => {
console.log('*** FileDropzone change event ***', 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="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="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> </FileDropzone>
{@html placeholder_li.image_headshot} {@html placeholder_li.image_headshot}
</label> </label>
@@ -783,7 +797,7 @@ async function handle_update__event_presenter({
<fieldset class="event_presenter__more_questions"> <fieldset class="event_presenter__more_questions">
<legend class="legend">Questions and Comments</legend> <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? <!-- <label for="question" class="label">This is another question?
<div class="label"> <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) { if (sponsorship_di.level_num) {
sponsorship_do['level_num'] = Number(sponsorship_di.level_num); sponsorship_do['level_num'] = Number(sponsorship_di.level_num);
let level_num = sponsorship_do['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) { 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; sponsorship_do['level_str'] = level_str;
} }
} }
@@ -769,52 +772,64 @@ async function handle_update__sponsorship({
class="bg-surface-100-800-token w-full" class="bg-surface-100-800-token w-full"
> >
<Tab bind:group={$store_current_tab} name="tab_start" value={'start'}> <Tab bind:group={$store_current_tab} name="tab_start" value={'start'}>
<svelte:fragment slot="lead"><span class="fas fa-home"></span></svelte:fragment> <svelte:fragment slot="lead">
{#if $slct.sponsorship_obj.sponsorship_id_random} {#if $slct.sponsorship_obj.sponsorship_id_random}
<span class="fas fa-check text-green-500"></span> <span class="fas fa-check text-green-500"></span>
{/if} {/if}
<span class="fas fa-home"></span>
</svelte:fragment>
<!-- Start --> <!-- Start -->
General Info General Info
</Tab> </Tab>
<!-- Marketing for social media and email Level 1 and above with other restrictions --> <!-- 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}> <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> <svelte:fragment slot="lead">
{#if $slct.sponsorship_obj.website_url && $slct.sponsorship_obj.website_url.length > 10} {#if $slct.sponsorship_obj.website_url && $slct.sponsorship_obj.website_url.length > 10}
<span class="fas fa-check text-green-500"></span> <span class="fas fa-check text-green-500"></span>
{/if} {/if}
<span class="fas fa-bullhorn"></span>
</svelte:fragment>
Marketing Marketing
</Tab> </Tab>
<!-- Exhibit Level 2 and above --> <!-- Exhibit Level 2 and above -->
{#if $slct.sponsorship_obj.level_num > 1} {#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}> <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> <svelte:fragment slot="lead">
{#if $slct.sponsorship_obj.questions_li_json && $slct.sponsorship_obj.questions_li_json.table_exhibit} {#if $slct.sponsorship_obj.questions_li_json && $slct.sponsorship_obj.questions_li_json.table_exhibit}
<span class="fas fa-check text-green-500"></span> <span class="fas fa-check text-green-500"></span>
{/if} {/if}
<span class="fas fa-store"></span>
</svelte:fragment>
Exhibitor Info Exhibitor Info
</Tab> </Tab>
{/if} {/if}
{#if $slct.sponsorship_obj.level_num > 2} {#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}> <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> <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)} {#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> <span class="fas fa-check text-green-500"></span>
{/if} {/if}
<span class="fas fa-chalkboard-teacher"></span>
</svelte:fragment>
Session Info Session Info
</Tab> </Tab>
{/if} {/if}
<Tab bind:group={$store_current_tab} name="tab_files" value={'files'} disabled={!$slct.sponsorship_id}> <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> <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} {#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> <span class="fas fa-check text-green-500"></span>
{/if} {/if}
<span class="fas fa-file-upload"></span>
</svelte:fragment>
File Uploads File Uploads
</Tab> </Tab>
<Tab bind:group={$store_current_tab} name="tab_gala_guests" value={'gala_guests'} disabled={!$slct.sponsorship_id}> <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> <svelte:fragment slot="lead">
{#if $slct.sponsorship_obj.guest_li_json && $slct.sponsorship_obj.guest_li_json.length > 0} {#if $slct.sponsorship_obj.guest_li_json && $slct.sponsorship_obj.guest_li_json.length > 0}
<span class="fas fa-check text-green-500"></span> <span class="fas fa-check text-green-500"></span>
{/if} {/if}
<span class="fas fa-users"></span>
</svelte:fragment>
Gala Guest List Gala Guest List
</Tab> </Tab>
<!-- <Tab bind:group={$store_current_tab} name="tab_options" value={'options'} disabled={!$slct.sponsorship_id}> <!-- <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> <option value="" selected>-- Not Selected --</option>
{#each Object.entries($slct.sponsorship_cfg_obj.level_li_json) as [key, value]} {#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} {/each}
</select> </select>
{/if} {/if}
@@ -896,10 +914,18 @@ async function handle_update__sponsorship({
<span class="fas fa-check-circle"></span> <span class="fas fa-check-circle"></span>
<span class="ae_value">Yes, marked as paid</span> <span class="ae_value">Yes, marked as paid</span>
{:else} {: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>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"> <!-- <a href="https://example.com" class="btn variant-soft-primary m-2">
<span class="fas fa-credit-card mx-1"></span> <span class="fas fa-credit-card mx-1"></span>
Go Pay Here Go Pay Here
@@ -948,7 +974,7 @@ async function handle_update__sponsorship({
<fieldset class="mb-8"> <fieldset class="mb-8">
<legend class="legend">General Information</legend> <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" /> <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> </label>
@@ -1259,7 +1285,7 @@ async function handle_update__sponsorship({
<h3 class="h4">Website and Social Media</h3> <h3 class="h4">Website and Social Media</h3>
<fieldset class="sponsorship__website_url space-y-4"> <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"> <label for="website_url" class="label">
<!-- Website URL --> <!-- Website URL -->
@@ -1488,6 +1514,81 @@ async function handle_update__sponsorship({
<h2 class="h3">Session Information</h2> <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"> <fieldset class="mb-8">
<legend class="legend">Virtual Session</legend> <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> <span>No, we are NOT interested in hosting a virtual session.</span>
</label> </label>
</div> </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> </fieldset>
<button <button
@@ -1676,11 +1651,12 @@ async function handle_update__sponsorship({
on:submit|preventDefault={handle_submit_form_files} on:submit|preventDefault={handle_submit_form_files}
> >
<section class=""> <section class="space-y-4">
<h2 class="h3">Logos</h2> <h2 class="h3">Logos</h2>
<div class="text-sm space-y-4"> <div class="text-sm">
<p>Add your logo here. This logo will be displayed at the gala.</p> <p>Add your logo here. Your logo will be used throughout Capitol Hill Ocean Week.</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> <!-- 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: <div>Recommend specs:
<ul class="list-disc list-inside"> <ul class="list-disc list-inside">
@@ -1781,14 +1757,14 @@ async function handle_update__sponsorship({
</div> </div>
</section> </section>
<section> <section class="space-y-4">
<!-- CHOW: 5 = Presenting Partner and above --> <!-- CHOW: 5 = Presenting Partner and above -->
{#if $slct.sponsorship_obj.level_num >= 5} {#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> <h2 class="h3">Promo video</h2>
<div class="text-sm space-y-4"> <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> <p class="variant-ghost-warning">Submission Deadline: Wednesday, May 24</p>
<div>Recommend specs: <div>Recommend specs:
<ul class="list-disc list-inside"> <ul class="list-disc list-inside">