General clean up of the new AE Sponsorships app. Making it portable too.

This commit is contained in:
Scott Idem
2024-02-08 17:51:38 -05:00
parent 06e0c98e68
commit 7775b88b35
9 changed files with 1356 additions and 1184 deletions

View File

@@ -16,7 +16,7 @@ import { slct, slct_trigger, ae_app } from './stores';
// *** Import Aether module variables and functions
// *** Import Aether module components
// import Edit_sponsorship_obj from './10_edit__sponsorship_obj.svelte';
import Edit_sponsorship_obj from './10_edit__sponsorship_obj.svelte';
import List_sponsorship_obj from './10_list__sponsorship_obj.svelte';
import View_sponsorship_obj from './10_view__sponsorship_obj.svelte';
@@ -747,11 +747,11 @@ async function handle_get_data_store_obj_w_code({code, data_type='text'}) {
<span slot="body">
<!-- <Edit_sponsorship_obj
<Edit_sponsorship_obj
on:created__meeting_obj={handle_created_sponsorship_obj}
on:updated__meeting_obj={handle_updated_sponsorship_obj}
on:deleted__meeting_obj={handle_deleted_sponsorship_obj}
/> -->
/>
</span>
</Element_modal_v3>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@@ -35,7 +35,7 @@ body {
/* Display as flex does not seem to work well here. */
}
body>.svelte_target {
.svelte_target.ae_svelte_app {
box-sizing: border-box;
/* box-sizing: content-box; */
@@ -67,7 +67,7 @@ body>.svelte_target {
/* Use this to fix the scrolling. This is mostly useful for wide tables. */
/* This must be applied to the parent of the table. */
body>.svelte_target .svelte_component {
.svelte_target.ae_svelte_app .svelte_component {
overflow: scroll;
}

View File

@@ -7,16 +7,16 @@ let url_params = ae.util.get_url_params();
// console.log(url_params);
// IMPORTANT: The URL paramater 'uuid' is used to determine if the user is logged in or not. If the user is logged in, the uuid will be passed in as a url param. If the user is not logged in, the uuid will not be passed in as a url param.
if (document.getElementById('app')) {
const app = new App({
target: document.getElementById('app'),
});
}
// if (document.getElementById('app')) {
// const app = new App({
// target: document.getElementById('app'),
// });
// }
if (document.querySelector('.svelte_target.ae_sponsorships_main')) {
if (document.querySelector('.svelte_target.ae_svelte_app')) { // ae_sponsorships_main
const sponsorships_main_app = new Sponsorships({
target: document.querySelector('.svelte_target.ae_sponsorships_main'),
target: document.querySelector('.svelte_target.ae_svelte_app'), // ae_sponsorships_main
props: {
// NOTE: decodeURIComponent() is needed because the value is passed in as a url param. Should this be taken care of by the ae.util.get_url_params() function?
'sponsorship_id': url_params.sponsorship_id,