Moving files around. Breaking links to sessions and other things.

src/routes/events/ae_comp__event_session_obj_tbl.svelte

@@ -0,0 +1,114 @@
+<script lang="ts">
+// Imports
+// import type { key_val } from '$lib/ae_stores';
+
+// import { liveQuery } from "dexie";
+import { ae_util } from '$lib/ae_utils/ae_utils';
+// Imports - events specific
+// import { events_loc, events_sess, events_slct, events_trigger, events_trig_kv } from '$lib/ae_events_stores';
+// import { db_events } from "$lib/db_events";
+
+// Exports
+export let container_class_li: string|Array<string> = [];
+// export let display_mode: string = 'default'; // 'default', 'compact', 'minimal', 'launcher';
+// export let link_to_type: string;
+// export let link_to_id: string;
+// export let event_session_id_random_li: Array<string>;
+export let lq__event_session_obj_li: any;
+export let log_lvl: number = 0;
+
+export let show_location_fields: boolean = true;
+
+// Functions and Logic
+if (log_lvl) {
+    console.log(`container_class_li: ${container_class_li}; show_location_fields: ${show_location_fields}`);
+    // console.log(`link_to_type: ${link_to_type}; link_to_id: ${link_to_id}`);
+}
+
+// let lq_kv__event_session_obj_li = liveQuery(
+//     () => db_events.sessions
+//     .bulkGet(event_session_id_random_li)
+// );
+</script>
+
+
+<section class="ae_comp event_session_obj_tbl container {container_class_li}">
+
+{#if $lq__event_session_obj_li?.length}
+
+<div class="overflow-auto space-y-2">
+<h2 class="h3">
+    <span class="text-base">
+    Results:
+    </span>
+
+    {#if $lq__event_session_obj_li?.length}
+    <span class="text-3xl font-bold bg-success-100 px-4 border rounded-lg border-success-200"
+            title="Count {$lq__event_session_obj_li.length ?? 'None'}"
+            >
+        <span class="fas fa-list-ol mx-4"></span>
+        {$lq__event_session_obj_li.length ?? 'None'}
+    </span>
+    {/if}
+</h2>
+
+<table
+    class="table table-auto table-striped table-hover w-full text-xs lg:text-sm"
+    >
+    <thead
+        class=""
+        >
+        <tr>
+            <th class="px-4 py-2">Name</th>
+            <th class="px-4 py-2">Start Datetime</th>
+            {#if show_location_fields}
+            <th class="px-4 py-2">Location</th>
+            {/if}
+            <th class="px-4 py-2">Session Files</th>
+            <th class="px-4 py-2">Presenter Files</th>
+        </tr>
+    </thead>
+    <tbody
+        class="">
+    {#each $lq__event_session_obj_li as event_session_obj, index}
+        <tr
+            class:dim={event_session_obj?.hide}
+            >
+            <td class="px-4 py-2">
+                <a
+                    href="/events/{event_session_obj?.event_id}/session/{event_session_obj?.event_session_id}"
+                    class="text-blue-500 hover:text-blue-800 hover:underline"
+                    >
+                    {event_session_obj?.name}
+                </a>
+            </td>
+            <td class="px-4 py-2">
+                {ae_util.iso_datetime_formatter(event_session_obj?.start_datetime, 'datetime_12_no_seconds')}
+            </td>
+            {#if show_location_fields}
+            <td class="px-4 py-2">
+                {event_session_obj?.event_location_name}
+            </td>
+            {/if}
+            <td class="px-4 py-2">
+                {event_session_obj?.file_count ?? '0'}
+            </td>
+            <td class="px-4 py-2">
+                {event_session_obj?.file_count_all ?? '0'}
+            </td>
+        </tr>
+    {/each}
+    </tbody>
+</table>
+</div>
+
+{:else}
+
+<p class="text-sm">
+    No sessions available to show.
+</p>
+
+{/if}
+
+
+</section>