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

Wrapping up for the night. Mostly good for demo tomorrow morning.

Browse Source
This commit is contained in:
Scott Idem
2024-02-29 20:24:08 -05:00
parent 873e6d9f9a
commit b21f9c0437
7 changed files with 206 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -54,9 +54,8 @@ let ae_promises: key_val = {}; // Promise<any>;
$ae_loc.mod.events.submit_status = null;
$ae_loc.mod.events.disable_submit__event_presenter_obj = false;
let placeholder_li: key_val = {
file_logo_primary: '-- No File Selected --',
file_logo_secondary: '-- No File Selected --',
file_media_promo_video: '-- No File Selected --',
image_headshot: '-- No File Selected --',
image_example: '-- No File Selected --',
};
if ($slct.event_presenter_id) {
@@ -81,12 +80,12 @@ if ($slct.event_presenter_id) {
biography: null,
picture_path: null,
// picture_path: null,
// logo_li_json: null,
image_li_json: null,
// media_li_json: null,
social_li_json: null,
// social_li_json: null,
enable: null,
};
@@ -95,10 +94,11 @@ if ($slct.event_presenter_id) {
$: if ($slct.event_presenter_obj) {
// Create HTML for showing pictures here?
// if ($slct.event_presenter_obj.logo_li_json) {
// if ($slct.event_presenter_obj.logo_li_json.primary.hosted_file_id_random) {
// placeholder_li.file_logo_primary = `<img src="https://dev-demo.oneskyit.com/hosted_file/download/${$slct.event_presenter_obj.logo_li_json.primary.hosted_file_id_random}">${$slct.event_presenter_obj.logo_li_json.primary.filename}`;
// }
if ($slct.event_presenter_obj.image_li_json) {
if ($slct.event_presenter_obj.image_li_json.headshot.hosted_file_id_random) {
placeholder_li.image_headshot = `<img src="https://dev-demo.oneskyit.com/hosted_file/download/${$slct.event_presenter_obj.image_li_json.headshot.hosted_file_id_random}" class="max-w-64">${$slct.event_presenter_obj.image_li_json.headshot.filename}`;
}
}
// if ($slct.event_presenter_obj.logo_li_json.secondary.hosted_file_id_random) {
// placeholder_li.file_logo_secondary = `<img src="https://dev-demo.oneskyit.com/hosted_file/download/${$slct.event_presenter_obj.logo_li_json.secondary.hosted_file_id_random}">${$slct.event_presenter_obj.logo_li_json.secondary.filename}`;
// }
@@ -260,8 +260,11 @@ async function handle_submit_form_files(event) {
if (event.target.image_headshot.files.length > 0) {
console.log('The headshot image file was found.');
hosted_file_results = await handle_input_upload_files(event.target.image_headshot.files);
event_presenter_do.image_li_json = {};
if (hosted_file_results) {
event_presenter_do.image_li_json.headshot = hosted_file_results[0];
console.log(event_presenter_do.image_li_json);
@@ -658,7 +661,7 @@ async function handle_update__event_presenter({
<label class="label ae_label event_presenter__biography">Speaker Biography
<textarea name="biography" id="biography" class="textarea ae_value event_presenter__biography tinymce_editor editor_basic" 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> -->
<p>Biography length: {($slct.event_presenter_obj.biography ? $slct.event_presenter_obj.biography.length : 0)} characters</p>
<p>1,375 is roughly 250 to 300 words</p>
<div class="flex flex-wrap gap-2 p-1">
@@ -706,9 +709,9 @@ async function handle_update__event_presenter({
console.log('*** FileDropzone change event ***', e);
if (e.target.files.length) {
placeholder_li.file_logo_primary = `Ready to upload: ${e.target.files[0].name}`;
placeholder_li.image_headshot = `Ready to upload: ${e.target.files[0].name}`;
} else {
placeholder_li.file_logo_primary = 'No files selected.';
placeholder_li.image_headshot = 'No files selected.';
}
}}
>
@@ -716,7 +719,7 @@ async function handle_update__event_presenter({
<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>
</FileDropzone>
{@html placeholder_li.file_logo_primary}
{@html placeholder_li.image_headshot}
</label>
</section>

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

@@ -35,12 +35,14 @@ onMount(() => {
{@html $slct.event_presenter_obj.full_name}
</header>
<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_biography biography"
>
<div class="ae_label event_presenter__biography">Biography:</div>
<pre class="ae_value event_presenter__biography">{@html $slct.event_presenter_obj.biography ? $slct.event_presenter_obj.biography : '-- No Bio Given --'}</pre>
<pre class="ae_value event_presenter__biography pre_wrap">{@html $slct.event_presenter_obj.biography ? $slct.event_presenter_obj.biography : '-- No Bio Given --'}</pre>
</div>
<div
@@ -67,7 +69,6 @@ onMount(() => {
<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>
@@ -77,7 +78,7 @@ onMount(() => {
<div class="ae_list event_presenter__guests">
<h2>More Information</h2>
<div class="ae_warning">More info will go here</div>
<div class="ae_warning">More info can go here</div>
</div>