Improved the flexibility of the event files upload component.

This commit is contained in:
Scott Idem
2024-09-18 17:52:28 -04:00
parent e46fa59a40
commit 63f17e111b
5 changed files with 75 additions and 6 deletions

View File

@@ -234,6 +234,7 @@ async function handle_input_upload_files(input_upload_files, task_id) {
class="svelte_input_file_label text-center"
class:hidden={$events_sess.files.disable_submit__event_file_obj}
>
<slot name="label">
<div>
<span class="fas fa-upload"></span>
<!-- Select files to upload -->
@@ -245,6 +246,7 @@ async function handle_input_upload_files(input_upload_files, task_id) {
Presentation related files only<br>
(PowerPoint, Keynote, PDF, mp4, Word Doc, Excel, txt, etc)
</span>
</slot>
</label>
<input
@@ -269,7 +271,7 @@ async function handle_input_upload_files(input_upload_files, task_id) {
<button
type="submit"
class="btn btn-lg btn-primary variant-filled-primary hover:variant-ghost-success w-54"
class="btn btn-lg btn-primary variant-ghost-primary hover:variant-ghost-success w-54"
disabled={$events_sess.files.disable_submit__event_file_obj || $events_sess.files.status__file_list != 'ready'}
>
{#await ae_promises.upload__hosted_file_obj}

View File

@@ -613,9 +613,23 @@ count ids: {event_session_id_random_li?.length ?? 'nothing???'}??? -->
</h3>
<Comp_event_files_upload
class_li="border border-gray-300 rounded-md p-2 bg-gray-100 hover:bg-gray-200"
link_to_type="event"
link_to_id={$lq__event_obj?.event_id}
/>
>
<span slot="label">
<div>
<span class="fas fa-upload"></span>
<strong class="bg-red-200 p-1">Upload global event files only!</strong>
</div>
<span class="text-sm text-gray-600 dark:text-gray-400 italic">
<strong>Global event files only</strong><br>
Recommended: PowerPoint (pptx) or Keynote (key)<br>
Media: Audio and videos files should be directly embedded in PowerPoint (PPTX) files<br>
Supplemental files: mp4, PDF, Word Doc, Excel, txt, etc
</span>
</span>
</Comp_event_files_upload>
<div class="overflow-x-auto w-max max-w-full">
<Element_manage_event_file_li_wrap

View File

@@ -216,9 +216,23 @@ onMount(() => {
</h3>
<Comp_event_files_upload
class_li="border border-gray-300 rounded-md p-2 bg-gray-100 hover:bg-gray-200"
link_to_type="event_location"
link_to_id={$lq__event_location_obj.event_location_id}
/>
>
<span slot="label">
<div>
<span class="fas fa-upload"></span>
<strong class="bg-orange-200 p-1">Upload location (room) specific files only!</strong>
</div>
<span class="text-sm text-gray-600 dark:text-gray-400 italic">
<strong>Location (room) files only</strong><br>
Recommended: PowerPoint (pptx) or Keynote (key)<br>
Media: Audio and videos files should be directly embedded in PowerPoint (PPTX) files<br>
Supplemental files: mp4, PDF, Word Doc, Excel, txt, etc
</span>
</span>
</Comp_event_files_upload>
<div class="overflow-x-auto w-max max-w-full">
<Element_manage_event_file_li_wrap

View File

@@ -143,7 +143,20 @@ if (!$ae_loc.authenticated_access && $events_loc.pres_mgmt.show_content__present
class_li="border border-gray-300 rounded-md p-2 bg-gray-100 hover:bg-gray-200"
link_to_type="event_presenter"
link_to_id={$lq__event_presenter_obj?.event_presenter_id}
/>
>
<span slot="label">
<div>
<span class="fas fa-upload"></span>
<strong class="bg-green-100 p-1">Upload presenter (speaker) specific files</strong>
</div>
<span class="text-sm text-gray-600 dark:text-gray-400 italic">
<strong>Presenter (speaker) presentation files only</strong><br>
Recommended: PowerPoint (pptx) or Keynote (key)<br>
Media: Audio and videos files should be directly embedded in PowerPoint (PPTX) files<br>
Supplemental files: mp4, PDF, Word Doc, Excel, txt, etc
</span>
</span>
</Comp_event_files_upload>
{/if}
<div class="overflow-x-auto w-max max-w-full">
@@ -169,7 +182,20 @@ if (!$ae_loc.authenticated_access && $events_loc.pres_mgmt.show_content__present
class_li="border border-gray-300 rounded-md p-2 bg-gray-100 hover:bg-gray-200"
link_to_type="event_presenter"
link_to_id={$lq__event_presenter_obj.event_presenter_id}
/>
>
<span slot="label">
<div>
<span class="fas fa-upload"></span>
<strong class="bg-green-100 p-1">Upload presenter (speaker) specific files</strong>
</div>
<span class="text-sm text-gray-600 dark:text-gray-400 italic">
<strong>Presentation related files only</strong><br>
Recommended: PowerPoint (pptx) or Keynote (key)<br>
Media: Audio and videos files should be directly embedded in PowerPoint (PPTX) files<br>
Supplemental files: mp4, PDF, Word Doc, Excel, txt, etc
</span>
</span>
</Comp_event_files_upload>
{/if}
<div class="overflow-x-auto w-max max-w-full">

View File

@@ -187,7 +187,20 @@ onMount(() => {
class_li="border border-gray-300 rounded-md p-2 bg-gray-100 hover:bg-gray-200"
link_to_type="event_session"
link_to_id={$lq__event_session_obj.event_session_id}
/>
>
<span slot="label">
<div>
<span class="fas fa-upload"></span>
<strong class="bg-yellow-100 p-1">Upload session (breakout) specific files only!</strong>
</div>
<span class="text-sm text-gray-600 dark:text-gray-400 italic">
<strong>Session (breakout) files only</strong><br>
Recommended: PowerPoint (pptx) or Keynote (key)<br>
Media: Audio and videos files should be directly embedded in PowerPoint (PPTX) files<br>
Supplemental files: mp4, PDF, Word Doc, Excel, txt, etc
</span>
</span>
</Comp_event_files_upload>
<div class="overflow-x-auto w-max max-w-full">
<Element_manage_event_file_li_wrap