Added ability to upload files individually to get the % uploaded. Added show/hide of manage files for sessions and presenters. Other clean up.

src/lib/ae_events_stores.ts

@@ -172,6 +172,8 @@ let events_local_data_struct: key_val = {
         show_content__session_help: true,
         show_content__session_search_help: true,
         show_content__presenter_page_help: true,
+        show_content__presenter_view: null,
+        show_content__session_view: null,
 
         show_menu__session: null,
 

src/lib/ae_string_snippets.ts

@@ -18,7 +18,8 @@ string_snippets['classes__core_menu__button_warning'] = 'btn btn-sm mx-1 variant
 // string_snippets['classes__events_pres_mgmt_menu'] = 'flex flex-col items-center space-y-1 border border-blue-200 rounded-md py-1 px-2 hover:bg-blue-100 transition-all duration-700 hover:duration-300';
 string_snippets['classes__events_pres_mgmt_menu'] = 'w-full flex flex-col items-center gap-1 border border-gray-200 rounded-md p-1 hover:bg-gray-100 transition-all duration-700 hover:duration-300';
 
-string_snippets['classes__events_pres_mgmt_menu__button'] = 'btn btn-sm mx-1 variant-soft-tertiary text-info-300 hover:text-info-800';
+string_snippets['classes__events_pres_mgmt_menu__button'] = 'btn btn-sm mx-1 variant-soft-tertiary text-info-300 hover:text-info-800 hover:variant-filled-tertiary';
+string_snippets['classes__events_pres_mgmt_menu__button_special'] = 'btn btn-sm mx-1 variant-ghost-tertiary text-info-300 hover:text-info-800 hover:variant-filled-tertiary';
 string_snippets['classes__events_pres_mgmt_menu__button_highlight'] = 'btn btn-sm mx-1 variant-filled-tertiary text-info-300 hover:text-info-800';
 string_snippets['classes__events_pres_mgmt_menu__button_warning'] = 'btn btn-sm mx-1 variant-soft-warning text-info-300 hover:text-info-800';
 

src/lib/element_input_files_tbl.svelte

@@ -7,7 +7,7 @@ import { ae_util } from '$lib/ae_utils';
 import { core_func } from '$lib/ae_core_functions';
 import { ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
 
-export let element_id = 'svelte_input_file_element';
+// export let element_id = 'svelte_input_file_element';
 export let container_class_li: string[] = [];
 export let table_class_li: string[] = ['table', 'table-sm', 'table-striped', 'table-hover' , 'text-sm'];
 
@@ -20,9 +20,9 @@ export let input_file_list: any = null;
 export let file_list_status: null|string = null;
 export let processed_file_list: any[] = [];
 
-const dispatch = createEventDispatcher();
+// const dispatch = createEventDispatcher();
 
-let input_file_list_processed: any[] = [];
+// let input_file_list_processed: any[] = [];
 
 onMount(() => {
     console.log('** Element Mounted: ** Element Input File');
@@ -37,22 +37,26 @@ $: if (input_file_list) {
         // console.log(result);
 
         if (!result || !result.length) {
+            processed_file_list = [];
             file_list_status = 'none';
         }
 
         // Save the results to the file upload list to be displayed as a table.
-        input_file_list_processed = result; // Includes file hash
+        // input_file_list_processed = result; // Includes file hash
 
-        dispatch(
-            'input_file_list_updated',
-            {
-                element_id: element_id,
-                input_file_list: input_file_list,
-                input_file_list_processed: result, // Includes file hash
-            }
-        );
+        // dispatch(
+        //     'input_file_list_updated',
+        //     {
+        //         element_id: element_id,
+        //         input_file_list: input_file_list,
+        //         input_file_list_processed: result, // Includes file hash
+        //     }
+        // );
 
     });
+} else {
+    processed_file_list = [];
+    file_list_status = 'none';
 }
 
 
@@ -298,9 +302,9 @@ function remove_file_from_filelist(index) {
     </div>
     {/if}
 
-    <!-- {#await input_file_list_processed} -->
+    <!-- {#await processed_file_list} -->
     <!-- {:then} -->
-    {#if use_selected_file_table && input_file_list_processed && input_file_list_processed.length}
+    {#if use_selected_file_table && processed_file_list && processed_file_list.length}
     <strong>Files selected for upload</strong>
     <table class="slct_file_list text-sm {table_class_li.join(' ')}">
     <thead>
@@ -314,7 +318,7 @@ function remove_file_from_filelist(index) {
             <th>Hash</th>
         </tr>
     </thead>
-    {#each input_file_list_processed as file_list_item, file_index}
+    {#each processed_file_list as file_list_item, file_index}
     <tbody>
         <tr>
             <td class="file_remove">
@@ -332,9 +336,9 @@ function remove_file_from_filelist(index) {
                 class:bg-pink-200={file_list_item.warning_size}
                 >
                 {file_list_item.file_size_string}
-                <!-- {#if $ae_sess.api_upload_kv[link_to_id]}
-                    <span class="text-xs">({$ae_sess.api_upload_kv[link_to_id].percent_completed}%)</span>
-                {/if} -->
+                {#if $ae_sess.api_upload_kv[file_list_item.hash_sha256]}
+                    <span class="text-xs">({$ae_sess.api_upload_kv[file_list_item.hash_sha256].percent_completed}%)</span>
+                {/if}
             </td>
             <!-- <td class="file_type" class:warning_file_untrusted_extension={file_list_item.warning_untrusted_extension} class:warning_file_legacy_extension={file_list_item.warning_legacy_extension}>{file_list_item.type}</td> -->
             <td