Apparently not much with badge printing... Cleaned up some code.

src/routes/events_pres_mgmt/ae_comp__event_presentation_obj_li.svelte

@@ -0,0 +1,277 @@
+<script lang="ts">
+// Imports
+import type { key_val } from '$lib/ae_stores';
+import { ae_util } from '$lib/ae_utils';
+// import Element_ae_crud from '$lib/element_ae_crud.svelte';
+import { liveQuery } from "dexie";
+import { core_func } from '$lib/ae_core_functions';
+import { db_events } from "$lib/db_events";
+import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
+import { events_loc, events_sess, events_slct, events_trigger, events_trig_kv } from '$lib/ae_events_stores';
+import { events_func } from '$lib/ae_events_functions';
+
+import Element_ae_crud from '$lib/element_ae_crud.svelte';
+import Comp_event_presenter_obj_li from './ae_comp__event_presenter_obj_li.svelte';
+import Element_manage_event_file_li from '$lib/element_manage_event_file_li_all.svelte';
+
+// Exports
+// export let container_class_li: string|Array<string> = [];
+// export let event_presentation_id_random_li: Array<string>;
+export let lq__event_obj: any;
+export let lq__event_presentation_obj_li: any;
+
+    // Variables
+// let ae_promises: key_val = {};
+// let ae_tmp: key_val = {};
+// let ae_triggers: key_val = {};
+
+
+// Functions and Logic
+import { browser } from '$app/environment';
+
+if (browser) {
+    console.log('Browser environment detected.');
+}
+
+// let lq_kv__event_presentation_obj_li = liveQuery(
+//     () => db_events.presentations
+//     .bulkGet(event_presentation_id_random_li)
+// );
+
+</script>
+
+<div class="float-right space-2 flex flex-row items-center">
+{#if $ae_loc.trusted_access && $ae_loc.edit_mode}
+<button
+    type="button"
+    on:click={() => {
+        console.log('Add Presentation');
+        if (!confirm('Add a new presentation to the session? You will be able to edit the details after the presentation is created.')) {
+            return;
+        }
+
+        let presentation_data = {
+            event_id_random: $events_slct.event_id,
+            event_session_id_random: $events_slct.event_session_id,
+            name: 'TEMP Presentation Name',
+            code: 'new_presentation',
+            enable: true,
+        }
+
+        events_func.create_ae_obj__event_presentation({
+            api_cfg: $ae_api,
+            event_id: $events_slct.event_id,
+            event_session_id: $events_slct.event_session_id,
+            data_kv: presentation_data,
+            log_lvl: 1,
+        })
+    }}
+    class="btn btn-sm variant-soft-warning hover:variant-filled-warning"
+    >
+    <span class="fas fa-plus mx-1"></span>
+    Add Presentation
+</button>
+{/if}
+</div>
+
+<h3 class="h5">Presentations:
+    <span class="font-bold bg-success-100 px-4 border rounded-lg border-success-200"
+        class:hidden={$lq__event_presentation_obj_li?.length <= 1}
+        title="Presentations for session: {$lq__event_presentation_obj_li?.length ?? 'None'}"
+        >
+        <span class="fas fa-chalkboard-teacher mx-1"></span>
+        {($lq__event_presentation_obj_li?.length > 1 ? `${$lq__event_presentation_obj_li?.length}x` : '')}
+    </span>
+</h3>
+
+{#if $lq__event_presentation_obj_li && $lq__event_presentation_obj_li?.length > 0}
+    <ul
+        class="space-y-4 p-4 m-2 bg-gray-100 rounded-md"
+        >
+    {#each $lq__event_presentation_obj_li as event_presentation_obj}
+        <li
+            class="space-y-2 border border-gray-200 p-2 rounded-md"
+            >
+
+        <div class="float-right space-2 flex flex-row items-center">
+        {#if $ae_loc.trusted_access && $ae_loc.edit_mode}
+        <button
+            type="button"
+            on:click={() => {
+                console.log('Add Presenter');
+                if (!confirm('Add a new presenter to the presentation? You will be able to edit their details after the presenter record is created.')) {
+                    return;
+                }
+
+                let presenter_data = {
+                    event_id_random: $events_slct.event_id,
+                    event_session_id_random: $events_slct.event_session_id,
+                    event_presentation_id_random: event_presentation_obj.event_presentation_id_random,
+                    given_name: 'New',
+                    family_name: 'Presenter',
+                    email: 'test+newpres@oneskyit.com',
+                    code: 'new_presenter',
+                    enable: true,
+                }
+
+                events_func.create_ae_obj__event_presenter({
+                    api_cfg: $ae_api,
+                    event_id: $events_slct.event_id,
+                    event_session_id: $events_slct.event_session_id,
+                    event_presentation_id: event_presentation_obj.event_presentation_id_random,
+                    data_kv: presenter_data,
+                    log_lvl: 1,
+                })
+            }}
+            class="btn btn-sm variant-soft-warning hover:variant-filled-warning"
+            >
+            <span class="fas fa-plus mx-1"></span>
+            Add Presenter
+        </button>
+        {/if}
+
+
+        </div>
+
+        <h4 class="h5 rounded-md p-2 bg-gray-200">
+            <Element_ae_crud
+                api_cfg={$ae_api}
+                object_type={'event_presentation'}
+                object_id={event_presentation_obj.event_presentation_id_random}
+                field_name={'name'}
+                field_type={'text'}
+                field_value={event_presentation_obj.name}
+                allow_null={false}
+                hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
+                outline_element={false}
+                show_crud={false}
+                display_inline={true}
+                display_block_edit={true}
+                class_li={''}
+                on:ae_crud_updated={e => {
+                    console.log(`ae_crud_updated:`, e.detail);
+
+                    events_func.load_ae_obj_id__event_presentation({
+                        api_cfg: $ae_api, event_presentation_id: event_presentation_obj.event_presentation_id_random, log_lvl: 1
+                    })
+                    .then(function (load_results) {
+                    })
+                    .then(function (load_results) {
+                        // $events_trigger = 'load__event_presentation_obj_id';
+                        // $events_trig_kv['event_presentation_id'] = event_presentation_obj.event_presentation_id_random;
+                    });
+                }}
+                >
+                <!-- <strong class="text-sm">Name/Title:</strong> -->
+                "{event_presentation_obj.name}"
+            </Element_ae_crud>
+            <!-- "{event_presentation_obj.name}" -->
+            {#if event_presentation_obj.code || event_presentation_obj.abstract_code}
+            <span class="text-sm text-gray-500 bg-yellow-100 p-1 rounded-md border border-yellow-200"
+                title="Presentation code {event_presentation_obj.code} and abstract code {event_presentation_obj.abstract_code}"
+                >
+                <span class="fas fa-barcode"></span>
+                {event_presentation_obj.code ?? ''} {event_presentation_obj.abstract_code ?? ''}
+            </span>
+            {/if}
+        </h4>
+
+        <div>
+        <Element_ae_crud
+            api_cfg={$ae_api}
+            object_type={'event_presentation'}
+            object_id={event_presentation_obj.event_presentation_id_random}
+            field_name={'description'}
+            field_type={'textarea'}
+            field_value={event_presentation_obj.description}
+            allow_null={false}
+            hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
+            outline_element={false}
+            show_crud={false}
+            display_inline={true}
+            display_block_edit={true}
+            textarea_rows={15}
+            class_li={''}
+            on:ae_crud_updated={e => {
+                console.log(`ae_crud_updated:`, e.detail);
+
+                events_func.load_ae_obj_id__event_presentation({api_cfg: $ae_api, event_presentation_id: event_presentation_obj.event_presentation_id_random, log_lvl: 1});
+            }}
+            >
+            <strong class="text-sm">
+                Description:
+            </strong>
+
+            {#if event_presentation_obj.description}
+            <button
+                type="button"
+                on:click={() => {
+                    console.log('Show/Hide Description');
+                    if ($events_loc.pres_mgmt.show_content__presentation_description == event_presentation_obj.event_presentation_id_random) {
+                        $events_loc.pres_mgmt.show_content__presentation_description = null;
+
+                        // Was testing with LiveQuery
+                        $events_slct.event_presentation_id = null;
+                    } else {
+                        $events_loc.pres_mgmt.show_content__presentation_description = event_presentation_obj.event_presentation_id_random;
+
+                        // Was testing with LiveQuery
+                        $events_slct.event_presentation_id = event_presentation_obj.event_presentation_id_random;
+                    }
+                }}
+                class="btn btn-sm variant-soft-surface hover:variant-filled-surface text-xs"
+                >
+                {#if $events_loc.pres_mgmt.show_content__presentation_description == event_presentation_obj.event_presentation_id_random}
+                    <span class="fas fa-eye-slash mx-1"></span>
+                    <span>Hide Description</span>
+                {:else}
+                    <span class="fas fa-eye mx-1"></span>
+                    <span>Show</span>
+                {/if}
+            </button>
+
+            <pre
+                class="whitespace-pre-wrap p-2 bg-gray-100 rounded-md"
+                class:hidden={$events_loc.pres_mgmt.show_content__presentation_description !== event_presentation_obj.event_presentation_id_random}
+                >{event_presentation_obj.description}</pre>
+
+            {:else}
+                {@html ae_snip.html__not_set}
+            {/if}
+        <!-- {:else}
+            <div class="text-sm text-gray-500 bg-gray-100 p-1 rounded-md border border-gray-200"
+                class:hidden={!$ae_loc.administrator_access}
+                >
+                <span class="fas fa-exclamation-triangle mx-1"></span>
+                No description provided.
+            </div>
+        {/if} -->
+        </Element_ae_crud>
+        </div>
+
+        <!-- Show presenters for this presentation -->
+        {#if event_presentation_obj.event_presentation_id_random}
+            <Comp_event_presenter_obj_li
+                lq__event_obj={lq__event_obj}
+                link_to_type={'event_presentation'}
+                link_to_id={event_presentation_obj.event_presentation_id_random}
+                >
+            </Comp_event_presenter_obj_li>
+        {/if}
+
+
+        <!-- Show files for this presentation -->
+        <Element_manage_event_file_li
+            link_to_type={'event_presentation'}
+            link_to_id={event_presentation_obj.event_presentation_id_random}
+            allow_basic={$events_loc.auth__kv.session[$events_slct.event_session_id] || $events_loc.auth__kv.presenter[$events_slct.event_presenter_id]}
+            allow_moderator={$events_loc.auth__kv.session[$events_slct.event_session_id]}
+            container_class_li={''}
+            />
+
+        </li>
+    {/each}
+    </ul>
+{:else}
+    Nothing to show yet...!
+{/if}

src/routes/events_pres_mgmt/ae_comp__event_presenter_obj_li.svelte

@@ -187,6 +187,14 @@ onMount(() => {
                 <span class="text-center grow">
                 {event_presenter_obj.full_name}
                 </span>
+
+                {#if event_presenter_obj?.file_count}
+                     <span class="badge variant-glass-success hover:variant-filled-success" title="{event_presenter_obj.file_count} files">
+                        <span class="fas fa-file-alt mx-1"></span>
+                        {event_presenter_obj?.file_count}x
+                        <!-- {event_presenter_obj?.file_count ? `(${event_presenter_obj?.file_count}x files)` : '(0 files)'} -->
+                    </span>
+                {/if}
             </a>
 
 
@@ -283,23 +291,6 @@ onMount(() => {
                 {/if}
             {/if}
 
-
-            {#if $ae_loc.trusted_access}
-                <!-- <span class="fas fa-envelope"></span>
-                <a
-                    href="mailto:{event_presenter_obj.email}"
-                    class="text-blue-500"
-                    >{event_presenter_obj.email}</a> -->
-
-
-                {#if event_presenter_obj.file_count}
-                    <span>
-                    <span class="fas fa-file mx-1"></span>
-                    {event_presenter_obj.file_count ? `(${event_presenter_obj.file_count}x files)` : '(0 files)'}
-                    </span>
-                {/if}
-            {/if}
-
             <div class="float-right space-2 flex flex-row items-center">
                 {#if $ae_loc.administrator_access && !event_presenter_obj.person_id_random}
                 <button

src/routes/events_pres_mgmt/presenter_view.svelte

@@ -3,7 +3,7 @@ console.log(`ae_events_pres_mgmt presenter_view.svelte`);
 export let log_lvl = 0;
 
 import { createEventDispatcher, onMount } from 'svelte';
-import { clipboard, FileDropzone } from '@skeletonlabs/skeleton';
+import { clipboard } from '@skeletonlabs/skeleton';
 import { liveQuery } from "dexie";
 import { browser } from '$app/environment';
 

src/routes/events_pres_mgmt/session_view.svelte

@@ -2,8 +2,7 @@
 console.log(`ae_events_pres_mgmt session_view.svelte`);
 export let log_lvl = 1;
 
-import { createEventDispatcher, onMount } from 'svelte';
+import { clipboard } from '@skeletonlabs/skeleton';
-import { clipboard, FileDropzone } from '@skeletonlabs/skeleton';
 import { liveQuery } from "dexie";
 
 // const dispatch = createEventDispatcher();
@@ -24,8 +23,9 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig_kv }
 import { events_func } from '$lib/ae_events_functions';
 
 import Form_agree from './form_agree.svelte';
-import Comp_event_presenter_obj_li from './ae_comp__event_presenter_obj_li.svelte';
+import Comp_event_presentation_obj_li from './ae_comp__event_presentation_obj_li.svelte';
-import Element_manage_event_file_li from '$lib/element_manage_event_file_li_all.svelte';
+// import Comp_event_presenter_obj_li from './ae_comp__event_presenter_obj_li.svelte';
+// import Element_manage_event_file_li from '$lib/element_manage_event_file_li_all.svelte';
 
 
 // Exports
@@ -77,11 +77,6 @@ let lq__event_presenter_obj = liveQuery(
 $slct.person_obj_kv = {}; // This is intended for the person POC lookup list when generated.
 
 
-onMount(() => {
-    console.log(`Events Pres Mgmt: session_view.svelte: event_session_id=${event_session_id}`);
-});
-
-
 $events_sess.pres_mgmt.session__updated_on = null;
 $: if ($lq__event_session_obj) {
     if (log_lvl > 1) {
@@ -799,244 +794,11 @@ $: if ($lq__event_session_obj) {
 <!-- Presentations in the session -->
 <section>
 
-<div class="float-right space-2 flex flex-row items-center">
+<Comp_event_presentation_obj_li
-{#if $ae_loc.trusted_access && $ae_loc.edit_mode}
+    lq__event_obj={lq__event_obj}
-<button
+    lq__event_presentation_obj_li={lq__event_presentation_obj_li}
-    type="button"
-    on:click={() => {
-        console.log('Add Presentation');
-        if (!confirm('Add a new presentation to the session? You will be able to edit the details after the presentation is created.')) {
-            return;
-        }
-
-        let presentation_data = {
-            event_id_random: $events_slct.event_id,
-            event_session_id_random: $events_slct.event_session_id,
-            name: 'TEMP Presentation Name',
-            code: 'new_presentation',
-            enable: true,
-        }
-
-        events_func.create_ae_obj__event_presentation({
-            api_cfg: $ae_api,
-            event_id: $events_slct.event_id,
-            event_session_id: $events_slct.event_session_id,
-            data_kv: presentation_data,
-            log_lvl: 1,
-        })
-    }}
-    class="btn btn-sm variant-soft-warning hover:variant-filled-warning"
     >
-    <span class="fas fa-plus mx-1"></span>
+</Comp_event_presentation_obj_li>
-    Add Presentation
-</button>
-{/if}
-</div>
-
-<h3 class="h5">Presentations:
-    <span class="font-bold bg-success-100 px-4 border rounded-lg border-success-200"
-        class:hidden={$lq__event_presentation_obj_li?.length <= 1}
-        title="Presentations for session: {$lq__event_presentation_obj_li?.length ?? 'None'}"
-        >
-        <span class="fas fa-chalkboard-teacher mx-1"></span>
-        {($lq__event_presentation_obj_li?.length > 1 ? `${$lq__event_presentation_obj_li?.length}x` : '')}
-    </span>
-</h3>
-
-
-{#if $lq__event_presentation_obj_li && $lq__event_presentation_obj_li?.length > 0}
-    <ul
-        class="space-y-4 p-4 m-2 bg-gray-100 rounded-md"
-        >
-    {#each $lq__event_presentation_obj_li as event_presentation_obj}
-        <li
-            class="space-y-2 border border-gray-200 p-2 rounded-md"
-            >
-
-        <div class="float-right space-2 flex flex-row items-center">
-        {#if $ae_loc.trusted_access && $ae_loc.edit_mode}
-        <button
-            type="button"
-            on:click={() => {
-                console.log('Add Presenter');
-                if (!confirm('Add a new presenter to the presentation? You will be able to edit their details after the presenter record is created.')) {
-                    return;
-                }
-
-                let presenter_data = {
-                    event_id_random: $events_slct.event_id,
-                    event_session_id_random: $events_slct.event_session_id,
-                    event_presentation_id_random: event_presentation_obj.event_presentation_id_random,
-                    given_name: 'New',
-                    family_name: 'Presenter',
-                    email: 'test+newpres@oneskyit.com',
-                    code: 'new_presenter',
-                    enable: true,
-                }
-
-                events_func.create_ae_obj__event_presenter({
-                    api_cfg: $ae_api,
-                    event_id: $events_slct.event_id,
-                    event_session_id: $events_slct.event_session_id,
-                    event_presentation_id: event_presentation_obj.event_presentation_id_random,
-                    data_kv: presenter_data,
-                    log_lvl: 1,
-                })
-            }}
-            class="btn btn-sm variant-soft-warning hover:variant-filled-warning"
-            >
-            <span class="fas fa-plus mx-1"></span>
-            Add Presenter
-        </button>
-        {/if}
-
-
-        </div>
-
-        <h4 class="h5 rounded-md p-2 bg-gray-200">
-            <Element_ae_crud
-                api_cfg={$ae_api}
-                object_type={'event_presentation'}
-                object_id={event_presentation_obj.event_presentation_id_random}
-                field_name={'name'}
-                field_type={'text'}
-                field_value={event_presentation_obj.name}
-                allow_null={false}
-                hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
-                outline_element={false}
-                show_crud={false}
-                display_inline={true}
-                display_block_edit={true}
-                class_li={''}
-                on:ae_crud_updated={e => {
-                    console.log(`ae_crud_updated:`, e.detail);
-
-                    events_func.load_ae_obj_id__event_presentation({
-                        api_cfg: $ae_api, event_presentation_id: event_presentation_obj.event_presentation_id_random, log_lvl: 1
-                    })
-                    .then(function (load_results) {
-                    })
-                    .then(function (load_results) {
-                        // $events_trigger = 'load__event_presentation_obj_id';
-                        // $events_trig_kv['event_presentation_id'] = event_presentation_obj.event_presentation_id_random;
-                    });
-                }}
-                >
-                <!-- <strong class="text-sm">Name/Title:</strong> -->
-                "{event_presentation_obj.name}"
-            </Element_ae_crud>
-            <!-- "{event_presentation_obj.name}" -->
-            {#if event_presentation_obj.code || event_presentation_obj.abstract_code}
-            <span class="text-sm text-gray-500 bg-yellow-100 p-1 rounded-md border border-yellow-200"
-                title="Presentation code {event_presentation_obj.code} and abstract code {event_presentation_obj.abstract_code}"
-                >
-                <span class="fas fa-barcode"></span>
-                {event_presentation_obj.code ?? ''} {event_presentation_obj.abstract_code ?? ''}
-            </span>
-            {/if}
-        </h4>
-
-        <div>
-        <Element_ae_crud
-            api_cfg={$ae_api}
-            object_type={'event_presentation'}
-            object_id={event_presentation_obj.event_presentation_id_random}
-            field_name={'description'}
-            field_type={'textarea'}
-            field_value={event_presentation_obj.description}
-            allow_null={false}
-            hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
-            outline_element={false}
-            show_crud={false}
-            display_inline={true}
-            display_block_edit={true}
-            textarea_rows={15}
-            class_li={''}
-            on:ae_crud_updated={e => {
-                console.log(`ae_crud_updated:`, e.detail);
-
-                events_func.load_ae_obj_id__event_presentation({api_cfg: $ae_api, event_presentation_id: event_presentation_obj.event_presentation_id_random, log_lvl: 1});
-            }}
-            >
-            <strong class="text-sm">
-                Description:
-            </strong>
-
-            {#if event_presentation_obj.description}
-            <button
-                type="button"
-                on:click={() => {
-                    console.log('Show/Hide Description');
-                    if ($events_loc.pres_mgmt.show_content__presentation_description == event_presentation_obj.event_presentation_id_random) {
-                        $events_loc.pres_mgmt.show_content__presentation_description = null;
-
-                        // Was testing with LiveQuery
-                        $events_slct.event_presentation_id = null;
-                    } else {
-                        $events_loc.pres_mgmt.show_content__presentation_description = event_presentation_obj.event_presentation_id_random;
-
-                        // Was testing with LiveQuery
-                        $events_slct.event_presentation_id = event_presentation_obj.event_presentation_id_random;
-                    }
-                }}
-                class="btn btn-sm variant-soft-surface hover:variant-filled-surface text-xs"
-                >
-                {#if $events_loc.pres_mgmt.show_content__presentation_description == event_presentation_obj.event_presentation_id_random}
-                    <span class="fas fa-eye-slash mx-1"></span>
-                    <span>Hide Description</span>
-                {:else}
-                    <span class="fas fa-eye mx-1"></span>
-                    <span>Show</span>
-                {/if}
-            </button>
-
-            <pre
-                class="whitespace-pre-wrap p-2 bg-gray-100 rounded-md"
-                class:hidden={$events_loc.pres_mgmt.show_content__presentation_description !== event_presentation_obj.event_presentation_id_random}
-                >{event_presentation_obj.description}</pre>
-
-            {:else}
-                {@html ae_snip.html__not_set}
-            {/if}
-        <!-- {:else}
-            <div class="text-sm text-gray-500 bg-gray-100 p-1 rounded-md border border-gray-200"
-                class:hidden={!$ae_loc.administrator_access}
-                >
-                <span class="fas fa-exclamation-triangle mx-1"></span>
-                No description provided.
-            </div>
-        {/if} -->
-        </Element_ae_crud>
-        </div>
-
-        <!-- Show presenters for this presentation -->
-        {#if event_presentation_obj.event_presentation_id_random}
-            <Comp_event_presenter_obj_li
-                lq__event_obj={lq__event_obj}
-                link_to_type={'event_presentation'}
-                link_to_id={event_presentation_obj.event_presentation_id_random}
-                >
-            </Comp_event_presenter_obj_li>
-        {/if}
-
-
-        <!-- Show files for this presentation -->
-        <Element_manage_event_file_li
-            link_to_type={'event_presentation'}
-            link_to_id={event_presentation_obj.event_presentation_id_random}
-            allow_basic={$events_loc.auth__kv.session[$events_slct.event_session_id] || $events_loc.auth__kv.presenter[$events_slct.event_presenter_id]}
-            allow_moderator={$events_loc.auth__kv.session[$events_slct.event_session_id]}
-            container_class_li={''}
-            />
-
-        </li>
-    {/each}
-    </ul>
-{:else}
-    Nothing to show yet...!
-{/if}
-
-
 
 </section>