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

Last minute work for CHOW. Hopefully done soon...

Browse Source
This commit is contained in:
Scott Idem
2024-03-13 10:32:22 -04:00
parent fd4f2bdf35
commit 3c30664b2b
4 changed files with 293 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -200,6 +200,24 @@ async function handle_submit_form(event) {
event_presenter_do['agree'] = !!event_presenter_di.agree;
}
// Marketing for social media and email related questions
if (typeof event_presenter_di.website_url !== 'undefined') {
// This is also stored under social_li_json.
event_presenter_do['website_url'] = event_presenter_di.website_url;
}
if (event_presenter_di.social_media_facebook || event_presenter_di.social_media_twitter || event_presenter_di.social_media_instagram || event_presenter_di.social_media_linkedin) {
event_presenter_do['social_li_json'] = {
facebook: event_presenter_di.social_media_facebook,
twitter: event_presenter_di.social_media_twitter,
instagram: event_presenter_di.social_media_instagram,
linkedin: event_presenter_di.social_media_linkedin,
org: event_presenter_di.website_url,
};
}
if (typeof event_presenter_di.comments !== 'undefined') {
event_presenter_do['comments'] = event_presenter_di.comments;
}
@@ -724,6 +742,21 @@ async function handle_delete_event_presenter_obj({event_presenter_id, hosted_fil
</svelte:fragment>
Headshot
</Tab>
<!-- <Tab
bind:group={$store_current_tab}
name="tab_social"
value={'social'}
disabled={!$slct.event_presenter_obj.event_presenter_id_random}
regionTab={!$ae_loc.administrator_access || !$slct.event_presenter_obj.event_presenter_id_random ? 'text-slate-400' : ''}
>
{#if $slct.event_presenter_obj.social_li_json}
<span class="fas fa-check text-green-500"></span>
{/if}
<svelte:fragment slot="lead">
<span class="fas fa-share-alt"></span>
</svelte:fragment>
Social Media
</Tab> -->
<Tab
bind:group={$store_current_tab}
name="tab_summary"
@@ -1035,6 +1068,63 @@ async function handle_delete_event_presenter_obj({event_presenter_id, hosted_fil
</form>
{:else if $store_current_tab === 'social'}
<form
class="modal-form {$ae_loc.hub.classes__form}"
on:submit|preventDefault={handle_submit_form}
>
<h3 class="h4">Website and Social Media</h3>
<fieldset class="speaker__website_url space-y-4">
<legend class="legend input_required">Website URL:</legend>
<label for="website_url" class="label">
<!-- Website URL -->
<input type="url" id="website_url" name="website_url" class="input text-xs w-96 variant-glass-warning" placeholder="Website URL (https://example.org)" bind:value={$slct.event_presenter_obj.website_url} autocomplete="url" required />
</label>
<p class="text-xs italic variant-glass-tertiary max-w-96">The URLs should begin with "https://" or "http://"</p>
</fieldset>
<!-- Ask for common social media URLs. (Twitter, Facebook, Instagram, etc) -->
<fieldset class="speaker__social_media space-y-4">
<legend class="legend">Social Media:</legend>
<label for="social_media_facebook" class="label">
<!-- Facebook -->
<input type="url" id="social_media_facebook" name="social_media_facebook" class="input text-xs w-96" placeholder="Facebook" value={$slct.event_presenter_obj.social_li_json && $slct.event_presenter_obj.social_li_json.facebook ? $slct.event_presenter_obj.social_li_json.facebook : ''} autocomplete="url" />
</label>
<label for="social_media_instagram" class="label">
<!-- Instagram -->
<input type="url" id="social_media_instagram" name="social_media_instagram" class="input text-xs w-96" placeholder="Instagram" value={$slct.event_presenter_obj.social_li_json && $slct.event_presenter_obj.social_li_json.instagram ? $slct.event_presenter_obj.social_li_json.instagram : ''} autocomplete="url" />
</label>
<label for="social_media_linkedin" class="label">
<!-- LinkedIn -->
<input type="url" id="social_media_linkedin" name="social_media_linkedin" class="input text-xs w-96" placeholder="LinkedIn" value={$slct.event_presenter_obj.social_li_json && $slct.event_presenter_obj.social_li_json.linkedin ? $slct.event_presenter_obj.social_li_json.linkedin : ''} autocomplete="url" />
</label>
<label for="social_media_twitter" class="label">
<!-- X (Twitter) -->
<input type="url" id="social_media_twitter" name="social_media_twitter" class="input text-xs w-96" placeholder="X (Twitter)" value={$slct.event_presenter_obj.social_li_json && $slct.event_presenter_obj.social_li_json.twitter ? $slct.event_presenter_obj.social_li_json.twitter : ''} autocomplete="url" />
</label>
</fieldset>
<button
type="submit"
class="btn variant-glass-primary m-2"
disabled={($ae_sess.mod.sponsorships.disable_submit__sponsorship_obj)}
on:click={() => {
console.log('*** Save marketing button clicked ***');
}}
>
<span class="fas fa-check mx-1"></span>
Save and continue
</button>
</form>
{:else if $store_current_tab === 'summary'}
<section class="summary space-y-4">
@@ -1053,10 +1143,10 @@ async function handle_delete_event_presenter_obj({event_presenter_id, hosted_fil
</button>
<h2 class="h3">Summary</h2>
<div>Name: {$slct.event_presenter_obj.full_name}</div>
<div>Professional title: {$slct.event_presenter_obj.professional_title}</div>
<div>Affiliations: {$slct.event_presenter_obj.affiliations}</div>
<div>Email: {$slct.event_presenter_obj.email}</div>
<div>Name: {$slct.event_presenter_obj.full_name ?? '-- No Name Given --'}</div>
<div>Professional title: {$slct.event_presenter_obj.professional_title ?? '-- No Title Given --'}</div>
<div>Affiliations: {$slct.event_presenter_obj.affiliations ?? '-- No Affiliations Given --'}</div>
<div>Email: {$slct.event_presenter_obj.email ?? '-- No Email Given --'}</div>
<div>Biography:
<pre class="biography pre_wrap">{$slct.event_presenter_obj.biography ?? '-- Not Entered --'}</pre>
</div>

24
src/routes/events_speakers/10_view_modal__event_presenter_obj.svelte
View File

@@ -53,12 +53,19 @@ onMount(() => {
<p>This quick view of a presenter's information is customizable or can be hidden completely.</p>
<div class="event_presenter__content">
<div class="event_presenter__content space-y-4">
<div
class="event_presenter_biography biography"
>
<div class="ae_label event_presenter__biography">Biography:</div>
<pre class="ae_value event_presenter__biography pre_wrap">{@html $slct.event_presenter_obj.biography ? $slct.event_presenter_obj.biography : '-- No Bio Given --'}</pre>
<h2 class="h4">Biography:</h2>
<pre class="event_presenter__biography pre_wrap">{@html $slct.event_presenter_obj.biography ? $slct.event_presenter_obj.biography : '-- No Bio Given --'}</pre>
</div>
<div
class="event_presenter__professional_title"
>
<span class="ae_label">Professional Title:</span>
<span class="ae_value">{@html $slct.event_presenter_obj.professional_title ? $slct.event_presenter_obj.professional_title : '-- No Title Given --'}</span>
</div>
<div
@@ -72,7 +79,8 @@ onMount(() => {
class="event_presenter__email"
>
<span class="ae_label">Email:</span>
<span class="ae_value"><span class="fas fa-envelope"></span> {$slct.event_presenter_obj.email}</span>
<span class="ae_value"><span class="fas fa-envelope"></span>
<a href="mailto:{$slct.event_presenter_obj.email}" class="font-medium text-blue-600 dark:text-blue-500 hover:underline">{$slct.event_presenter_obj.email}</a></span>
</div>
<div
@@ -83,20 +91,20 @@ onMount(() => {
<span class="ae_value"><span class="fas fa-phone"></span> {$slct.event_presenter_obj.phone_mobile} &mdash; {$slct.event_presenter_obj.phone_mobile}</span>
</div>
<div>
<!-- <div>
<span class="ae_label">Approved:</span>
<span class="ae_value">
{$slct.event_presenter_obj.approve ? 'Yes, marked as approved' : 'Not yet marked as approved'}
</span>
</div>
</div> -->
<div class="ae_list event_presenter__guests">
<!-- <div class="ae_list event_presenter__guests">
<h2>More Information</h2>
<div class="ae_warning">More info can go here</div>
</div>
</div> -->
<section class="card-footer ae_section ae_meta event_presenter__meta">