Making progress with the new locations page and devices related.

2024-10-16 13:14:40 -04:00
parent 67a4fbe17e
commit 3c957692c3
17 changed files with 1640 additions and 139 deletions
--- a/src/routes/events/[event_id]/locations/+page.svelte
+++ b/src/routes/events/[event_id]/locations/+page.svelte
@@ -0,0 +1,143 @@
+<script lang="ts">
+/** @type {import('./$types').PageData} */
+export let data: any;
+let log_lvl = 0;
+// console.log(`ae_events_pres_mgmt event [slug] +page.svelte data:`, data);
+
+// Imports
+import { Modal } from 'flowbite-svelte';
+import { onMount } from 'svelte';
+
+import type { key_val } from '$lib/ae_stores';
+import { ae_util } from '$lib/ae_utils/ae_utils';
+import Element_data_store from '$lib/element_data_store_v2.svelte';
+
+let ae_promises: key_val = {};
+let ae_tmp: key_val = {};
+let ae_triggers: key_val = {};
+
+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 Comp_event_location_obj_li from './ae_comp__event_location_obj_li.svelte';
+import Locations_page_menu from './locations_page_menu.svelte';
+// import Sign_in_out from './../../sign_in_out.svelte';
+
+import { browser } from '$app/environment';
+
+// Variables
+if (browser) {
+    console.log('Browser environment detected.');
+}
+
+// Quickly save the data passed from the parent(s) to the Svelte stores, localStorage, and other.
+$slct.account_id = data.account_id;
+// console.log(`$slct.account_id = `, $slct.account_id);
+let ae_acct = data[$slct.account_id];
+// console.log(`ae_acct = `, ae_acct);
+
+$ae_loc.url_origin = data.url.origin;
+
+$events_slct.event_id = ae_acct.slct.event_id;
+
+$: lq__event_obj = liveQuery(async () => {
+    let results = await db_events.events.get($events_slct.event_id);
+    return results;
+});
+
+$: lq__event_location_obj_li = liveQuery(async () => {
+    let results = await db_events.locations
+        .where('event_id')
+        .equals(ae_acct.slct.event_id)
+        .sortBy('name')
+        ;
+    return results;
+});
+
+// Functions and Logic
+onMount(() => {
+    console.log('Events Location [slug]: +page.svelte');
+});
+</script>
+
+
+<svelte:head>
+	<title>
+        Locations: {ae_util.shorten_string({string: $lq__event_obj?.name ?? 'Loading...', max_length: 12})} ({$lq__event_obj?.event_id ?? ''}) - Pres Mgmt - {$events_loc?.title}
+    </title>
+</svelte:head>
+
+
+<section
+    class="
+        ae_events_pres_mgmt_event_location
+        md:container
+        flex flex-col gap-1
+        items-center
+        justify-start
+        mx-auto
+        py-1 px-2 pb-16
+        h-full
+        min-w-full
+        max-w-max
+        "
+    >
+
+<Locations_page_menu
+    lq__event_obj={lq__event_obj}
+    />
+
+{#if !$lq__event_location_obj_li}
+
+<div>
+    <span class="fas fa-spinner fa-spin m-1"></span>
+    <span>Loading locations...</span>
+</div>
+
+{:else}
+
+<h2 class="h2 text-center rounded-md p-1 px-2 bg-gray-300 flex flex-row gap-0.25 items-center justify-between w-full">
+    <span
+        class="flex flex-row gap-1 items-center"
+        >
+        <!-- <span class="fas fa-calendar-day m-1"></span> -->
+        <span class="fas fa-map-marked m-1"></span>
+        Locations/Rooms
+        <!-- Button to toggle between the regular location view and managing locations??? -->
+    </span>
+    <!-- Locations for: -->
+     {#if $lq__event_obj?.cfg_json?.short_name}
+        {@html $lq__event_obj?.cfg_json.short_name ?? ae_snip.html__not_set}
+    {:else}
+        {@html $lq__event_obj?.name ?? ae_snip.html__not_set}
+    {/if}
+</h2>
+
+<Element_data_store
+    ds_code="events__pres_mgmt__locations_msg"
+    ds_name="Default: Events - Pres Mgmt Locations Message"
+    ds_type="html"
+    for_type="event"
+    for_id={$lq__event_obj?.event_id}
+    class_li="w-full max-w-screen-lg text-lg text-blue-500 font-bold text-center p-1 m-auto border border-blue-200 rounded-md bg-blue-100 space-y-2"
+    hide={!$ae_loc.manager_access || $events_loc.pres_mgmt.hide__locations_msg}
+    show_edit={false}
+    show_edit_btn={true}
+    />
+
+{/if}
+
+
+<Comp_event_location_obj_li
+    lq__event_location_obj_li={lq__event_location_obj_li}
+    />
+
+</section>
+
+
+<style lang="postcss">
+</style>