Separating out components and functions to make things more modular.

src/lib/ae_events__event_file.ts

@@ -51,23 +51,32 @@ export async function handle_load_ae_obj_id__event_file(
 }
 
 
-// Updated 2024-06-14
+// Updated 2024-07-03
 export async function handle_load_ae_obj_li__event_file(
         {
             api_cfg,
-            event_session_id,
+            for_obj_type,
+            for_obj_id,
             params={},
             try_cache=true,
             log_lvl=0
         }: {
             api_cfg: any,
-            event_session_id: string,
+            for_obj_type: string,
+            for_obj_id: string,
             params?: key_val,
             try_cache?: boolean,
             log_lvl?: number
         }
     ) {
-    console.log(`*** handle_load_ae_obj_li__event_file() *** event_id=${event_session_id}`);
+    console.log(`*** handle_load_ae_obj_li__event_file() *** for_obj_type=${for_obj_type} for_obj_id=${for_obj_id}`);
+
+    // Check if for_obj_type is in the list of valid Aether object types:
+    let valid_for_obj_types = ['event', 'event_session', 'event_presentation', 'event_presenter', 'event_location'];
+    if (!valid_for_obj_types.includes(for_obj_type)) {
+        console.log(`Invalid for_obj_type: ${for_obj_type}`);
+        return [];
+    }
 
     let enabled: string = (params.qry__enabled ?? 'enabled'); // all, disabled, enabled
     let hidden: string = (params.qry__hidden ?? 'not_hidden'); // all, hidden, not_hidden
@@ -81,8 +90,8 @@ export async function handle_load_ae_obj_li__event_file(
     ae_promises.load__event_file_obj_li = await api.get_ae_obj_li_for_obj_id_crud({
         api_cfg: api_cfg,
         obj_type: 'event_file',
-        for_obj_type: 'event_session',
-        for_obj_id: event_session_id,
+        for_obj_type: for_obj_type,
+        for_obj_id: for_obj_id,
         use_alt_table: true, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
         use_alt_base: false, // NOTE: This will use the base_name_alt value instead of the base_name value
         enabled: enabled,

src/lib/ae_events_stores.ts

@@ -167,6 +167,7 @@ export let events_loc: Writable<key_val> = localStorageStore('ae_events_loc', ev
 // Updated 2024-03-06
 let events_session_data_struct: key_val = {
     'ver': '2024-03-19_17',
+    'log_lvl': 1,
     // Shared
     'ds': {
         'submit_status': null,
@@ -348,6 +349,8 @@ let events_slct_obj_template: key_val = {
     'session_id': null,
     'session_obj': {},
     'session_obj_li': [],
+
+    'lq__presenter_obj': {}, // Testing passing a LiveQuery object around...
 };
 // console.log(`AE Stores - Selected Events Objects:`, events_slct_obj_template);
 

src/lib/ae_stores.ts

@@ -35,12 +35,15 @@ export type key_val = {
 // export type key_val = key_val;
 
 
-import { html__not_set } from './ae_string_snippets';
+// import { html__not_set, classes__events_pres_mgmt_menu } from './ae_string_snippets';
+import {string_snippets} from './ae_string_snippets';
+export let ae_snip = string_snippets;
 
-export let ae_html =
-    {
-        'not_set': html__not_set,
-    };
+// export let ae_snip =
+//     {
+//         'not_set': html__not_set,
+//         'classes__events_pres_mgmt_menu': classes__events_pres_mgmt_menu
+//     };
 
 // *** BEGIN *** Longer-term app data. This should be stored to local storage.
 export let ae_app_local_data_struct: key_val = {
@@ -172,6 +175,7 @@ export let ae_loc: Writable<key_val> = localStorageStore('ae_loc', ae_app_local_
 // *** BEGIN *** Temporary app data. This should be stored to session storage.
 export let ae_app_session_data_struct: key_val = {
     'ver': '2024-02-27_13',
+    'log_lvl': 0,
     // 'name': 'Aether App Template',
     // 'theme': 'light',
     // 'account_id': ae_account_id,

src/lib/ae_string_snippets.ts

@@ -1,13 +1,18 @@
 // These are shared snippets of text, This is mostly HTML and CSS.
 
-let html__not_set = `
+export let string_snippets: any = {};
+
+string_snippets['html__not_set'] = `
 <span
     class="text-sm text-gray-500 bg-gray-100 p-1 rounded-md border border-gray-200"
     >-- not set --
 </span>
 `;
 
+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';
 
-export {
-    html__not_set,
-};
+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_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';
+
+// export string_snippets;

src/lib/element_ae_crud.svelte

@@ -13,7 +13,7 @@ import { core_func } from '$lib/ae_core_functions';
 // *** Import Aether module components
 
 // *** Export/Exposed variables and functions for component
-export let log_lvl: number = 1;
+export let log_lvl: number = 0;
 export let trigger_patch: any = null;
 export let api_cfg: key_val = {'api_crud_super_key': null};
 // export let api_crud_super_key: null|string = api_cfg.api_crud_super_key;
@@ -56,7 +56,6 @@ const dispatch = createEventDispatcher();
 
 
 onMount(() => {
-    // console.log('** Element Mounted: ** Element AE CRUD');
     if (log_lvl) {
         console.log(`Element AE CRUD: Object Type: ${object_type}; Object ID: ${object_id}; Field Name: ${field_name}; Field Value: ${field_value} (Original: ${original_field_value})`);
         // ; Super Key: ${api_crud_super_key}
@@ -66,7 +65,6 @@ onMount(() => {
 
 $: if (trigger_patch == true) {
     console.log('AE CRUD: Patch triggered!');
-    // console.log(trigger_patch);
     trigger_patch = null;
     handle_obj_field_patch(field_value);
 }

src/lib/element_manage_event_file_li.svelte

@@ -65,7 +65,7 @@ onMount(() => {
         $slct_trigger = 'load__event_file_obj_li';
         ae_tmp.show__file_li = true;
     }}
-    class="btn btn-sm p-1 m-1 variant-soft-secondary hover:variant-ghost-warning float-right transition hover:transition-all"
+    class="btn btn-sm p-1 m-1 variant-soft-tertiary hover:variant-ghost-warning float-right transition hover:transition-all"
     class:hidden={display_mode != 'default' && !$ae_loc.administrator_access}
     title="Refresh the list of files"
     >