From 63f17e111bb0f819aafe7429f3798abb9b6e146b Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Wed, 18 Sep 2024 17:52:28 -0400
Subject: [PATCH] Improved the flexibility of the event files upload component.

---
 .../ae_comp__event_files_upload.svelte        |  4 ++-
 .../event/[slug]/+page.svelte                 | 16 +++++++++-
 .../location/[slug]/+page.svelte              | 16 +++++++++-
 .../presenter/[slug]/+page.svelte             | 30 +++++++++++++++++--
 .../session/[slug]/+page.svelte               | 15 +++++++++-
 5 files changed, 75 insertions(+), 6 deletions(-)

diff --git a/src/routes/events_pres_mgmt/ae_comp__event_files_upload.svelte b/src/routes/events_pres_mgmt/ae_comp__event_files_upload.svelte
index facfda4c..09a984f6 100644
--- a/src/routes/events_pres_mgmt/ae_comp__event_files_upload.svelte
+++ b/src/routes/events_pres_mgmt/ae_comp__event_files_upload.svelte
@@ -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}
diff --git a/src/routes/events_pres_mgmt/event/[slug]/+page.svelte b/src/routes/events_pres_mgmt/event/[slug]/+page.svelte
index ccdb0f4e..d5d7df39 100644
--- a/src/routes/events_pres_mgmt/event/[slug]/+page.svelte
+++ b/src/routes/events_pres_mgmt/event/[slug]/+page.svelte
@@ -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
diff --git a/src/routes/events_pres_mgmt/location/[slug]/+page.svelte b/src/routes/events_pres_mgmt/location/[slug]/+page.svelte
index ffa4481e..89ea232a 100644
--- a/src/routes/events_pres_mgmt/location/[slug]/+page.svelte
+++ b/src/routes/events_pres_mgmt/location/[slug]/+page.svelte
@@ -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
diff --git a/src/routes/events_pres_mgmt/presenter/[slug]/+page.svelte b/src/routes/events_pres_mgmt/presenter/[slug]/+page.svelte
index 7965d663..e51deec2 100644
--- a/src/routes/events_pres_mgmt/presenter/[slug]/+page.svelte
+++ b/src/routes/events_pres_mgmt/presenter/[slug]/+page.svelte
@@ -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">
diff --git a/src/routes/events_pres_mgmt/session/[slug]/+page.svelte b/src/routes/events_pres_mgmt/session/[slug]/+page.svelte
index 94457189..ff79607e 100644
--- a/src/routes/events_pres_mgmt/session/[slug]/+page.svelte
+++ b/src/routes/events_pres_mgmt/session/[slug]/+page.svelte
@@ -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