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>
<html lang="en" class="">
<html lang="en" class="light">
<head>
<meta charset="utf-8" />
<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': {},
'hub': {
'show_cfg': false,
'show_element__cfg': true,
'show_element__cfg_detail': false,
'show_element__access_type': true,
'theme_mode': 'dark',
'theme_name': 'wintry',
},

4
src/lib/element_app_cfg.svelte
View File

@@ -94,7 +94,7 @@ function dispatch_something_changed() {
<div
class="ae_cfg_content"
class:hidden={!$ae_loc.hub.show_cfg}
class:hidden={!$ae_loc.hub.show_element__cfg_detail}
>
<div>
@@ -185,7 +185,7 @@ function dispatch_something_changed() {
<button
class="btn btn-sm ae_cfg_btn hover:transition-all"
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>

11
src/routes/+layout.svelte
View File

@@ -67,6 +67,12 @@ onMount(() => {
document.getElementsByTagName('html')[0].classList.add('iframe');
document.getElementsByTagName('html')[0].classList.remove('dark');
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>
{#if $ae_loc.hub.show_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} />
{/if}
<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
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 = {
type: 'component',
@@ -39,7 +39,7 @@ const modal_edit__event_presenter_obj: ModalSettings = {
};
// 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 = {
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>;

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
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 = {
type: 'component',
component: modalComponentEditSponsorshipObj,
title: 'Edit Sponsorship',
title: 'Sponsor Submission Form', // Edit Sponsorship
position: '', // default is "items-center"
response: (r: boolean | undefined) => handle_modal_close(r)
};
// 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 = {
type: 'component',
component: modalComponentViewSponsorshipObj,
title: 'Viewing Sponsorship',
title: 'Sponsorship Submission', // Viewing Sponsorship
position: '', // default is "items-center"
// 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);
})
.finally(function () {
// For CHOW 2024 only
$ae_loc.mod.sponsorships.level_guest_max_li = {
0: 0,
1: 4,
1: 4, // Friend
2: 8,
3: 8,
4: 8,
5: 16, // This is a guess for CHOW 2024!!!
6: 16, // This is a guess for CHOW 2024!!!
3: 8, // Champion
4: 8, // Advocate
5: 8, // Presenting Partner
6: 16, // Signature Partner
};
// $ae_loc.mod.sponsorships.level_guest_max_li = {
// '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">
<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>
<button
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>
Start Sponsorship
Start Sponsor Submission Form
</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>Name</th> <!-- This is the name of the organization or person -->
<th>Level</th>
<th>Paid</th>
{#if $ae_loc.administrator_access}<th>Paid</th>{/if}
<th>Guests</th>
<th>
<!-- 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}
</td>
<td>
{#if $ae_loc.administrator_access}
<td class="text-center">
{#if ae_sponsorship_obj.paid}
<!-- Show checkmark -->
<span class="fas fa-check"
@@ -109,12 +110,13 @@ onMount(() => {
<span class="fas fa-times"
title="Not Paid"></span>
{/if}
{#if ae_sponsorship_obj.amount}
<!-- {#if ae_sponsorship_obj.amount}
<span class="ae_value sponsorships__amount">${ae_sponsorship_obj.amount/100}</span>
{/if}
{/if} -->
</td>
{/if}
<td>
<td class="text-center">
{#if ae_sponsorship_obj.guest_li_json}
<span class="fas fa-list-ol"></span> {ae_sponsorship_obj.guest_li_json.length}
{: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. -->
<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}>
{@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>
Start/Edit Sponsorship
Start Sponsor Submission Form
</button>
<!-- </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 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>
<!-- @component This is the Sponsorships modal edit form. -->