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