Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

A lot of little changes everywhere. Sorry...

Browse Source
This commit is contained in:
Scott Idem
2024-03-02 20:09:25 -05:00
parent 0dbf869d5d
commit 4db9e68543
12 changed files with 434 additions and 166 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/lib/ae_stores.ts
View File

@@ -189,6 +189,9 @@ ae_api_data_struct['headers'] = ae_api_headers;
console.log(`AE Stores - API Data:`, ae_api_data_struct);
export let ae_api = writable(ae_api_data_struct);
// *** BEGIN *** Trigger to update the slct variables and other things.
let ae_trig_template: key_val = {};
export let ae_trig = writable(ae_trig_template);
/* *** BEGIN *** Initialize slct_trigger and slct variables. The slct variable can be stored with local storage. */
// Updated 2024-02-27

29
src/lib/ae_utils.ts
View File

@@ -405,10 +405,39 @@ export let process_permission_checks = function process_permission_checks(access
}
// This function will update the URL and send a message to the parent window (iframe).
// The name should be something like "example_id".
// Svelte specific:
// WARNING: Avoid using `history.pushState(...)` and `history.replaceState(...)` as these will conflict with SvelteKit's router. Use the `pushState` and `replaceState` imports from `$app/navigation` instead.
// Updated 2024-03-02
function handle_url_and_message(name: string, value: null|string) {
console.log(`*** handle_url_and_message() *** name=${name} value=${value}`);
if (value) {
let location = window.location.href;
const url = new URL(location);
url.searchParams.set(name, value);
history.pushState({}, '', url);
let message = {name: value};
window.parent.postMessage(message, "*");
} else {
let location = window.location.href;
const url = new URL(location);
url.searchParams.delete(name);
history.pushState({}, '', url);
let message = {name: null};
window.parent.postMessage(message, "*");
}
// console.log('Message sent to parent (iframe):', message);
}
export let ae_util = {
iso_datetime_formatter: iso_datetime_formatter,
extract_prefixed_form_data: extract_prefixed_form_data,
process_permission_checks: process_permission_checks,
handle_url_and_message: handle_url_and_message,
};
// export default ae_util;

9
src/routes/+layout.svelte
View File

@@ -1,4 +1,8 @@
<script lang="ts">
/** @type {import('./$types').LayoutData} */
export let data;
// console.log(`ae_ Svelte root +layout data:`, data);
import { onMount } from 'svelte';
import '../app.postcss';
@@ -49,14 +53,13 @@ storePopup.set({ computePosition, autoUpdate, flip, shift, offset, arrow });
import { api } from '$lib/api';
import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
import type { key_val } from '$lib/ae_stores';
console.log($ae_loc, $ae_sess, $ae_api);
// console.log($ae_loc, $ae_sess, $ae_api);
import Element_access_type from '$lib/element_access_type.svelte';
import Element_app_cfg from '$lib/element_app_cfg.svelte';
export let data;
console.log(`ae_ Svelte +Layout page data:`, data);
onMount(() => {

41
src/routes/+layout.ts
View File

@@ -1,14 +1,15 @@
/** @type {import('./$types').LayoutLoad} */
import { get } from 'svelte/store';
import { api } from '$lib/api';
import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
import type { key_val } from '$lib/ae_stores';
import { get } from 'svelte/store';
export async function load({ params, url }) { // route
// properties: params, route, url
// functions: fetch, setHeaders, parent, depends, untrack
export async function load({ params, url }) { // params, route, url
// console.log(`Svelte root layout.ts data = params:`, params);
// console.log(`Svelte root layout.ts data = route:`, route);
// console.log(`Svelte root layout.ts data = url:`, url);
@@ -22,14 +23,26 @@ export async function load({ params, url }) { // route
let data_struct = {
ae_init: ae_loc_tmp,
// ae_core: ae_core,
params: params,
ae_loc: get(ae_loc),
ae_api: get(ae_api),
ae_ds: {},
ae_hub: {}, // was ae_core
ae_m_sponsorships: {},
ae_m_events: {},
ae_m_events_speakers: {},
iframe: false,
ae_root_layout_ts: true,
sections: [
{ slug: 'new', title: 'New Test' },
{ slug: 'manage', title: 'Manage Test' },
{ slug: 'test', title: 'Test Test' },
],
params: params,
url: url,
};
@@ -59,7 +72,7 @@ export async function load({ params, url }) { // route
ae_api_tmp['headers']['x-no-account-id'] = null;
ae_api.set(ae_api_tmp);
console.log(`ae_api = `, get(ae_api));
// console.log(`ae_api = `, get(ae_api));
ae_loc_tmp['account_id'] = site_domain_results.account_id_random;
ae_loc_tmp['site_id'] = site_domain_results.site_id_random;
@@ -215,18 +228,20 @@ export async function load({ params, url }) { // route
ae_loc_tmp.iframe = false;
}
console.log(`ae_ ds_code_li = `, ds_code_li);
// console.log(`ae_ ds_code_li = `, ds_code_li);
ae_loc_tmp = {
...ae_loc_tmp,
'ds': ds_code_li,
}
console.log(`ae_loc_tmp = `, ae_loc_tmp);
data_struct['ae_init'] = ae_loc_tmp;
// console.log(`ae_loc_tmp = `, ae_loc_tmp);
data_struct['ae_loc'] = ae_loc_tmp;
ae_loc.set(ae_loc_tmp);
console.log(`ae_loc = `, get(ae_loc));
// console.log(`ae_loc = `, get(ae_loc));
data_struct['ae_ds'] = ds_code_li;
console.log(`root layout.ts finally load...`);
@@ -277,7 +292,7 @@ export async function load({ params, url }) { // route
// }
// }
// data_struct['ae_init'] = loading_results;
// data_struct['ae_loc'] = loading_results;
return data_struct;
}

4
src/routes/+page.svelte
View File

@@ -1,4 +1,8 @@
<script lang="ts">
/** @type {import('./$types').PageData} */
export let data;
console.log(`ae_ Svelte root +page data:`, data);
import { onMount } from 'svelte';
import { PUBLIC_TESTING } from '$env/static/public';

7
src/routes/+page.ts
View File

@@ -1,3 +1,10 @@
/** @type {import('./$types').PageLoad} */
export function load() {
return {
ae_root_page_ts: true,
};
}
// export const prerender = true
// export const prerender = false;
// export const trailingSlash = 'always'; // 'never' | 'always' | 'ignore'

173
src/routes/sponsorships/+layout.ts
View File

@@ -7,69 +7,144 @@ import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
import type { key_val } from '$lib/ae_stores';
export function load({ params, url }) { // route
export async function load({ params, parent, url }) { // route
// console.log(`Svelte Sponsorships layout.ts data = params:`, params);
// console.log(`Svelte Sponsorships layout.ts data = route:`, route);
// console.log(`Svelte Sponsorships layout.ts data = url:`, url);
let ae_loc_tmp = get(ae_loc);
console.log(`ae_loc = `, ae_loc_tmp);
// const { ae_init, root_layout_ts } = await parent();
let data = await parent();
console.log(`Svelte Sponsorships layout.ts data = data:`, data);
let ds_code_li: null|key_val = ae_loc_tmp.ds;
console.log(`ae_ ds_code_li = `, ds_code_li);
let ds_code: null|string = null;
data.ae_sponsorships_layout_ts = true;
let ds_code_li = {}; //: key_val; // = ae_loc_tmp.ds;
// console.log(`ae_ ds_code_li = `, ds_code_li);
let ds_code: string = '';
let ds_type: null|string = null;
let data_struct = {
params: params,
sections: [
{ slug: 'new', title: 'New Sponsorship' },
{ slug: 'manage', title: 'Manage' },
{ slug: 'test', title: 'Test' },
],
url: url,
// let data_struct = {
// params: params,
// sections: [
// { slug: 'new', title: 'New Sponsorship' },
// { slug: 'manage', title: 'Manage' },
// { slug: 'test', title: 'Test' },
// ],
// url: url,
};
// };
let loading_results = null;
ds_code = 'sponsorships__agree_li';
ds_type = 'json';
// ds_code = 'sponsorships__agree_li';
// ds_type = 'json';
// loading_results = api.get_data_store_obj_w_code({
// api_cfg: get(ae_api),
// data_store_code: ds_code,
// data_type: ds_type,
// log_lvl: 2
// })
// .then( function (ds_results) {
// console.log(`ae_ Data Store ${ds_code} = `, ds_results);
// if (ds_results) {
// console.log(`ae_ Data Store ${ds_code} = `, ds_results);
// // let ae_loc_tmp = get(ae_loc);
// if (ds_type == 'json') {
// ds_code_li[ds_code] = ds_results.json;
// } else {
// ds_code_li[ds_code] = ds_results.text;
// }
ds_code = 'hub__page__sponsorships__create_info_header';
ds_type = 'text';
// // ae_loc.set(ae_loc_tmp);
// // console.log(`ae_loc = `, get(ae_loc));
// }
// })
// .finally(function () {
// console.log(`ae_ ds_code_li = `, ds_code_li);
// ae_loc_tmp = {
// ...ae_loc_tmp,
// 'ds': ds_code_li,
// }
// console.log(`ae_loc_tmp = `, ae_loc_tmp);
ds_code_li[ds_code] = await api.get_data_store_obj_w_code({
api_cfg: get(ae_api),
data_store_code: ds_code,
data_type: ds_type,
log_lvl: 2
})
.then( function (ds_results) {
console.log(`ae_ Data Store ${ds_code} = `, ds_results);
if (ds_results) {
console.log(`ae_ Data Store ${ds_code} = `, ds_results);
// let ae_loc_tmp = get(ae_loc);
if (ds_type == 'json') {
// ds_code_li[ds_code] = ds_results.json;
// data.ae_ds[ds_code] = ds_results.json;
return ds_results.json;
} else {
// ds_code_li[ds_code] = ds_results.text;
// data.ae_ds[ds_code] = ds_results.text;
return ds_results.text;
}
// ae_loc.set(ae_loc_tmp);
// console.log(`ae_loc = `, get(ae_loc));
// ae_loc.set(ae_loc_tmp);
// console.log(`ae_loc = `, get(ae_loc));
}
})
.finally(function (ds_code_val) {
console.log(`ae_ ds_code_val = `, ds_code_val);
// ae_loc_tmp = {
// ...ae_loc_tmp,
// 'ds': ds_code_li,
// }
// console.log(`ae_loc_tmp = `, ae_loc_tmp);
// return true;
// });
// ae_loc.set(ae_loc_tmp);
// console.log(`ae_loc = `, get(ae_loc));
return data_struct;
// return true;
return ds_code_val;
});
ds_code = 'hub__page__sponsorships__create_info';
ds_type = 'text';
ds_code_li[ds_code] = await api.get_data_store_obj_w_code({
api_cfg: get(ae_api),
data_store_code: ds_code,
data_type: ds_type,
log_lvl: 2
})
.then( function (ds_results) {
console.log(`ae_ Data Store ${ds_code} = `, ds_results);
if (ds_results) {
console.log(`ae_ Data Store ${ds_code} = `, ds_results);
// let ae_loc_tmp = get(ae_loc);
if (ds_type == 'json') {
// ds_code_li[ds_code] = ds_results.json;
// data.ae_ds[ds_code] = ds_results.json;
return ds_results.json;
} else {
// ds_code_li[ds_code] = ds_results.text;
// data.ae_ds[ds_code] = ds_results.text;
return ds_results.text;
}
// ae_loc.set(ae_loc_tmp);
// console.log(`ae_loc = `, get(ae_loc));
}
})
.finally(function (ds_code_val) {
console.log(`ae_ ds_code_val = `, ds_code_val);
// ae_loc_tmp = {
// ...ae_loc_tmp,
// 'ds': ds_code_li,
// }
// console.log(`ae_loc_tmp = `, ae_loc_tmp);
// ae_loc.set(ae_loc_tmp);
// console.log(`ae_loc = `, get(ae_loc));
// return true;
return ds_code_val;
});
console.log(`ae_ ds_code_li = `, ds_code_li);
let ae_loc_tmp = get(ae_loc);
console.log(`ae_loc = `, ae_loc_tmp);
let ae_ds_tmp = ae_loc_tmp.ds;
// Merge the new data into the existing data
ae_ds_tmp = {
...ae_ds_tmp,
...ds_code_li,
}
ae_loc_tmp = {
...ae_loc_tmp,
'ds': ae_ds_tmp,
}
console.log(`ae_loc = `, ae_loc_tmp);
ae_loc.set(ae_loc_tmp);
// return data_struct;
return data;
}

68
src/routes/sponsorships/+page.svelte
View File

@@ -1,11 +1,9 @@
<script lang="ts">
import { onMount } from 'svelte';
export let data;
console.log(`Svelte Sponsorships page data:`, data);
console.log(`ae_ Svelte Sponsorships +page data:`, data);
import { onMount } from 'svelte';
// import { localStorageStore } from '@skeletonlabs/skeleton';
// import type { Writable } from 'svelte/store';
// const store_current_page: Writable<string> = localStorageStore('store_current_page', 'start');
// https://github.com/skeletonlabs/skeleton/blob/master/packages/skeleton/src/lib/utilities/Modal/types.ts
// To retrieve the store, getModalStore must be invoked at the top level of your component!
@@ -20,6 +18,7 @@ const modalStore = getModalStore();
import { api } from '$lib/api';
import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
import { ae_util } from '$lib/ae_utils';
import type { key_val } from '$lib/ae_stores';
import Edit_modal_sponsorship_obj from './10_edit_modal__sponsorship_obj.svelte';
@@ -58,6 +57,8 @@ const modal_view__sponsorship_obj: ModalSettings = {
response: (r: boolean | undefined) => handle_modal_close(r)
};
// This should be merged with the ae_util.handle_url_and_message() function.
function handle_modal_close(response: boolean | undefined) {
console.log('Modal closed. Response:', response);
@@ -71,22 +72,46 @@ function handle_modal_close(response: boolean | undefined) {
// console.log('Message sent to parent (iframe):', message);
}
if ($slct_trigger == 'msg_parent' && $slct.sponsorship_cfg_id) {
console.log(`Message parent with sponsorship_cfg_id ${$slct.sponsorship_cfg_id}`);
$slct_trigger = null
// // This should be moved under onMount(). Window may not exist yet.
// if ($slct_trigger == 'msg_parent' && $slct.sponsorship_cfg_id) {
// console.log(`Message parent with sponsorship_cfg_id ${$slct.sponsorship_cfg_id}`);
// $slct_trigger = null
let message = {'sponsorship_cfg_id': $slct.sponsorship_cfg_id};
window.parent.postMessage(message, "*");
// console.log('Message sent to parent (iframe):', message);
}
// let message = {'sponsorship_cfg_id': $slct.sponsorship_cfg_id};
// window.parent.postMessage(message, "*");
// // console.log('Message sent to parent (iframe):', message);
// }
// We don't want the edit or view to show up by default. Maybe if we see an object ID param in the URL, we can show the view modal.
$ae_loc.mod.sponsorships.show_edit__sponsorship_obj = false;
$ae_loc.mod.sponsorships.show_view__sponsorship_obj = false;
$ae_loc.hostname = data.url.hostname;
$ae_loc.site_domain = data.url.origin;
// We don't want the edit or view to show up by default. Maybe if we see an object ID param in the URL, we can show a modal.
$ae_loc.mod.sponsorships.show_edit__sponsorship_obj = false;
$ae_loc.mod.sponsorships.show_view__sponsorship_obj = false;
onMount(() => {
console.log('Sponsorships: +page.svelte');
// console.log(`$ae_loc = `, $ae_loc);
let href_url = window.location.href;
// console.log(href_url);
$ae_loc.href_url = href_url;
// console.log(`$ae_loc.href_url = `, $ae_loc.href_url);
// $slct_trigger = 'msg_parent';
ae_util.handle_url_and_message('sponsorship_cfg_id', $slct.sponsorship_cfg_id);
ae_util.handle_url_and_message('sponsorship_id', $slct.sponsorship_id);
if ($slct.sponsorship_id) {
console.log(`Got an ID. Let's show the modal!`);
modalStore.trigger(modal_edit__sponsorship_obj);
}
});
$: if ($slct_trigger == 'show_edit__sponsorship_obj' && $ae_loc.mod.sponsorships.show_edit__sponsorship_obj) {
console.log('Show Modal Edit');
$slct_trigger = null;
@@ -125,19 +150,6 @@ $: if ($slct_trigger == 'show_view__sponsorship_obj' && $ae_loc.mod.sponsorships
let ae_sponsorship_obj_li_get_promise;
onMount(() => {
console.log('Sponsorships: +page.svelte');
// console.log(`$ae_loc = `, $ae_loc);
let href_url = window.location.href;
// console.log(href_url);
$ae_loc.href_url = href_url;
// console.log(`$ae_loc.href_url = `, $ae_loc.href_url);
$slct_trigger = 'msg_parent';
});
if ($ae_loc.account_id) {

10
src/routes/sponsorships/+page.ts Normal file
View File

@@ -0,0 +1,10 @@
/** @type {import('./$types').PageLoad} */
export function load() {
return {
ae_sponsorships_page_ts: true,
};
}
// export const prerender = true
// export const prerender = false;
// export const trailingSlash = 'always'; // 'never' | 'always' | 'ignore'

2
src/routes/sponsorships/10_edit_modal__sponsorship_obj.svelte
View File

@@ -55,7 +55,7 @@ onMount(() => {
api_cfg: $ae_api,
data_store_code: ds_code,
data_type: ds_type,
log_lvl: 2
log_lvl: 1
})
.then( function (ds_results) {
console.log(`ae_ Data Store ${ds_code} = `, ds_results);

83
src/routes/sponsorships/[slug]/+layout.ts
View File

@@ -7,46 +7,6 @@ import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
import type { key_val } from '$lib/ae_stores';
async function handle_get_data_store_obj_w_code({ code=null, data_type='text' }) {
console.log(`*** handle_get_data_store_obj_w_code() *** code=${code}`);
if (!code) {
console.log('No code provided.');
return;
}
let data_store_obj_get_promise = api.get_data_store_obj_w_code({
api_cfg: get(ae_api),
data_store_code: code,
data_type: data_type,
log_lvl: 0
})
.then(function (get_data_store_result) {
let return_this = null;
if (get_data_store_result) {
if (data_type == 'text') {
// console.log(get_data_store_result.text);
return_this = get_data_store_result.text;
} else if (data_type == 'json') {
// console.log(get_data_store_result.json);
return_this = get_data_store_result.json;
}
} else {
console.log('No results returned.');
return_this = null;
}
return return_this;
})
.catch(function (error) {
console.log('No results returned or failed.', error);
});
return data_store_obj_get_promise;
}
export async function load({ params, url }) { // route
// console.log(`Svelte Sponsorships layout.ts data = params:`, params);
// console.log(`Svelte Sponsorships layout.ts data = route:`, route);
@@ -132,3 +92,46 @@ export async function load({ params, url }) { // route
return data_struct;
}
// async function handle_get_data_store_obj_w_code({ code=null, data_type='text' }) {
// console.log(`*** handle_get_data_store_obj_w_code() *** code=${code}`);
// if (!code) {
// console.log('No code provided.');
// return;
// }
// let data_store_obj_get_promise = api.get_data_store_obj_w_code({
// api_cfg: get(ae_api),
// data_store_code: code,
// data_type: data_type,
// log_lvl: 0
// })
// .then(function (get_data_store_result) {
// let return_this = null;
// if (get_data_store_result) {
// if (data_type == 'text') {
// // console.log(get_data_store_result.text);
// return_this = get_data_store_result.text;
// } else if (data_type == 'json') {
// // console.log(get_data_store_result.json);
// return_this = get_data_store_result.json;
// }
// } else {
// console.log('No results returned.');
// return_this = null;
// }
// return return_this;
// })
// .catch(function (error) {
// console.log('No results returned or failed.', error);
// });
// return data_store_obj_get_promise;
// }

171
src/routes/sponsorships/[slug]/+page.svelte
View File

@@ -1,11 +1,11 @@
<script lang="ts">
import { onMount } from 'svelte';
export let data;
console.log(`Svelte Sponsorships [slug] page data:`, data);
console.log(`ae_ Svelte Sponsorships [slug] +page data:`, data);
import { onMount } from 'svelte';
// https://github.com/skeletonlabs/skeleton/blob/master/packages/skeleton/src/lib/utilities/Modal/types.ts
// To retrieve the store, getModalStore must be invoked at the top level of your component!
import { getDrawerStore, getModalStore } from '@skeletonlabs/skeleton';
import type {
@@ -17,13 +17,12 @@ import type {
const modalStore = getModalStore();
import { api } from '$lib/api';
import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
import { ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
import { ae_util } from '$lib/ae_utils';
import type { key_val } from '$lib/ae_stores';
import Edit_modal_sponsorship_obj from '../10_edit_modal__sponsorship_obj.svelte';
type key_val = {
[key: string]: any;
};
// Editing
const modalComponentEditSponsorshipObj: ModalComponent = { ref: Edit_modal_sponsorship_obj, props: {container_class_li: 'w-full p-4 space-y-4 card'} };
@@ -37,6 +36,8 @@ const modal_edit__sponsorship_obj: ModalSettings = {
response: (r: boolean | undefined) => handle_modal_close(r)
};
// This should be merged with the ae_util.handle_url_and_message() function.
function handle_modal_close(response: boolean | undefined) {
console.log('Modal closed. Response:', response);
@@ -59,9 +60,14 @@ if ($slct_trigger == 'msg_parent' && $slct.sponsorship_cfg_id) {
// console.log('Message sent to parent (iframe):', message);
}
$ae_loc.hostname = data.url.hostname;
$ae_loc.site_domain = data.url.origin;
// We don't want the edit or view to show up by default. Maybe if we see an object ID param in the URL, we can show a modal.
$ae_loc.mod.sponsorships.show_edit__sponsorship_obj = false;
$ae_loc.mod.sponsorships.show_view__sponsorship_obj = false;
onMount(() => {
console.log('Sponsorships [New/Edit]: +page.svelte');
@@ -69,10 +75,22 @@ onMount(() => {
// console.log(`$ae_loc = `, $ae_loc);
let url = window.location.href;
console.log(url);
// console.log(url);
$ae_loc.href_url = url;
console.log(`$ae_loc.href_url = `, $ae_loc.href_url);
// console.log(`$ae_loc.href_url = `, $ae_loc.href_url);
$slct_trigger = null;
ae_util.handle_url_and_message('sponsorship_id', $slct.sponsorship_id);
if ($slct.sponsorship_id) {
console.log(`Got an ID. Let's show the modal!`);
// handle_url_and_message('sponsorship_id', $slct.sponsorship_id);
modalStore.trigger(modal_edit__sponsorship_obj);
} else {
// handle_url_and_message('sponsorship_id', null);
}
});
// console.log(`$ae_loc = `, $ae_loc);
// $ae_loc.href_url = url;
@@ -83,6 +101,7 @@ onMount(() => {
$slct.sponsorship_cfg_id = data.url.searchParams.get('sponsorship_cfg_id');
$slct_trigger = 'load__sponsorship_cfg_obj';
$: if ($slct_trigger == 'load__sponsorship_cfg_obj' && $slct.sponsorship_cfg_id) {
console.log('Selected Sponsorship Cfg ID:', $slct.sponsorship_cfg_id);
@@ -138,7 +157,13 @@ async function handle_load_ae_obj_id__sponsorship_cfg({sponsorship_cfg_id, try_c
// Load the Sponsorship Obj with ID based on the URL param.
// $slct.sponsorship_id = data.url.searchParams.get('ae_id');
$slct.sponsorship_id = data.url.searchParams.get('sponsorship_id');
$slct_trigger = 'load__sponsorship_obj';
if ($slct.sponsorship_id) {
console.log('Selected Sponsorship ID:', $slct.sponsorship_id);
$slct_trigger = 'load__sponsorship_obj';
// $ae_loc.mod.sponsorships.show_edit__sponsorship_obj = true;
// $slct_trigger = 'show_edit__sponsorship_obj';
}
$: if ($slct_trigger == 'load__sponsorship_obj' && $slct.sponsorship_id) {
@@ -148,7 +173,8 @@ $: if ($slct_trigger == 'load__sponsorship_obj' && $slct.sponsorship_id) {
handle_load_ae_obj_id__sponsorship({sponsorship_id: $slct.sponsorship_id, try_cache: false});
modalStore.trigger(modal_edit__sponsorship_obj);
// modalStore.trigger(modal_edit__sponsorship_obj);
// $slct_trigger = 'show_edit__sponsorship_obj';
}
let ae_sponsorship_obj_get_promise;
@@ -192,42 +218,123 @@ async function handle_load_ae_obj_id__sponsorship({sponsorship_id, try_cache=fal
return ae_sponsorship_obj_get_promise;
}
let testing = false;
// $: if ($slct_trigger == 'show_edit__sponsorship_obj' && $ae_loc.mod.sponsorships.show_edit__sponsorship_obj) {
$: if (testing) {
// && $ae_loc.mod.sponsorships.show_edit__sponsorship_obj
// $: if ($slct_trigger == 'show_edit__sponsorship_obj') {
console.log('Show Modal Edit');
$slct_trigger = null;
testing = false;
// $ae_trig.m_sponsorships__show_modal_edit = false;
// if ($slct.sponsorship_id) {
// let location = window.location.href;
// const url = new URL(location);
// url.searchParams.set('sponsorship_id', $slct.sponsorship_id);
// history.pushState({}, '', url);
// let message = {'sponsorship_id': $slct.sponsorship_id};
// window.parent.postMessage(message, "*");
// // console.log('Message sent to parent (iframe):', message);
// }
// modalStore.clear();
modalStore.trigger(modal_edit__sponsorship_obj);
}
// KEEP and MOVE: This is the original function.
// The name should be something like "example_id".
function handle_url_and_message(name: string, value: null|string) {
console.log(`*** handle_url_and_message() *** name=${name} value=${value}`);
if (value) {
let location = window.location.href;
const url = new URL(location);
url.searchParams.set(name, value);
history.pushState({}, '', url);
let message = {name: value};
window.parent.postMessage(message, "*");
} else {
let location = window.location.href;
const url = new URL(location);
url.searchParams.delete(name);
history.pushState({}, '', url);
let message = {name: null};
window.parent.postMessage(message, "*");
}
// console.log('Message sent to parent (iframe):', message);
}
</script>
<section
class="container h-full mx-auto"
class="container h-full mx-auto flex flex-col items-center space-y-4"
>
{#if $ae_loc.ds.hub__page__sponsorships__create_info_header}
{@html $ae_loc.ds.hub__page__sponsorships__create_info_header}
{:else}
<header>
<h1 class="h1">Information Goes Here</h1>
</header>
{/if}
<!-- <section class="btn btn-group"> -->
{#if $slct.sponsorship_id}
<button
class="btn variant-ghost-primary w-96"
on:click={() => {
ae_util.handle_url_and_message('sponsorship_id', $slct.sponsorship_id);
modalStore.trigger(modal_edit__sponsorship_obj);
// $ae_loc.mod.sponsorships.show_edit__sponsorship_obj = true;
// $slct_trigger = 'load__sponsorship_obj';
// $slct_trigger = 'show_edit__sponsorship_obj';
// modalStore.trigger(modal_edit__sponsorship_obj);
// $ae_trig.m_sponsorships__show_modal_edit = true;
}}
>
<span class="fas fa-edit mx-1"></span>
Edit Sponsorship {$slct.sponsorship_id}
</button>
{:else}
<button
class="btn variant-ghost-primary w-96"
on:click={() => {
ae_util.handle_url_and_message('sponsorship_id', null);
modalStore.trigger(modal_edit__sponsorship_obj);
// $slct_trigger = 'load__sponsorship_obj';
$slct_trigger = 'show_edit__sponsorship_obj';
$ae_loc.mod.sponsorships.show_edit__sponsorship_obj = true;
// modalStore.trigger(modal_edit__sponsorship_obj);
}}
>
<span class="fas fa-edit mx-1"></span>
Start Sponsor Submission Form
</button>
{/if}
<!-- </section> -->
{#if $ae_loc.ds.hub__page__sponsorships__create_info}
{@html $ae_loc.ds.hub__page__sponsorships__create_info}
{:else}
<header>
<h1 class="h1">Information Goes Here</h1>
</header>
<section>
<div class="alert alert-info">
More information goes here.
</div>
</section>
{/if}
<!-- <section class="btn btn-group"> -->
<button
class="btn variant-ghost-primary"
on:click={() => {
// $ae_loc.mod.sponsorships.show_edit__sponsorship_obj = true;
modalStore.trigger(modal_edit__sponsorship_obj);
}}
>
<span class="fas fa-edit mx-1"></span>
Start Sponsor Submission Form
</button>
<!-- </section> -->
</section>