Last minute removing of older components that need to be updated later. No more Tab with Skeleton?

This commit is contained in:
Scott Idem
2025-06-20 18:15:51 -04:00
parent 4e63c8418e
commit 574eb8c635
3 changed files with 36 additions and 36 deletions

View File

@@ -6,7 +6,8 @@ export let data: any;
import { onMount } from 'svelte'; import { onMount } from 'svelte';
import { goto, invalidate, pushState, replaceState } from '$app/navigation'; import { goto, invalidate, pushState, replaceState } from '$app/navigation';
import { Tab, Tabs } from '@skeletonlabs/skeleton-svelte'; // import { Tab, Tabs } from '@skeletonlabs/skeleton-svelte';
import { Tabs } from '@skeletonlabs/skeleton-svelte';
import type { key_val } from '$lib/ae_stores'; import type { key_val } from '$lib/ae_stores';
import { ae_util } from '$lib/ae_utils/ae_utils'; import { ae_util } from '$lib/ae_utils/ae_utils';
@@ -502,7 +503,7 @@ function send_init_confirm_email({index, lic_key, lic_pass}) {
class="bg-surface-100-900 w-full" class="bg-surface-100-900 w-full"
> >
{#if $events_loc.leads.show_option__paid_tab ?? true} {#if $events_loc.leads.show_option__paid_tab ?? true}
<Tab <!-- <Tab
bind:group={$events_loc.leads.tab[$events_slct.exhibit_id]} bind:group={$events_loc.leads.tab[$events_slct.exhibit_id]}
name="tab_payment" name="tab_payment"
value={'payment'} value={'payment'}
@@ -521,22 +522,21 @@ function send_init_confirm_email({index, lic_key, lic_pass}) {
<span class="text-xs">License <span class="text-xs">License
Payment</span> Payment</span>
{/if} {/if}
</Tab> </Tab> -->
{/if} {/if}
<Tab <!-- <Tab
bind:group={$events_loc.leads.tab[$events_slct.exhibit_id]} bind:group={$events_loc.leads.tab[$events_slct.exhibit_id]}
name="tab_start" name="tab_start"
value={'start'}> value={'start'}>
<svelte:fragment slot="lead"> <svelte:fragment slot="lead">
<span class="fas fa-home"></span> <span class="fas fa-home"></span>
</svelte:fragment> </svelte:fragment>
<!-- Start -->
Main Main
</Tab> </Tab> -->
<!-- Add/Scan - For adding attendee leads by manually adding their ID or scanning their QR code. --> <!-- Add/Scan - For adding attendee leads by manually adding their ID or scanning their QR code. -->
<Tab <!-- <Tab
bind:group={$events_loc.leads.tab[$events_slct.exhibit_id]} bind:group={$events_loc.leads.tab[$events_slct.exhibit_id]}
name="tab_add_scan" name="tab_add_scan"
value={'add_scan'} value={'add_scan'}
@@ -547,10 +547,10 @@ function send_init_confirm_email({index, lic_key, lic_pass}) {
<span class="fas fa-qrcode"></span> <span class="fas fa-qrcode"></span>
</svelte:fragment> </svelte:fragment>
Add/Scan Add/Scan
</Tab> </Tab> -->
<!-- Leads - For viewing and managing the leads that have been collected. --> <!-- Leads - For viewing and managing the leads that have been collected. -->
<Tab <!-- <Tab
bind:group={$events_loc.leads.tab[$events_slct.exhibit_id]} bind:group={$events_loc.leads.tab[$events_slct.exhibit_id]}
name="tab_leads" name="tab_leads"
value={'leads'} value={'leads'}
@@ -561,10 +561,10 @@ function send_init_confirm_email({index, lic_key, lic_pass}) {
<span class="fas fa-users"></span> <span class="fas fa-users"></span>
</svelte:fragment> </svelte:fragment>
Leads Leads
</Tab> </Tab> -->
<!-- Manage - For changing the settings, exporting, and other. --> <!-- Manage - For changing the settings, exporting, and other. -->
<Tab <!-- <Tab
bind:group={$events_loc.leads.tab[$events_slct.exhibit_id]} bind:group={$events_loc.leads.tab[$events_slct.exhibit_id]}
name="tab_manage" name="tab_manage"
value={'manage'} value={'manage'}
@@ -583,9 +583,8 @@ function send_init_confirm_email({index, lic_key, lic_pass}) {
<svelte:fragment slot="lead"> <svelte:fragment slot="lead">
<span class="fas fa-cogs"></span> <span class="fas fa-cogs"></span>
</svelte:fragment> </svelte:fragment>
<!-- Manage -->
Conf Conf
</Tab> </Tab> -->
</Tabs> </Tabs>

View File

@@ -6,7 +6,8 @@ import { fade } from 'svelte/transition';
// This works and uses local storage: // This works and uses local storage:
// store_current_tab must be prefixed with $ to be reactive. // store_current_tab must be prefixed with $ to be reactive.
import { Tab, FileUpload, Tabs } from '@skeletonlabs/skeleton-svelte'; // import { Tab, FileUpload, Tabs } from '@skeletonlabs/skeleton-svelte';
import { FileUpload, Tabs } from '@skeletonlabs/skeleton-svelte';
import type { Writable } from 'svelte/store'; import type { Writable } from 'svelte/store';
@@ -700,7 +701,7 @@ async function handle_delete_event_presenter_obj({event_presenter_id, hosted_fil
border="" border=""
class="bg-surface-100-900 w-full" class="bg-surface-100-900 w-full"
> >
<Tab bind:group={$store_current_tab} name="tab_start" value={'start'}> <!-- <Tab bind:group={$store_current_tab} name="tab_start" value={'start'}>
<svelte:fragment slot="lead"> <svelte:fragment slot="lead">
{#if $slct.event_presenter_obj.event_presenter_id_random} {#if $slct.event_presenter_obj.event_presenter_id_random}
<span class="fas fa-check text-green-500"></span> <span class="fas fa-check text-green-500"></span>
@@ -708,8 +709,8 @@ async function handle_delete_event_presenter_obj({event_presenter_id, hosted_fil
<span class="fas fa-home"></span> <span class="fas fa-home"></span>
</svelte:fragment> </svelte:fragment>
<span>Start</span> <span>Start</span>
</Tab> </Tab> -->
<Tab <!-- <Tab
bind:group={$store_current_tab} bind:group={$store_current_tab}
name="tab_biograhpy" name="tab_biograhpy"
value={'biograhpy'} value={'biograhpy'}
@@ -723,8 +724,8 @@ async function handle_delete_event_presenter_obj({event_presenter_id, hosted_fil
<span class="fas fa-users"></span> <span class="fas fa-users"></span>
</svelte:fragment> </svelte:fragment>
Biography Biography
</Tab> </Tab> -->
<Tab <!-- <Tab
bind:group={$store_current_tab} bind:group={$store_current_tab}
name="tab_files" name="tab_files"
value={'files'} value={'files'}
@@ -738,7 +739,7 @@ async function handle_delete_event_presenter_obj({event_presenter_id, hosted_fil
<span class="fas fa-file-upload"></span> <span class="fas fa-file-upload"></span>
</svelte:fragment> </svelte:fragment>
Headshot Headshot
</Tab> </Tab> -->
<!-- <Tab <!-- <Tab
bind:group={$store_current_tab} bind:group={$store_current_tab}
name="tab_social" name="tab_social"
@@ -754,7 +755,7 @@ async function handle_delete_event_presenter_obj({event_presenter_id, hosted_fil
</svelte:fragment> </svelte:fragment>
Social Media Social Media
</Tab> --> </Tab> -->
<Tab <!-- <Tab
bind:group={$store_current_tab} bind:group={$store_current_tab}
name="tab_summary" name="tab_summary"
value={'summary'} value={'summary'}
@@ -765,7 +766,7 @@ async function handle_delete_event_presenter_obj({event_presenter_id, hosted_fil
<span class="fas fa-info"></span> <span class="fas fa-info"></span>
</svelte:fragment> </svelte:fragment>
Summary Summary
</Tab> </Tab> -->
<!-- Tab Panels ---> <!-- Tab Panels --->
<svelte:fragment slot="panel"> <svelte:fragment slot="panel">

View File

@@ -6,7 +6,8 @@ import { fade } from 'svelte/transition';
// This works and uses local storage: // This works and uses local storage:
// store_current_tab must be prefixed with $ to be reactive. // store_current_tab must be prefixed with $ to be reactive.
import { Tab, FileUpload, ProgressRing, Segment, Tabs } from '@skeletonlabs/skeleton-svelte'; // import { Tab, FileUpload, ProgressRing, Segment, Tabs } from '@skeletonlabs/skeleton-svelte';
import { FileUpload, Tabs } from '@skeletonlabs/skeleton-svelte';
import type { Writable } from 'svelte/store'; import type { Writable } from 'svelte/store';
@@ -1024,18 +1025,17 @@ async function handle_delete_sponsorship_obj({sponsorship_id, hosted_file_id=nul
border="" border=""
class="bg-surface-100-900 w-full" class="bg-surface-100-900 w-full"
> >
<Tab bind:group={$store_current_tab} name="tab_start" value={'start'}> <!-- <Tab bind:group={$store_current_tab} name="tab_start" value={'start'}>
<svelte:fragment slot="lead"> <svelte:fragment slot="lead">
{#if $slct.sponsorship_obj.sponsorship_id_random} {#if $slct.sponsorship_obj.sponsorship_id_random}
<span class="fas fa-check text-green-500"></span> <span class="fas fa-check text-green-500"></span>
{/if} {/if}
<span class="fas fa-home"></span> <span class="fas fa-home"></span>
</svelte:fragment> </svelte:fragment>
<!-- Start -->
General Info General Info
</Tab> </Tab> -->
<!-- Marketing - For social media and email Level 1 and above with other restrictions --> <!-- Marketing - For social media and email Level 1 and above with other restrictions -->
<Tab <!-- <Tab
bind:group={$store_current_tab} bind:group={$store_current_tab}
name="tab_marketing" value={'marketing'} name="tab_marketing" value={'marketing'}
disabled={!$slct.sponsorship_id || $slct.sponsorship_obj.level_num < 1} disabled={!$slct.sponsorship_id || $slct.sponsorship_obj.level_num < 1}
@@ -1048,10 +1048,10 @@ async function handle_delete_sponsorship_obj({sponsorship_id, hosted_file_id=nul
<span class="fas fa-bullhorn"></span> <span class="fas fa-bullhorn"></span>
</svelte:fragment> </svelte:fragment>
Marketing Marketing
</Tab> </Tab> -->
<!-- Exhibit - Level 2 and above --> <!-- Exhibit - Level 2 and above -->
{#if $slct.sponsorship_obj.level_num >= 2} {#if $slct.sponsorship_obj.level_num >= 2}
<Tab <!-- <Tab
bind:group={$store_current_tab} bind:group={$store_current_tab}
name="tab_exhibit" name="tab_exhibit"
value={'exhibit'} value={'exhibit'}
@@ -1065,11 +1065,11 @@ async function handle_delete_sponsorship_obj({sponsorship_id, hosted_file_id=nul
<span class="fas fa-store"></span> <span class="fas fa-store"></span>
</svelte:fragment> </svelte:fragment>
Exhibitor Info Exhibitor Info
</Tab> </Tab> -->
{/if} {/if}
{#if $slct.sponsorship_obj.level_num >= 3} {#if $slct.sponsorship_obj.level_num >= 3}
<Tab <!-- <Tab
bind:group={$store_current_tab} bind:group={$store_current_tab}
name="tab_session" name="tab_session"
value={'sessions'} value={'sessions'}
@@ -1083,10 +1083,10 @@ async function handle_delete_sponsorship_obj({sponsorship_id, hosted_file_id=nul
<span class="fas fa-chalkboard-teacher"></span> <span class="fas fa-chalkboard-teacher"></span>
</svelte:fragment> </svelte:fragment>
Session Info Session Info
</Tab> </Tab> -->
{/if} {/if}
<!-- All levels with some restrictions within the section --> <!-- All levels with some restrictions within the section -->
<Tab bind:group={$store_current_tab} name="tab_files" value={'files'} disabled={!$slct.sponsorship_id} <!-- <Tab bind:group={$store_current_tab} name="tab_files" value={'files'} disabled={!$slct.sponsorship_id}
regionTab={!$slct.sponsorship_id ? 'text-slate-400' : ''} regionTab={!$slct.sponsorship_id ? 'text-slate-400' : ''}
> >
<svelte:fragment slot="lead"> <svelte:fragment slot="lead">
@@ -1096,8 +1096,8 @@ async function handle_delete_sponsorship_obj({sponsorship_id, hosted_file_id=nul
<span class="fas fa-file-upload"></span> <span class="fas fa-file-upload"></span>
</svelte:fragment> </svelte:fragment>
File Uploads File Uploads
</Tab> </Tab> -->
<Tab bind:group={$store_current_tab} name="tab_guests" value={'guests'} disabled={!$slct.sponsorship_id} <!-- <Tab bind:group={$store_current_tab} name="tab_guests" value={'guests'} disabled={!$slct.sponsorship_id}
regionTab={!$slct.sponsorship_id ? 'text-slate-400' : ''} regionTab={!$slct.sponsorship_id ? 'text-slate-400' : ''}
> >
<svelte:fragment slot="lead"> <svelte:fragment slot="lead">
@@ -1107,7 +1107,7 @@ async function handle_delete_sponsorship_obj({sponsorship_id, hosted_file_id=nul
<span class="fas fa-users"></span> <span class="fas fa-users"></span>
</svelte:fragment> </svelte:fragment>
Gala Guest List Gala Guest List
</Tab> </Tab> -->
<!-- <Tab bind:group={$store_current_tab} name="tab_options" value={'options'} disabled={!$slct.sponsorship_id}> <!-- <Tab bind:group={$store_current_tab} name="tab_options" value={'options'} disabled={!$slct.sponsorship_id}>
<svelte:fragment slot="lead"><span class="fas fa-info"></span></svelte:fragment> <svelte:fragment slot="lead"><span class="fas fa-info"></span></svelte:fragment>
More More