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

Style clean up. A lot! Almost ready for CHOW going live.

Browse Source
This commit is contained in:
Scott Idem
2024-03-01 16:17:02 -05:00
parent b21f9c0437
commit f4ed04497e
12 changed files with 730 additions and 246 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app.html
View File

@@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" class=""> <html lang="en" class="light">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" /> <link rel="icon" href="%sveltekit.assets%/favicon.png" />

4
src/lib/ae_stores.ts
View File

@@ -56,7 +56,9 @@ export let ae_app_local_data_struct: key_val = {
'ds': {}, 'ds': {},
'hub': { 'hub': {
'show_cfg': false, 'show_element__cfg': true,
'show_element__cfg_detail': false,
'show_element__access_type': true,
'theme_mode': 'dark', 'theme_mode': 'dark',
'theme_name': 'wintry', 'theme_name': 'wintry',
}, },

4
src/lib/element_app_cfg.svelte
View File

@@ -94,7 +94,7 @@ function dispatch_something_changed() {
<div <div
class="ae_cfg_content" class="ae_cfg_content"
class:hidden={!$ae_loc.hub.show_cfg} class:hidden={!$ae_loc.hub.show_element__cfg_detail}
> >
<div> <div>
@@ -185,7 +185,7 @@ function dispatch_something_changed() {
<button <button
class="btn btn-sm ae_cfg_btn hover:transition-all" class="btn btn-sm ae_cfg_btn hover:transition-all"
on:click={() => { on:click={() => {
$ae_loc.hub.show_cfg = !$ae_loc.hub.show_cfg; $ae_loc.hub.show_element__cfg_detail = !$ae_loc.hub.show_element__cfg_detail;
}} }}
> >
<span class="fas fa-cog mx-1"></span> <span class="fas fa-cog mx-1"></span>

11
src/routes/+layout.svelte
View File

@@ -67,6 +67,12 @@ onMount(() => {
document.getElementsByTagName('html')[0].classList.add('iframe'); document.getElementsByTagName('html')[0].classList.add('iframe');
document.getElementsByTagName('html')[0].classList.remove('dark'); document.getElementsByTagName('html')[0].classList.remove('dark');
document.getElementsByTagName('html')[0].classList.remove('light'); document.getElementsByTagName('html')[0].classList.remove('light');
$ae_loc.hub.show_element__access_type = false;
$ae_loc.hub.show_element__cfg = false;
} else {
$ae_loc.hub.show_element__access_type = true;
$ae_loc.hub.show_element__cfg = true;
} }
}); });
@@ -325,9 +331,14 @@ $: if ($slct_trigger == 'set_access_code_li' && !$ae_loc.ds['hub__page__access_c
</AppShell> </AppShell>
{#if $ae_loc.hub.show_element__access_type}
<Element_access_type /> <Element_access_type />
{/if}
{#if $ae_loc.hub.show_element__cfg}
<Element_app_cfg set_theme_mode={true} set_theme_name={true} /> <Element_app_cfg set_theme_mode={true} set_theme_name={true} />
{/if}
<style lang="postcss"> <style lang="postcss">

4
src/routes/events_speakers/+page.svelte
View File

@@ -27,7 +27,7 @@ import View_modal_event_presenter_obj from './10_view_modal__event_presenter_obj
// Editing // Editing
const modalComponentEditEventPresenterObj: ModalComponent = { ref: Edit_modal_event_presenter_obj, props: {container_class_li: 'w-full p-4 space-y-4 card'} }; const modalComponentEditEventPresenterObj: ModalComponent = { ref: Edit_modal_event_presenter_obj, props: {container_class_li: 'w-full p-4 space-y-4 card ae_modal_scrollfix'} };
const modal_edit__event_presenter_obj: ModalSettings = { const modal_edit__event_presenter_obj: ModalSettings = {
type: 'component', type: 'component',
@@ -39,7 +39,7 @@ const modal_edit__event_presenter_obj: ModalSettings = {
}; };
// Viewing // Viewing
const modalComponentViewEventPresenterObj: ModalComponent = { ref: View_modal_event_presenter_obj, props: {container_class_li: 'w-full p-4 space-y-4 card'} }; const modalComponentViewEventPresenterObj: ModalComponent = { ref: View_modal_event_presenter_obj, props: {container_class_li: 'w-full p-4 space-y-4 card ae_modal_scrollfix'} };
const modal_view__event_presenter_obj: ModalSettings = { const modal_view__event_presenter_obj: ModalSettings = {
type: 'component', type: 'component',

2
src/routes/events_speakers/10_edit_modal__event_presenter_obj.svelte
View File

@@ -47,7 +47,7 @@ onMount(() => {
} }
}); });
const cForm = 'border border-surface-500 p-4 space-y-4 rounded-container-token'; const cForm = 'border border-surface-200 p-4 space-y-4 rounded-container-token';
let ae_promises: key_val = {}; // Promise<any>; let ae_promises: key_val = {}; // Promise<any>;

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

@@ -28,24 +28,24 @@ import View_modal_sponsorship_obj from './10_view_modal__sponsorship_obj.svelte'
// Editing // Editing
const modalComponentEditSponsorshipObj: ModalComponent = { ref: Edit_modal_sponsorship_obj, props: {container_class_li: 'w-full p-4 space-y-4 card'} }; const modalComponentEditSponsorshipObj: ModalComponent = { ref: Edit_modal_sponsorship_obj, props: {container_class_li: 'w-full p-4 space-y-4 card ae_modal_scrollfix'} };
const modal_edit__sponsorship_obj: ModalSettings = { const modal_edit__sponsorship_obj: ModalSettings = {
type: 'component', type: 'component',
component: modalComponentEditSponsorshipObj, component: modalComponentEditSponsorshipObj,
title: 'Edit Sponsorship', title: 'Sponsor Submission Form', // Edit Sponsorship
position: '', // default is "items-center" position: '', // default is "items-center"
response: (r: boolean | undefined) => handle_modal_close(r) response: (r: boolean | undefined) => handle_modal_close(r)
}; };
// Viewing // Viewing
const modalComponentViewSponsorshipObj: ModalComponent = { ref: View_modal_sponsorship_obj, props: {container_class_li: 'w-full p-4 space-y-4 card'} }; const modalComponentViewSponsorshipObj: ModalComponent = { ref: View_modal_sponsorship_obj, props: {container_class_li: 'w-full p-4 space-y-4 card ae_modal_scrollfix'} };
const modal_view__sponsorship_obj: ModalSettings = { const modal_view__sponsorship_obj: ModalSettings = {
type: 'component', type: 'component',
component: modalComponentViewSponsorshipObj, component: modalComponentViewSponsorshipObj,
title: 'Viewing Sponsorship', title: 'Sponsorship Submission', // Viewing Sponsorship
position: '', // default is "items-center" position: '', // default is "items-center"
// Provide arbitrary classes to the backdrop and modal elements: // Provide arbitrary classes to the backdrop and modal elements:
@@ -286,14 +286,15 @@ async function handle_load_ae_obj_id__sponsorship_cfg({sponsorship_cfg_id, try_c
console.log('No results returned or failed.', error); console.log('No results returned or failed.', error);
}) })
.finally(function () { .finally(function () {
// For CHOW 2024 only
$ae_loc.mod.sponsorships.level_guest_max_li = { $ae_loc.mod.sponsorships.level_guest_max_li = {
0: 0, 0: 0,
1: 4, 1: 4, // Friend
2: 8, 2: 8,
3: 8, 3: 8, // Champion
4: 8, 4: 8, // Advocate
5: 16, // This is a guess for CHOW 2024!!! 5: 8, // Presenting Partner
6: 16, // This is a guess for CHOW 2024!!! 6: 16, // Signature Partner
}; };
// $ae_loc.mod.sponsorships.level_guest_max_li = { // $ae_loc.mod.sponsorships.level_guest_max_li = {
// '0': 0, // '0': 0,
@@ -425,7 +426,10 @@ async function handle_load_ae_obj_id__sponsorship({sponsorship_id, try_cache=fal
<section class="container h-full mx-auto items-center"> <section class="container h-full mx-auto items-center">
<div class="space-y-10 flex flex-col"> <div class="space-y-10 flex flex-col">
<h1 class="h1 text-center">&AElig; - Sponsorships</h1> <h1 class="h1 text-center">
<!-- &AElig; - Sponsorships -->
Sponsor Hub
</h1>
<section> <section>
<button <button
class="btn variant-ghost-primary" class="btn variant-ghost-primary"
@@ -440,7 +444,7 @@ async function handle_load_ae_obj_id__sponsorship({sponsorship_id, try_cache=fal
}} }}
> >
<span class="fas fa-edit mx-1"></span> <span class="fas fa-edit mx-1"></span>
Start Sponsorship Start Sponsor Submission Form
</button> </button>
<!-- <button <!-- <button

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

File diff suppressed because it is too large Load Diff

12
src/routes/sponsorships/10_list__sponsorship_obj.svelte
View File

@@ -26,7 +26,7 @@ onMount(() => {
<th>Options</th> <th>Options</th>
<th>Name</th> <!-- This is the name of the organization or person --> <th>Name</th> <!-- This is the name of the organization or person -->
<th>Level</th> <th>Level</th>
<th>Paid</th> {#if $ae_loc.administrator_access}<th>Paid</th>{/if}
<th>Guests</th> <th>Guests</th>
<th> <th>
<!-- Show what POC (Point of Contact) stands for when hovering --> <!-- Show what POC (Point of Contact) stands for when hovering -->
@@ -99,7 +99,8 @@ onMount(() => {
{#if ae_sponsorship_obj.level_str}{ae_sponsorship_obj.level_str}{/if} {#if ae_sponsorship_obj.level_str}{ae_sponsorship_obj.level_str}{/if}
</td> </td>
<td> {#if $ae_loc.administrator_access}
<td class="text-center">
{#if ae_sponsorship_obj.paid} {#if ae_sponsorship_obj.paid}
<!-- Show checkmark --> <!-- Show checkmark -->
<span class="fas fa-check" <span class="fas fa-check"
@@ -109,12 +110,13 @@ onMount(() => {
<span class="fas fa-times" <span class="fas fa-times"
title="Not Paid"></span> title="Not Paid"></span>
{/if} {/if}
{#if ae_sponsorship_obj.amount} <!-- {#if ae_sponsorship_obj.amount}
<span class="ae_value sponsorships__amount">${ae_sponsorship_obj.amount/100}</span> <span class="ae_value sponsorships__amount">${ae_sponsorship_obj.amount/100}</span>
{/if} {/if} -->
</td> </td>
{/if}
<td> <td class="text-center">
{#if ae_sponsorship_obj.guest_li_json} {#if ae_sponsorship_obj.guest_li_json}
<span class="fas fa-list-ol"></span> {ae_sponsorship_obj.guest_li_json.length} <span class="fas fa-list-ol"></span> {ae_sponsorship_obj.guest_li_json.length}
{:else} {:else}

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

@@ -29,7 +29,7 @@ onMount(() => {
<!-- @component This is the Sponsorships modal view form. --> <!-- @component This is the Sponsorships modal view form. -->
<section class="svelte_component ae_view_modal ae_obj__sponsorship_obj {container_class_li}"> <section class="svelte_component ae_view_modal ae_obj__sponsorship_obj {container_class_li} p-4 space-y-4">
<header class={parent.regionHeader}> <header class={parent.regionHeader}>
{@html $slct.sponsorship_obj.name} {@html $slct.sponsorship_obj.name}

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

@@ -226,7 +226,7 @@ async function handle_load_ae_obj_id__sponsorship({sponsorship_id, try_cache=fal
}} }}
> >
<span class="fas fa-edit mx-1"></span> <span class="fas fa-edit mx-1"></span>
Start/Edit Sponsorship Start Sponsor Submission Form
</button> </button>
<!-- </section> --> <!-- </section> -->

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

@@ -109,7 +109,7 @@ const cBase = 'card p-4 w-modal-wide shadow-xl space-y-4 ae_modal_scrollfix';
// const cBase = 'card p-4 w-modal-wide h-screen shadow-xl space-y-4'; // const cBase = 'card p-4 w-modal-wide h-screen shadow-xl space-y-4';
const cHeader = 'text-2xl font-bold'; const cHeader = 'text-2xl font-bold';
const cForm = 'border border-surface-500 p-4 space-y-4 rounded-container-token'; const cForm = 'border border-surface-200 p-4 space-y-4 rounded-container-token';
</script> </script>
<!-- @component This is the Sponsorships modal edit form. --> <!-- @component This is the Sponsorships modal edit form. -->