Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Lots of work on the new Launcher. Also general reorganizing of files.

Browse Source
This commit is contained in:
Scott Idem
2024-09-24 16:55:23 -04:00
parent bd2583fde3
commit 476b303da4
23 changed files with 2221 additions and 684 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/lib/ae_events__event_location.ts
View File

@@ -129,27 +129,31 @@ export async function load_ae_obj_id__event_location(
}
// Updated 2024-05-24
// Updated 2024-09-24
export async function load_ae_obj_li__event_location(
{
api_cfg,
event_id,
for_obj_type,
for_obj_id,
inc_file_li = false,
inc_session_li = false,
order_by_li = {'priority': 'DESC', 'sort': 'DESC', 'name': 'ASC', 'code': 'ASC', 'updated_on': 'DESC', 'created_on': 'DESC'},
params = {},
try_cache = true,
log_lvl = 0
}: {
api_cfg: any,
event_id: string,
for_obj_type: string,
for_obj_id: string,
inc_file_li?: boolean,
inc_session_li?: boolean,
order_by_li?: key_val,
params?: key_val,
try_cache?: boolean,
log_lvl?: number
}
) {
console.log(`*** load_ae_obj_li__event_location() *** event_id=${event_id}`);
console.log(`*** load_ae_obj_li__event_location() *** for_obj_type=${for_obj_type} for_obj_id=${for_obj_id}`);
let enabled: string = (params.qry__enabled ?? 'enabled'); // all, disabled, enabled
let hidden: string = (params.qry__hidden ?? 'all'); // all, hidden, not_hidden
@@ -163,13 +167,13 @@ export async function load_ae_obj_li__event_location(
ae_promises.load__event_location_obj_li = await api.get_ae_obj_li_for_obj_id_crud({
api_cfg: api_cfg,
obj_type: 'event_location',
for_obj_type: 'event',
for_obj_id: event_id,
for_obj_type: for_obj_type,
for_obj_id: for_obj_id,
use_alt_table: true, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
use_alt_base: false, // NOTE: This will use the base_name_alt value instead of the base_name value
enabled: enabled,
hidden: hidden,
order_by_li: {'priority': 'DESC', 'sort': 'DESC', 'name': 'ASC', 'code': 'ASC', 'updated_on': 'DESC', 'created_on': 'DESC'},
order_by_li: order_by_li,
limit: limit,
offset: offset,
params_json: params_json,

13
src/lib/ae_events__event_session.ts
View File

@@ -16,6 +16,7 @@ export async function load_ae_obj_id__event_session(
event_session_id,
inc_file_li = false,
inc_presentation_li = false,
inc_presenter_li = false,
try_cache = true,
log_lvl = 0
}: {
@@ -23,6 +24,7 @@ export async function load_ae_obj_id__event_session(
event_session_id: string,
inc_file_li?: boolean,
inc_presentation_li?: boolean,
inc_presenter_li?: boolean,
try_cache?: boolean,
log_lvl?: number
}
@@ -97,7 +99,10 @@ export async function load_ae_obj_id__event_session(
}
let load_event_presentation_obj_li = load_ae_obj_li__event_presentation({
api_cfg: api_cfg,
event_session_id: event_session_id,
for_obj_type: 'event_session',
for_obj_id: event_session_id,
inc_file_li: inc_file_li,
inc_presenter_li: inc_presenter_li,
params: {qry__enabled: 'all', qry__limit: 25},
try_cache: try_cache,
log_lvl: log_lvl
@@ -136,6 +141,7 @@ export async function load_ae_obj_li__event_session(
for_obj_id,
inc_file_li = false,
inc_presentation_li = false,
inc_presenter_li = false,
order_by_li = {'priority': 'DESC', 'sort': 'DESC', 'start_datetime': 'ASC', 'name': 'ASC', 'updated_on': 'DESC', 'created_on': 'DESC'},
params = {},
try_cache = true,
@@ -146,6 +152,7 @@ export async function load_ae_obj_li__event_session(
for_obj_id: string,
inc_file_li?: boolean,
inc_presentation_li?: boolean,
inc_presenter_li?: boolean,
order_by_li?: key_val,
params?: key_val,
try_cache?: boolean,
@@ -243,8 +250,8 @@ export async function load_ae_obj_li__event_session(
api_cfg: api_cfg,
for_obj_type: 'event_session',
for_obj_id: event_session_id,
inc_file_li: false, // This will need to be changed.
inc_presenter_li: false, // This will need to be changed.
inc_file_li: inc_file_li,
inc_presenter_li: inc_presenter_li,
params: {qry__enabled: 'all', qry__limit: 25},
try_cache: try_cache,
log_lvl: log_lvl

231
src/routes/events/[event_id]/(launcher)/+layout.svelte Normal file
View File

@@ -0,0 +1,231 @@
<script lang="ts">
/** @type {import('./$types').LayoutData} */
export let data: any;
let log_lvl = 0;
import { onMount } from 'svelte';
import { liveQuery } from "dexie";
import { ae_util } from '$lib/ae_utils';
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 } from '$lib/ae_events_stores';
import Event_launcher_menu from './launcher_menu.svelte';
import Event_launcher_session_view from './launcher_session_view.svelte';
// import { AppShell, AppBar, initializeStores } from '@skeletonlabs/skeleton';
// import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
// import { events_loc, events_slct } from '$lib/ae_events_stores';
// Variables
// 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);
console.log(`event_id: ${data.params.event_id}`);
$events_slct.event_id = data.params.event_id;
console.log(`event_location_id: ${data.params.event_location_id}`);
$events_slct.event_location_id = data.params.event_location_id;
console.log(`ae_acct.slct.event_id:`, ae_acct.slct.event_id);
$events_slct.event_id = ae_acct.slct.event_id;
// $events_slct.event_obj = ae_acct.slct.event_obj;
$events_slct.event_location_obj_li = ae_acct.slct.event_location_obj_li ?? [''];
$events_slct.id_li__event_location = ae_acct.slct.id_li__event_location ?? [''];
console.log(`$events_slct.event_location_obj_li:`, $events_slct.event_location_obj_li);
// Event
$: lq__event_obj = liveQuery(async () => {
let results = await db_events.events
.get($events_slct.event_id);
return results;
});
// Event File - For Location
$: lq__location_event_file_obj_li = liveQuery(async () => {
let results = await db_events.files
// .where('event_session_id_random')
.where('for_id_random')
.equals($events_slct.event_location_id ?? '')
.sortBy('filename');
return results;
});
// Event Location
$: lq__event_location_obj = liveQuery(async () => {
let results = await db_events.locations
.get($events_slct.event_location_id);
return results;
});
$: lq__event_location_obj_li = liveQuery(async () => {
let results = await db_events.locations
.where('event_id')
.equals($events_slct.event_id)
.sortBy('name');
return results;
});
// Event Session
$: lq__event_session_obj = liveQuery(async () => {
let results = await db_events.sessions
.get($events_slct.event_session_id);
return results;
});
$: lq__event_session_obj_li = liveQuery(async () => {
let results = await db_events.sessions
// .bulkGet(event_session_id_random_li);
.where('event_location_id')
.equals($events_slct.event_location_id)
.sortBy('name');
return results;
});
onMount(() => {
console.log('Events - Launcher: +layout.svelte');
// Hide the AppShell shell header (id="shell-header") and footer
document.getElementById('shell-header').classList.add('hidden');
document.getElementById('shell-footer').classList.add('hidden');
});
console.log(`BROWSER Events - [event_id] launcher +layout.svelte start`);
</script>
<svelte:head>
<title>
Launcher:
{ae_util.shorten_string({ string: $lq__event_obj?.name ?? '', max_length: 20, begin_length: 10, end_length: 4 })}
({$lq__event_obj?.event_id ?? 'loading...'}) - Pres Mgmt - {$ae_loc?.title}
</title>
</svelte:head>
{#if !$lq__event_obj}
<div class="flex flex-row items-center justify-center">
<span class="fas fa-spinner fa-spin mx-1"></span>
<span>Loading...</span>
</div>
{:else}
<header id="Main-Header" class="flex flex-row items-center justify-evenly">
<h3 class="h4 text-center italic">&AElig; Presentation Launcher</h3>
<h2 class="h3 text-center">{$lq__event_obj?.name}</h2>
<h3 class="h4 text-center italic">{$lq__event_location_obj?.name}
{$events_slct.event_location_id}
</h3>
</header>
{/if}
<!-- The menu should be to the left of the main session view. -->
<div
class="
container h-full min-w-full w-full
flex flex-row flex-wrap sm:flex-nowrap gap-0
justify-center
py-1 px-2 pb-16
bg-gray-100
"
>
<section
id="Main-Nav-Menu"
class="event_launcher_menu
container h-full flex flex-col gap-2 py-1 px-1
basis-1/5
min-w-72
max-w-xs
border-r border-gray-200
"
>
<!-- {#await $events_slct.id_li__event_location}
Loading location list... a
{:then event_location_obj_li} -->
<!-- {#if $lq__event_obj && $lq__event_location_obj_li && $lq__event_session_obj_li && event_location_obj_li && event_location_obj_li.length > 0} -->
{#if $lq__event_obj && $lq__event_location_obj_li}
<Event_launcher_menu
bind:data_url={data.url}
lq__event_obj={lq__event_obj}
lq__location_event_file_obj_li={lq__location_event_file_obj_li}
lq__event_location_obj={lq__event_location_obj}
lq__event_location_obj_li={lq__event_location_obj_li}
lq__event_session_obj={lq__event_session_obj}
lq__event_session_obj_li={lq__event_session_obj_li}
>
</Event_launcher_menu>
{:else}
<div class="flex flex-row items-center justify-center">
<span class="fas fa-spinner fa-spin mx-1"></span>
<span>Loading location list...</span>
</div>
{/if}
<!-- {/await} -->
<!-- Root: slct Location ID: {$events_slct.event_location_id ?? '-- not set --'} -->
</section>
<section
id="Main-Content"
class="event_launcher_main
container h-full flex flex-col gap-1 py-1 px-2
items-center
basis-4/5
max-w-full
"
>
<!-- {#if $events_trigger == 'load__event_session_obj' && $events_slct.event_session_id}
<Event_launcher_session_view
slct_event_session_id={$events_slct.event_session_id}
lq__event_location_obj={lq__event_location_obj}
lq__event_location_obj_li={lq__event_location_obj_li}
lq__event_session_obj={lq__event_session_obj}
lq__event_session_obj_li={lq__event_session_obj_li}
>
</Event_launcher_session_view>
{/if} -->
<!-- {$lq__event_session_obj?.name} -->
{#if !$events_slct.event_location_id}
<div class="flex flex-row items-center justify-center">
<span class="fas fa-exclamation mx-1"></span>
<span>You must select a location first</span>
<span class="fas fa-exclamation mx-1"></span>
</div>
{/if}
{#if $events_slct.event_session_id && $lq__event_session_obj}
<Event_launcher_session_view
slct_event_session_id={$events_slct.event_session_id}
lq__event_location_obj={lq__event_location_obj}
lq__event_session_obj={lq__event_session_obj}
>
</Event_launcher_session_view>
{/if}
</section>
</div>
<slot />

78
src/routes/events/[event_id]/(launcher)/+layout.ts Normal file
View File

@@ -0,0 +1,78 @@
/** @type {import('./$types').LayoutLoad} */
console.log(`Events - [event_id] launcher +layout.ts start`);
import { error } from '@sveltejs/kit';
import { browser } from '$app/environment';
import { events_func } from '$lib/ae_events_functions';
export async function load({ params, parent }) { // route
let log_lvl = 0;
let data = await parent();
// console.log(`ae events_pres_mgmt event [event_id] +page.ts data:`, data);
data.log_lvl = log_lvl;
let account_id = data.account_id;
let ae_acct = data[account_id];
// console.log(`ae_acct = `, ae_acct);
// if (!account_id) {
// console.log(`events_pres_mgmt_event [event_id] +page.ts: The account_id was not found in the data!!!`);
// return false;
// }
// data.ae_events_pres_mgmt_event_event_id_page_ts = true;
let event_id = params.event_id;
if (!event_id) {
console.log(`ae Events - [event_id] +page.ts: The event_id was not found in the params.event_id!!!`);
error(404, {
message: 'Event ID not found'
});
}
// ae_acct.slct.event_id = event_id;
// let load_event_obj = events_func.handle_load_ae_obj_id__event({
// api_cfg: ae_acct.api, event_id: event_id, try_cache: true
// });
// ae_acct.slct.event_obj = await load_event_obj;
if (browser) {
console.log(`BROWSER Events - [event_id] launcher +layout.ts start`);
let load_event_obj = events_func.handle_load_ae_obj_id__event({
api_cfg: ae_acct.api, event_id: event_id, try_cache: true
});
console.log(`load_event_obj = `, load_event_obj);
ae_acct.slct.event_obj = load_event_obj;
// let load_event_session_obj_li = events_func.load_ae_obj_li__event_session({
// api_cfg: ae_acct.api,
// for_obj_type: 'event',
// for_obj_id: event_id,
// params: {qry__enabled: 'enabled', qry__hidden: 'all', qry__limit: 200},
// try_cache: true,
// log_lvl: 1
// });
// console.log(`load_event_session_obj_li = `, load_event_session_obj_li);
// ae_acct.slct.event_session_obj_li = load_event_session_obj_li;
let load_event_location_obj_li = events_func.load_ae_obj_li__event_location({
api_cfg: ae_acct.api,
for_obj_type: 'event',
for_obj_id: event_id,
params: {qry__enabled: 'enabled', qry__hidden: 'all', qry__limit: 200},
try_cache: true,
log_lvl: 1
});
console.log(`load_event_location_obj_li = `, load_event_location_obj_li);
ae_acct.slct.event_location_obj_li = load_event_location_obj_li;
}
// WARNING: Precaution against shared data between sites and sessions.
data[account_id] = ae_acct;
return data;
}

6
src/routes/events/[event_id]/(launcher)/launcher/+page.svelte Normal file
View File

@@ -0,0 +1,6 @@
<script lang="ts">
</script>
A location is required

0
src/routes/events_pres_mgmt/(launcher)/+layout.ts → src/routes/events/[event_id]/(launcher)/launcher/+page.ts
View File

249
src/routes/events/[event_id]/(launcher)/launcher/[event_location_id]/+page.svelte Normal file
View File

@@ -0,0 +1,249 @@
<script lang="ts">
/** @type {import('./$types').PageData} */
export let data: any;
// Imports
import { browser } from '$app/environment';
import { onMount } from 'svelte';
// import type { key_val } from '$lib/ae_stores';
import { ae_util } from '$lib/ae_utils';
// import { api } from '$lib/api';
// import Element_ae_crud from '$lib/element_ae_crud.svelte';
// import Element_data_store from '$lib/element_data_store_v2.svelte';
import { liveQuery } from "dexie";
// import { core_func } from '$lib/ae_core_functions';
// import { db_core } from "$lib/db_core";
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 } from '$lib/ae_events_stores';
import { events_func } from '$lib/ae_events_functions';
import { kill_processes, open_local_file_v2, run_cmd, run_cmd_sync, run_osascript, get_device_info } from '$lib/electron_relay.js';
// import Event_launcher_menu from '../../launcher_menu.svelte';
// import Event_launcher_session_view from '../../launcher_session_view.svelte';
// import native_app from '$lib/electron_native.js';
// Exports
// Variables
// 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;
// if (browser) {
// console.log(`Browser: ${browser}`);
// events_func.db_save_ae_obj_li__event_location({
// obj_type: 'event_location',
// obj_li: ae_acct.slct.event_location_obj_li
// });
// events_func.db_save_ae_obj_li__event_session({
// obj_type: 'event_session',
// obj_li: ae_acct.slct.event_session_obj_li
// });
// }
console.log(`event_id: ${data.params.event_id}`);
$events_slct.event_id = data.params.event_id;
console.log(`event_location_id: ${data.params.event_location_id}`);
$events_slct.event_location_id = data.params.event_location_id;
// console.log(`ae_acct.slct.event_id:`, ae_acct.slct.event_id);
// $events_slct.event_id = ae_acct.slct.event_id;
// $events_slct.event_obj = ae_acct.slct.event_obj;
$events_slct.event_location_obj_li = ae_acct.slct.event_location_obj_li ?? [''];
$events_slct.id_li__event_location = ae_acct.slct.id_li__event_location ?? [''];
console.log(`$events_slct.event_location_obj_li:`, $events_slct.event_location_obj_li);
$events_slct.event_session_obj_li = ae_acct.slct.event_session_obj_li ?? [''];
$events_slct.id_li__event_session = ae_acct.slct.id_li__event_session ?? [''];
// $events_trig = ae_acct.trig;
// $events_trig.event_location_li = true;
// $events_trig.event_session_li = true;
// $events_trigger = 'event_location_li';
// Set the local storage values
if (!$events_loc.launcher) {
$events_loc.launcher = {};
$events_loc.launcher.slct = {
event_id: null,
};
$events_loc.launcher.show_content__session_code = true;
$events_loc.launcher.show_content__presentation_code = true;
$events_loc.launcher.show_content__presenter_code = true;
}
if (!$events_loc.launcher.slct) {
$events_loc.launcher.slct = {
event_id: null,
event_location_id: null,
event_session_id: null,
event_presentation_id: null,
event_presenter_id: null,
};
}
// if (browser) {
// console.log(`data.url.searchParams.get('location_id') = `, data.url.searchParams.get('location_id'));
// }
// if (ae_acct.slct.event_id) {
// $events_loc.launcher.slct.event_id = ae_acct.slct.event_id;
// }
// if (ae_acct.slct.event_location_id) {
// $events_loc.launcher.slct.event_location_id = ae_acct.slct.event_location_id;
// }
// if (ae_acct.slct.event_session_id) {
// $events_loc.launcher.slct.event_session_id = ae_acct.slct.event_session_id;
// }
// if (ae_acct.slct.event_presentation_id) {
// $events_loc.launcher.slct.event_presentation_id = ae_acct.slct.event_presentation_id;
// }
// if (ae_acct.slct.event_presenter_id) {
// $events_loc.launcher.slct.event_presenter_id = ae_acct.slct.event_presenter_id;
// }
// Set the session storage values
if (!$events_sess.launcher) {
$events_sess.launcher = {};
}
$events_sess.launcher.show_content__session_code = true;
$events_sess.launcher.show_content__presentation_code = true;
$events_sess.launcher.show_content__presenter_code = true;
// Process the location list to pull out just the IDs.
// let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
// let bi_id_li__event_location: string[] = [];
// for (let i = 0; i < $events_slct.event_location_obj_li.length; i++) {
// let event_location_obj = $events_slct.event_location_obj_li[i];
// let event_location_id_random = event_location_obj.event_location_id_random;
// tmp_li.push(event_location_id_random);
// }
// bi_id_li__event_location = tmp_li;
// console.log(`bi_id_li__event_location:`, bi_id_li__event_location);
// Variables that will be used with Svelte bind are prefixed with 'bi_'.
let bi_trig__event_location: any = null;
// let bi_id_li__event_location: string[] = [];
let bi_trig__event_session: any = null;
// let bi_id_li__event_session: string[] = [];
// Functions and Logic
// if (browser) {
// console.log(`Browser: ${browser}`);
// bi_trig__event_location = 'event_location_li';
// bi_trig__event_session = 'event_session_li';
// // $events_slct.event_location_id = data.url.searchParams.get('location_id');
// // $events_slct.event_session_id = data.url.searchParams.get('session_id');
// }
// onMount(() => {
// console.log('Pres Mgmt Launcher [slug]: +page@(launcher).svelte');
// // if ($ae_event_launcher.app_mode == 'native') {
// // handle_get_device_info($slct.event_device_id);
// // }
// // const native_app = require('$lib./script');
// // let native_app_config = native_app.load_init_config();
// // console.log('Native App Initial Config:', native_app_config);
// });
async function handle_get_device_info(event_device_id) {
console.log('*** handle_get_device_info() ***');
// console.log(event_device_id);
// console.log('GET DEVICE INFO!!! GET DEVICE INFO!!! GET DEVICE INFO!!!');
let get_device_info_promise = get_device_info({event_device_id: event_device_id});
get_device_info_promise.then(function (result) {
// console.log('GOT DEVICE INFO!!! GOT DEVICE INFO!!! GOT DEVICE INFO!!!');
console.log(get_device_info_promise);
let event_device_data = {};
event_device_data['other_json'] = JSON.stringify(result);
event_device_data['info_hostname'] = result.hostname;
// console.log(event_device_data['other_json']);
// console.log(result.networkInterfaces);
let ni_data_li = [];
let ip_address_li = [];
for (let network_interface in result.networkInterfaces) {
// console.log(network_interface);
let ni_data = {};
if (network_interface.startsWith('en')) {
console.log('Wired or wireless network interface found');
ni_data['name'] = network_interface;
let ni_details = result.networkInterfaces[network_interface];
// console.log(ni_details);
for (let i=0; i < ni_details.length; i++) {
ni_data['address'] = ni_details[i].address;
ni_data['mac'] = ni_details[i].mac;
ip_address_li.push(ni_details[i].address);
}
ni_data_li.push(ni_data);
}
}
event_device_data['meta_json'] = JSON.stringify(ni_data_li);
console.log(event_device_data['meta_json']);
event_device_data['info_ip_list'] = ip_address_li.join('; ');
console.log(event_device_data['info_ip_list']);
event_device_obj_up_promise = update_event_device_obj({event_device_id: event_device_id, data: event_device_data, log_lvl: 0})
.then(function (up_event_device_result) {
// console.log('UPDATED DEVICE INFO!!! UPDATED DEVICE INFO!!! UPDATED DEVICE INFO!!!');
if (up_event_device_result) {
console.log(up_event_device_result);
}
})
.catch(function (error) {
console.log('No results returned or failed.');
console.log(error);
});
});
return get_device_info_promise;
}
</script>

143
src/routes/events/[event_id]/(launcher)/launcher/[event_location_id]/+page.ts Normal file
View File

@@ -0,0 +1,143 @@
/** @type {import('./$types').PageLoad} */
import { error } from '@sveltejs/kit';
console.log(`ae events launcher [event_location_id] +page.ts: start`);
import { browser } from '$app/environment';
import { events_func } from '$lib/ae_events_functions';
export async function load({ params, parent, url }) { // route
let log_lvl = 0;
let data = await parent();
// console.log(`ae events_pres_mgmt event [event_location_id] +page.ts data:`, data);
data.log_lvl = log_lvl;
let account_id = data.account_id;
let ae_acct = data[account_id];
console.log(`ae_acct = `, ae_acct);
// if (!account_id) {
// console.log(`ae pres_mgmt launcher [event_location_id] +page.ts: The account_id was not found in the data!!!`);
// error(404, {
// message: 'Account ID not found'
// });
// }
let event_id = params.event_id;
if (!event_id) {
console.log(`ae Events - [event_id] launcher [event_location_id] +page.ts: The event_id was not found in the params.event_id!!!`);
error(404, {
message: 'Event ID not found'
});
}
console.log(`event_id = `, event_id);
// ae_acct.trig = {};
// if (ae_acct.slct.event_id !== event_id) {
// ae_acct.slct.event_id = event_id;
// ae_acct.trig.event_id = true;
// // let load_event_obj = events_func.handle_load_ae_obj_id__event({
// // api_cfg: ae_acct.api,
// // event_id: event_id,
// // try_cache: false
// // });
// // ae_acct.slct.event_obj = await load_event_obj;
// }
let event_location_id = params.event_location_id;
if (!event_location_id) {
console.log(`ae Events - [event_id] launcher [event_location_id] +page.ts: The event_location_id was not found in the params.event_location_id!!!`);
error(404, {
message: 'Event Location ID not found'
});
}
console.log(`event_location_id = `, event_location_id);
// if (browser) {
// ae_acct.trig.event_location_obj_li = false;
// let load_event_location_obj_li = await events_func.load_ae_obj_li__event_location({
// api_cfg: ae_acct.api,
// event_id: event_id,
// inc_file_li: true,
// params: {qry__enabled: 'enabled', qry__limit: 550},
// try_cache: true
// })
// .finally(() => {
// // console.log(`load_event_location_obj_li = `, load_event_location_obj_li);
// ae_acct.trig.event_location_obj_li = true;
// });
// ae_acct.slct.event_location_obj_li = load_event_location_obj_li;
// // console.log(`ae_acct.slct.event_location_obj_li = `, ae_acct.slct.event_location_obj_li);
// let id_li__event_location = [];
// let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
// for (let i = 0; i < load_event_location_obj_li.length; i++) {
// let event_location_obj = load_event_location_obj_li[i];
// let event_location_id_random = event_location_obj.event_location_id_random;
// tmp_li.push(event_location_id_random);
// }
// id_li__event_location = tmp_li;
// console.log(`id_li__event_location:`, id_li__event_location);
// ae_acct.slct.id_li__event_location = id_li__event_location;
// }
// let for_obj_type = 'event';
// let for_obj_id = event_id;
// ae_acct.trig.event_session_obj_li = true;
if (browser) {
console.log('HERE!!!');
// if (url.searchParams.get('location_id')) {
// console.log(`url.searchParams.get('location_id') = `, url.searchParams.get('location_id'));
// for_obj_type = 'event_location';
// for_obj_id = url.searchParams.get('location_id');
// }
let for_obj_type = 'event_location';
let for_obj_id = event_location_id;
// ae_acct.trig.event_session_obj_li = false;
let load_event_session_obj_li = await events_func.load_ae_obj_li__event_session({
api_cfg: ae_acct.api,
for_obj_type: for_obj_type,
for_obj_id: for_obj_id,
// inc_file_li: false,
// inc_presentation_li: false,
params: {qry__enabled: 'enabled', qry__hidden: 'all', qry__limit: 150},
try_cache: true
})
.finally(() => {
// console.log(`load_event_session_obj_li = `, load_event_session_obj_li);
// ae_acct.trig.event_session_obj_li = false;
});
ae_acct.slct.event_session_obj_li = load_event_session_obj_li;
// console.log(`ae_acct.slct.event_session_obj_li = `, ae_acct.slct.event_session_obj_li);
let id_li__event_session = [];
let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
for (let i = 0; i < load_event_session_obj_li.length; i++) {
let event_session_obj = load_event_session_obj_li[i];
let event_session_id_random = event_session_obj.event_session_id_random;
tmp_li.push(event_session_id_random);
}
id_li__event_session = tmp_li;
console.log(`id_li__event_session:`, id_li__event_session);
ae_acct.slct.id_li__event_session = id_li__event_session;
} else {
console.log(`ae pres_mgmt launcher [slug] +page.ts: browser = false`);
}
// WARNING: Precaution against shared data between sites and sessions.
data[account_id] = ae_acct;
return data;
}

0
src/routes/events_pres_mgmt/(launcher)/launcher/[slug]/launcher_file_cont.svelte → src/routes/events/[event_id]/(launcher)/launcher_file_cont.svelte
View File

83
src/routes/events_pres_mgmt/(launcher)/launcher/[slug]/launcher_menu.svelte → src/routes/events/[event_id]/(launcher)/launcher_menu.svelte
View File

@@ -1,5 +1,6 @@
<script lang="ts">
import { tick } from 'svelte';
// import { tick } from 'svelte';
import { goto } from '$app/navigation';
import type { key_val } from '$lib/ae_stores';
@@ -20,7 +21,7 @@ import Menu_session_list_menu from './menu_session_list.svelte';
export let data_url: any;
let slct_event_location_id: string;
let slct_event_location_id: string = $events_slct.event_location_id;
$events_trigger = null;
@@ -28,10 +29,10 @@ export let lq__event_obj: any;
export let lq__location_event_file_obj_li: any;
export let lq__event_location_obj: any;
// export let lq__event_location_obj_li: any;
export let lq_get__event_location_obj_li: any;
export let lq__event_location_obj_li: any;
export let lq__event_session_obj: any;
// export let lq__event_session_obj_li: any;
export let lq_get__event_session_obj_li: any;
export let lq__event_session_obj_li: any;
let qry__enabled = 'enabled';
@@ -88,11 +89,11 @@ let ae_promises: key_val = {
{/if}
</button>
{#if $lq_get__event_location_obj_li && $lq_get__event_location_obj_li.length > 0}
{#if $lq__event_location_obj_li && $lq__event_location_obj_li.length > 0}
<div class="text-xs"><strong>
Locations:
{#if $ae_loc.administrator_access}
({$lq_get__event_location_obj_li?.length})
({$lq__event_location_obj_li?.length})
{/if}
<!-- This should fade out once the data is loaded. -->
{#await ae_promises[slct_event_location_id]}
@@ -108,7 +109,7 @@ let ae_promises: key_val = {
// console.log(`slct_event_location_id:`, slct_event_location_id);
console.log('Remove fields from the URL.');
data_url.searchParams.delete('location_id');
// data_url.searchParams.delete('location_id');
data_url.searchParams.delete('presentation_id');
data_url.searchParams.delete('presenter_id');
data_url.searchParams.delete('session_id');
@@ -116,10 +117,13 @@ let ae_promises: key_val = {
// let url_location_id = slct_event_location_id;
// data_url.searchParams.set('location_id', url_location_id);
let new_url = `/events/${$events_slct.event_id}/launcher`;
if (slct_event_location_id) {
$events_loc.launcher.slct.event_location_id = slct_event_location_id;
console.log(`$events_loc.launcher.slct.event_location_id:`, $events_loc.launcher.slct.event_location_id);
data_url.searchParams.set('location_id', slct_event_location_id);
$events_slct.event_location_id = slct_event_location_id;
// console.log(`$events_loc.launcher.slct.event_location_id:`, $events_loc.launcher.slct.event_location_id);
// data_url.searchParams.set('location_id', slct_event_location_id);
// await tick();
// $events_slct.event_location_id = slct_event_location_id;
@@ -139,11 +143,11 @@ let ae_promises: key_val = {
// $events_trigger = 'event_location_li';
$events_slct.id_li__event_session = [];
await tick();
// await tick();
ae_promises[slct_event_location_id] = events_func.load_ae_obj_li__event_session({
api_cfg: $ae_api,
for_obj_type: 'event_location',
for_obj_id: $events_loc.launcher.slct.event_location_id,
for_obj_id: $events_slct.event_location_id,
inc_file_li: false,
inc_presentation_li: false,
params: {qry__enabled: 'enabled', qry__hidden: 'all', qry__limit: 100},
@@ -169,24 +173,60 @@ let ae_promises: key_val = {
// await tick();
return load_results;
})
.finally(async () => {
// This will hide the selected session if the location is changed to false.
// WARNING: This may need to be commented out later.
// $events_loc.launcher.slct.event_session_id = null;
// await tick();
// $events_loc.launcher.slct.event_session_id = event_session_obj?.id;
// await tick();
// $events_slct.event_session_id = event_session_obj?.id;
// $events_slct.event_session_obj = event_session_obj;
// ae_promises.slct_event_session_id = events_func.load_ae_obj_id__event_session({
// api_cfg: $ae_api,
// event_session_id: event_session_obj?.id,
// inc_file_li: true,
// inc_presentation_li: true,
// try_cache: true,
// log_lvl: 1
// })
// .then(async (load_results) => {
// console.log(`load_results = `, load_results);
// let new_url = data_url.toString();
// console.log(new_url);
// events/UFu-gF-rZ-ws/launcher/XB6wmasQN6E?
// let new_url = `/events/${$events_slct.event_id}/launcher/${$events_slct.event_location_id}`;
// goto(new_url, {replaceState: true});
});
await tick();
// let new_url = `/events/${$events_slct.event_id}/launcher/${$events_slct.event_location_id}`;
// goto(new_url, {replaceState: true});
// await tick();
new_url = `/events/${$events_slct.event_id}/launcher/${$events_slct.event_location_id}`;
} else {
// This will hide the selected session if the location is changed to false.
// WARNING: This may need to be commented out later.
// slct_event_session_id = null;
$events_loc.launcher.slct.event_location_id = null;
$events_slct.event_location_id = null;
$events_loc.launcher.slct.event_session_id = null;
$events_slct.event_session_id = null;
// WARNING: This may need to be commented out later.
}
let new_url = data_url.toString()
console.log(new_url);
goto(new_url, {replaceState: false});
// let new_url = `/events/${$events_slct.event_id}/launcher/${$events_slct.event_location_id}`;
goto(new_url, {replaceState: true});
// let new_url = data_url.toString()
// console.log(new_url);
// goto(new_url, {replaceState: false});
}}
>
<option value="">Select a location</option>
{#each $lq_get__event_location_obj_li as event_location_obj}
{#each $lq__event_location_obj_li as event_location_obj}
<option
value={event_location_obj?.id}
>
@@ -201,7 +241,7 @@ let ae_promises: key_val = {
</p>
{/if}
{#if $lq__location_event_file_obj_li && $lq__location_event_file_obj_li.length > 0}
{#if $lq__location_event_file_obj_li}
{#each $lq__location_event_file_obj_li as event_file_obj, index}
<button
disabled={!$ae_loc.trusted_access}
@@ -219,7 +259,7 @@ let ae_promises: key_val = {
class="btn btn-sm variant-ghost-primary hover:variant-filled-primary text-xs py-1 px-2"
>
<span class="fas fa-file-archive m-1"></span>
{event_file_obj?.name}
{event_file_obj?.filename}
</button>
{/each}
{/if}
@@ -229,11 +269,10 @@ let ae_promises: key_val = {
<section class="text-center">
{#if lq_get__event_session_obj_li}
{#if $lq__event_session_obj_li}
<Menu_session_list_menu
data_url={data_url}
lq__event_session_obj={lq__event_session_obj}
lq_get__event_session_obj_li={lq_get__event_session_obj_li}
lq__event_session_obj_li={lq__event_session_obj_li}
/>
{/if}

0
src/routes/events_pres_mgmt/(launcher)/launcher/[slug]/launcher_presenter_view.svelte → src/routes/events/[event_id]/(launcher)/launcher_presenter_view.svelte
View File

38
src/routes/events_pres_mgmt/(launcher)/launcher/[slug]/launcher_session_view.svelte → src/routes/events/[event_id]/(launcher)/launcher_session_view.svelte
View File

@@ -15,11 +15,11 @@ import { db_events } from "$lib/db_events";
import { events_loc, events_sess, events_slct, events_trigger } from '$lib/ae_events_stores';
import { events_func } from '$lib/ae_events_functions';
export let slct_event_session_id: string;
// export let slct_event_session_id: string;
// export let lq__event_file_obj: any;
// export let lq_get__event_file_obj_li: any;
export let lq__event_location_obj: any;
// export let lq__event_location_obj: any;
// export let lq__event_presentation_obj: any;
// export let lq_get__event_presentation_obj_li: any;
// export let lq__event_presenter_obj: any;
@@ -28,7 +28,7 @@ export let lq__event_session_obj: any;
// let load_event_session_obj = events_func.load_ae_obj_id__event_session({
// api_cfg: $ae_api,
// event_session_id: $events_loc.launcher.slct.event_session_id,
// event_session_id: $events_slct.event_session_id,
// inc_presenter_li: false,
// try_cache: true,
// log_lvl: 1
@@ -54,7 +54,7 @@ let lq__event_file_obj_li = liveQuery(
() => db_events.files
// .where('event_session_id_random')
.where('for_id_random')
.equals($events_loc.launcher.slct.event_session_id)
.equals($events_slct.event_session_id)
.sortBy('filename')
);
@@ -68,16 +68,18 @@ let lq__event_file_obj_li = liveQuery(
// Event Presentation
// let lq__event_presentation_obj = liveQuery(
// () => db_events.presentations
// .get($events_loc.launcher.slct.event_presentation_id)
// .get($events_slct.event_presentation_id)
// );
let lq__event_presentation_obj_li = liveQuery(
() => db_events.presentations
$: lq__event_presentation_obj_li = liveQuery(async () => {
let results = await db_events.presentations
.where('event_session_id_random')
.equals($events_loc.launcher.slct.event_session_id)
.sortBy('start_datetime')
.equals($events_slct.event_session_id)
.sortBy('start_datetime');
// .sortBy('name')
);
return results;
});
// FIX! This id list needs to be updated. It is currently commented out in the menu_session_list.svelte file.
// let lq_get__event_presentation_obj_li = liveQuery(
@@ -86,12 +88,14 @@ let lq__event_presentation_obj_li = liveQuery(
// );
let lq__event_presenter_obj_li = liveQuery(
() => db_events.presenters
$: lq__event_presenter_obj_li = liveQuery(async () => {
let results = await db_events.presenters
.where('event_session_id_random')
.equals($events_loc.launcher.slct.event_session_id)
.sortBy('full_name')
);
.equals($events_slct.event_session_id)
.sortBy('full_name');
return results;
});
let show_modal_upload_files: boolean = false;
let link_to_type: null|string = null;
@@ -101,10 +105,10 @@ let link_to_id: null|string = null;
let ae_promises: key_val = {};
$events_slct.id_li__event_presenter = [];
// await tick();
ae_promises[$events_loc.launcher.slct.event_session_id] = events_func.load_ae_obj_li__event_presenter({
ae_promises[$events_slct.event_session_id] = events_func.load_ae_obj_li__event_presenter({
api_cfg: $ae_api,
for_obj_type: 'event_session',
for_obj_id: $events_loc.launcher.slct.event_session_id,
for_obj_id: $events_slct.event_session_id,
// inc_file_li: false,
params: {qry__enabled: 'enabled', qry__limit: 550},
try_cache: true,

30
src/routes/events_pres_mgmt/(launcher)/launcher/[slug]/menu_session_list.svelte → src/routes/events/[event_id]/(launcher)/menu_session_list.svelte
View File

@@ -11,10 +11,10 @@ import { events_func } from '$lib/ae_events_functions';
import { tick } from 'svelte';
export let data_url: any;
export let slct_event_session_id: any;
// export let slct_event_session_id: any;
export let lq__event_session_obj: any;
export let lq_get__event_session_obj_li: any;
// export let lq__event_session_obj: any;
export let lq__event_session_obj_li: any;
let ae_promises: key_val = {
slct_event_session_id: null,
@@ -34,11 +34,11 @@ let hover_timer: any = null;
{#if $lq_get__event_session_obj_li && $lq_get__event_session_obj_li.length > 0}
{#if $lq__event_session_obj_li && $lq__event_session_obj_li.length > 0}
<div class="text-xs"><strong>
Sessions:
{#if $ae_loc.administrator_access}
({$lq_get__event_session_obj_li?.length})
({$lq__event_session_obj_li?.length})
{/if}
<!-- This should fade out once the data is loaded. -->
{#await ae_promises.slct_event_session_id}
@@ -50,17 +50,17 @@ let hover_timer: any = null;
<ul
class="space-y-1"
>
{#each $lq_get__event_session_obj_li as event_session_obj}
{#each $lq__event_session_obj_li as event_session_obj}
<li>
<button
type="button"
on:mouseenter={() => {
// Start a 750 ms timer to prevent changing the session too quickly.
hover_timer = setTimeout(async () => {
$events_loc.launcher.slct.event_session_id = null;
$events_slct.event_session_id = null;
await tick();
$events_loc.launcher.slct.event_session_id = event_session_obj?.id;
$events_slct.event_session_id = event_session_obj?.id;
data_url.searchParams.set('session_id', event_session_obj?.id);
$events_slct.event_session_id = event_session_obj?.id;
@@ -87,10 +87,10 @@ let hover_timer: any = null;
clearTimeout(hover_timer);
}}
on:click={async () => {
$events_loc.launcher.slct.event_session_id = null;
$events_slct.event_session_id = null;
await tick();
$events_loc.launcher.slct.event_session_id = event_session_obj?.id;
$events_slct.event_session_id = event_session_obj?.id;
data_url.searchParams.set('session_id', event_session_obj?.id);
$events_slct.event_session_id = event_session_obj?.id;
@@ -151,9 +151,9 @@ let hover_timer: any = null;
// goto(new_url, {replaceState: false});
}}
class="btn btn-sm hover:variant-filled-primary overflow-hidden text-sm w-full max-w-full text-left transition-all rounded-md flex flex-row justify-between items-center"
class:variant-filled-primary={$events_loc.launcher.slct.event_session_id === event_session_obj?.id}
class:variant-ghost-secondary={$events_loc.launcher.slct.event_session_id != event_session_obj?.id}
class:font-bold={$events_loc.launcher.slct.event_session_id === event_session_obj?.id}
class:variant-filled-primary={$events_slct.event_session_id === event_session_obj?.id}
class:variant-ghost-secondary={$events_slct.event_session_id != event_session_obj?.id}
class:font-bold={$events_slct.event_session_id === event_session_obj?.id}
class:hidden={!$events_loc.launcher.show_content__hidden_sessions && event_session_obj?.hide}
class:dim={event_session_obj?.hide}
@@ -162,14 +162,14 @@ let hover_timer: any = null;
<span
class="border-r border-gray-400 pr-1"
>
{#if $events_loc.launcher.slct.event_session_id === event_session_obj?.id}
{#if $events_slct.event_session_id === event_session_obj?.id}
<span class="fas fa-calendar-check"></span>
{:else}
<span class="fas fa-calendar-alt"></span>
{/if}
<span
class="text-xs"
class:hidden={$events_loc.launcher.slct.event_session_id === event_session_obj?.id}
class:hidden={$events_slct.event_session_id === event_session_obj?.id}
>
{ae_util.iso_datetime_formatter(event_session_obj?.start_datetime, 'week_medium')}
</span>

586
src/routes/events/[event_id]/+page.svelte Normal file
View File

@@ -0,0 +1,586 @@
<script lang="ts">
/** @type {import('./$types').PageData} */
export let data: any;
let log_lvl = 2;
// console.log(`ae_events_pres_mgmt event [event_id] +page.svelte data:`, data);
import { browser } from '$app/environment';
// import { goto, invalidate, pushState, replaceState } from '$app/navigation';
import type { key_val } from '$lib/ae_stores';
import { ae_util } from '$lib/ae_utils';
// import Element_data_store from '$lib/element_data_store_v2.svelte';
import Comp_event_session_obj_li from '../../events_pres_mgmt/ae_comp__event_session_obj_li.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 } from '$lib/ae_events_stores';
import { events_func } from '$lib/ae_events_functions';
import Comp_event_files_upload from './../../events_pres_mgmt/ae_comp__event_files_upload.svelte';
import Element_manage_event_file_li_wrap from '$lib/element_manage_event_file_li_direct.svelte';
import Event_page_menu from './event_page_menu.svelte';
// 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);
console.log(`event_id: ${data.params.event_id}`);
$events_slct.event_id = data.params.event_id;
// $events_slct.event_obj = ae_acct.slct.event_obj;
$events_slct.event_session_obj_li = ae_acct.slct.event_session_obj_li;
// import Leads_add_scan from './leads_add_scan.svelte';
// import Sessions_list from './sessions_list.svelte';
// import Leads_manage from './leads_manage.svelte';
// import Leads_payment from './leads_payment.svelte';
$: lq__event_obj = liveQuery(async () => {
let results = await db_events.events
.get($events_slct.event_id)
return results;
});
// JSON formatted configuration options for an event, and specifically for the presentation management module.
$: if ($lq__event_obj?.mod_pres_mgmt_json) {
// if (log_lvl) {
// console.log(`*** Event Pres Mgmt JSON *** pres_mgmt_cfg_local`, $events_loc.pres_mgmt);
// }
// $events_loc.pres_mgmt =
events_func.sync_config__event_pres_mgmt({
pres_mgmt_cfg_remote: $lq__event_obj.mod_pres_mgmt_json,
pres_mgmt_cfg_local: $events_loc.pres_mgmt,
log_lvl: log_lvl,
});
}
let event_session_id_random_li: Array<string> = [];
// OMG THIS WORKS!!! 2024-09-17
// Using the $: seems to have fixed it along with the async await?
$: lq__event_session_obj_li = liveQuery(async () => {
let results = await db_events.sessions
.bulkGet(event_session_id_random_li);
return results;
});
$: lq__event_location_obj_li = liveQuery(async () => {
let results = await db_events.locations
.where('event_id_random')
.equals($events_slct.event_id)
.sortBy('name')
return results;
});
// let load_obj_li_results: Promise<any>|key_val;
let search_submit_results: Promise<any>|key_val;
let ae_tmp: key_val = {};
let ae_triggers: key_val = {};
if ($events_loc.pres_mgmt?.save_search_text && $events_loc.pres_mgmt?.saved_search__session) {
$events_sess.pres_mgmt.fulltext_search_qry_str = $events_loc.pres_mgmt.saved_search__session;
}
if ($events_loc.pres_mgmt?.save_search_text && $events_loc.pres_mgmt?.saved_search__session_location_name) {
$events_sess.pres_mgmt.location_name_qry_str = $events_loc.pres_mgmt.saved_search__session_location_name;
}
// Functions and Logic
if (browser) {
console.log('Events Event [event_id]: +page.svelte');
$events_trigger = 'load__event_session_obj_li';
}
// Updated 2024-06-12 late
$: if ($events_trigger == 'load__event_session_obj_li' && $events_slct.event_id) {
console.log(`load__event_session_obj_li() $events_slct.event_id=${$events_slct.event_id}`);
$events_trigger = null;
if ($events_loc.pres_mgmt.save_search_text) {
if (log_lvl) {
console.log(`*** Save search text *** ${$events_loc.pres_mgmt.save_search_text}`);
}
$events_loc.pres_mgmt.saved_search__session = $events_sess.pres_mgmt.fulltext_search_qry_str;
$events_loc.pres_mgmt.saved_search__session_location_name = $events_sess.pres_mgmt.location_name_qry_str;
}
if ( $events_sess.pres_mgmt.fulltext_search_qry_str?.length > 2 ) {
console.log('*** Search string is valid ***');
process_search_string($events_sess.pres_mgmt.fulltext_search_qry_str);
} else if ( $ae_loc.authenticated_access ) {
console.log('*** Administrator Access or Trusted Access ***');
process_search_string($events_sess.pres_mgmt.fulltext_search_qry_str);
} else {
console.log('*** Check permissions and or search string. Not allowed or too short. ***');
$events_slct.event_session_obj_li = [];
event_session_id_random_li = [];
}
}
function process_search_string(search_str: string) {
console.log('process_search_string()');
if (search_str?.length) {
console.log(`*** Search string length: ${search_str.length} ***`);
// $events_slct.event_session_obj_li = [];
// $events_sess.pres_mgmt.fulltext_search_qry_str = '';
} else {
console.log(`*** Search string is empty ***`);
// $events_slct.event_session_obj_li = [];
// event_session_id_random_li = [];
// return false;
}
// let type_code = $events_sess.pres_mgmt.search_badge_type_code;
// let search_str = $events_sess.pres_mgmt.fulltext_search_qry_str.trim();
let search_method = 'lk'; // 'ft', 'lk', 'eq'
let ft_search_str_new = '';
let lk_search_str_new = '';
if (search_method == 'ft') {
// Add quotes around the search string to make it an exact match.
ft_search_str_new = `${search_str}`;
// ft_search_str_new = `"${search_str}"`;
} else if (search_method == 'lk') {
if (search_str == null) {
search_str = '';
}
// Add a wildcard to the search string to make it a like match.
lk_search_str_new = search_str.trim().replace(',', ' ').replace(';', ' ').replaceAll(' ', '%').replaceAll(' ', '%');
lk_search_str_new = `%${lk_search_str_new}%`;
}
console.log(`"${search_str}"`);
let location_name = '';
if ($events_sess.pres_mgmt.location_name_qry_str?.length) {
location_name = $events_sess.pres_mgmt.location_name_qry_str;
console.log(`Location name: ${location_name}`);
}
handle_search__event_session({
ft_search_str: ft_search_str_new,
lk_search_str: lk_search_str_new,
and_lk_location_name: location_name,
// fulltext_search_qry_str: ft_search_str_new,
// ft_presenter_search_qry_str: null,
// like_search_qry_str: lk_search_str_new,
// like_presentation_search_qry_str: lk_search_str_new,
// like_presenter_search_qry_str: lk_search_str_new,
// params: params,
try_cache: false,
log_lvl: 0,
});
}
async function handle_search__event_session(
{
ft_search_str = '',
lk_search_str = '',
and_lk_location_name = '',
search_delay = 0,
max_tries = 5,
params = {
'qry__enabled': $events_loc.pres_mgmt.qry_enabled ?? 'enabled',
'qry__hidden': $events_loc.pres_mgmt.qry_hidden ?? 'not_hidden',
'qry__limit': $events_loc.pres_mgmt.qry_limit__sessions ?? 35,
},
try_cache=false,
log_lvl=1,
}: {
ft_search_str?: string,
lk_search_str?: string,
and_lk_location_name?: string,
search_delay?: number, // In milliseconds
max_tries?: number,
params?: key_val,
try_cache?: boolean,
log_lvl?: number,
}
) {
console.log('handle_search__event_session()');
if ($events_sess.pres_mgmt?.status_qry__search != null && $events_sess.pres_mgmt?.status_qry__search != 'done') {
console.log('*** TEST SEARCH - $events_sess.pres_mgmt.status_qry__search != done ***');
// WARNING: This is a temporary fix for the search string. It needs to be fixed in the future. Using lk_search_str for now.
$events_sess.pres_mgmt.status_qry__last_request_str = lk_search_str;
// We want to delay the initial search request to give the previous search request to finish.
let random_delay = Math.floor(Math.random() * 50);
search_delay += 50+random_delay;
}
log_lvl = 2;
let count = 0;
let request_loop = setInterval(() => {
count++;
if (log_lvl) {
console.log(`*** TEST SEARCH - Search delay: ${search_delay} *** loop count=${count}`);
}
if (count >= max_tries) {
console.log('*** TEST SEARCH - Max tries reached ***');
clearInterval(request_loop);
}
if ($events_sess.pres_mgmt?.status_qry__search != null && $events_sess.pres_mgmt?.status_qry__search != 'done') {
let random_delay = Math.floor(Math.random() * 25);
search_delay += 25+random_delay;
console.log(`*** TEST SEARCH - $events_sess.pres_mgmt.status_qry__search == loading wait *** search_delay=${search_delay}`);
// $events_sess.status_qry__last_request_str = lk_search_str;
} else {
console.log('*** TEST SEARCH - $events_sess.pres_mgmt.status_qry__search != loading ***');
$events_sess.pres_mgmt.status_qry__search = 'loading';
search_submit_results = events_func.search__event_session({
api_cfg: $ae_api,
event_id: $events_slct.event_id,
// type_code: type_code,
fulltext_search_qry_str: ft_search_str,
ft_presenter_search_qry_str: null,
like_search_qry_str: lk_search_str,
like_presentation_search_qry_str: lk_search_str,
like_presenter_search_qry_str: lk_search_str,
// external_event_id: $events_loc.pres_mgmt.default__external_registration_id,
location_name: and_lk_location_name,
params: params,
try_cache: try_cache,
log_lvl: 0,
})
.then(function (search_results) {
// Processing the results from the search.
$events_sess.pres_mgmt.status_qry__search = 'processing';
$events_slct.event_session_obj_li = search_results;
console.log(search_results);
// $events_sess.pres_mgmt.status_qry__search = 'done';
if (log_lvl) {
console.log('TEST SEARCH - Search done. Pulling out the event_session_id_randoms.');
}
// console.log(`TEST search: ${$lq_kv__event_session_obj_li}`);
// event_session_id_random_li = [];
// We need to loop through the array of objects and get the event_session_id_random from each object a new list of event_session_id_randoms. Then we can use this list to get the full objects from the database.
let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
if (search_results && search_results.length) {
for (let i = 0; i < search_results.length; i++) {
tmp_li.push($events_slct.event_session_obj_li[i].event_session_id_random);
}
}
event_session_id_random_li = tmp_li;
})
.finally(() => {
// event_session_id_random_li = $events_slct.event_session_obj_li.map(session_obj => session_obj.event_session_id_random);
// Finally done with the search.
$events_sess.pres_mgmt.status_qry__search = 'done';
if (log_lvl > 1) {
console.log(`TEST SEARCH - event_session_id_random_li:`, event_session_id_random_li);
// console.log(`TEST SEARCH - search live query: ${$lq_kv__event_session_obj_li}`);
}
});
clearInterval(request_loop);
}
}, search_delay);
}
</script>
<svelte:head>
<title>
Event: {ae_util.shorten_string({string: $lq__event_obj?.name, max_length: 12})}
({$lq__event_obj?.event_id}) - Pres Mgmt - {$events_loc?.title}
</title>
</svelte:head>
<section
class="
ae_events_pres_mgmt_event
container h-full mx-auto
flex flex-col gap-1
py-1 px-2 pb-16
items-center
min-w-full
max-w-max
"
>
<!-- lg:bg-green-100
xl:bg-green-200 -->
<Event_page_menu
data={data}
lq__event_obj={lq__event_obj}
/>
{#if !$events_loc.pres_mgmt.show_content__event_view || $events_loc.pres_mgmt.show_content__event_view == 'default'}
<!-- {#if $lq__event_obj} -->
<header>
<h2 class="h3 text-center">{$lq__event_obj?.name}</h2>
<h3 class="h4 text-center">Presentations - Session Lookup</h3>
</header>
<!-- {/if} -->
<!-- This session search section should be moved to a separate Svelte component -->
<div class="variant-ghost-success my-2 p-2 rounded-md flex flex-row items-center">
<form
on:submit|preventDefault={() => {
$events_trigger = 'load__event_session_obj_li';
}}
autocomplete="off"
class="form flex-grow flex flex-row flex-wrap gap-1 justify-center items-center w-full"
>
<!-- Show/Hide session location name search button -->
<button
type="button"
class="btn btn-sm variant-ghost-warning hover:variant-filled-warning transition-all mx-1"
class:hidden={!$ae_loc.authenticated_access}
on:click={() => {
$events_sess.pres_mgmt.location_name_qry_str = '';
$events_loc.pres_mgmt.show_content__session_search_room_name = !$events_loc.pres_mgmt.show_content__session_search_room_name;
}}
title="Search by location name"
>
<span class="fas fa-search-location"></span>
</button>
<select
name="location_name_list"
id="session_location_name_list"
bind:value={$events_sess.pres_mgmt.location_name_qry_str}
class="input text-xs font-bold font-mono min-w-fit w-min max-w-40 transition-all mx-1"
class:hidden={!$ae_loc.authenticated_access || !$events_loc.pres_mgmt.show_content__session_search_room_name}
on:change={() => {
$events_trigger = 'load__event_session_obj_li';
}}
>
{#if $lq__event_location_obj_li}
<option value="">Location?</option>
{#each $lq__event_location_obj_li as event_location_obj}
<option value={event_location_obj?.name}>{event_location_obj.name}</option>
{/each}
{/if}
</select>
<button
type="button"
class="btn btn-sm variant-ghost-warning hover:variant-filled-warning transition-all mx-1"
on:click={() => {
$events_sess.pres_mgmt.fulltext_search_qry_str = '';
$events_trigger = 'load__event_session_obj_li';
}}
title="Clear search text"
>
<!-- <span class="fas fa-backspace"></span> -->
<!-- <span class="fas fa-broom"></span> -->
<span class="fas fa-remove-format"></span>
<!-- Clear text -->
</button>
<input
type="search"
placeholder="Search for a session"
id="session_fulltext_search_qry_str"
bind:value={$events_sess.pres_mgmt.fulltext_search_qry_str}
class="input text-1xl hover:text-2xl font-bold font-mono w-80 transition-all mx-1"
on:keyup={() => {
if ($events_sess.pres_mgmt?.fulltext_search_qry_str && $events_sess.pres_mgmt.fulltext_search_qry_str.length >= 3) {
$events_trigger = 'load__event_session_obj_li';
}
}}
autofocus
suggest="off"
data-ignore="true"
/>
<button
type="submit"
class="btn btn-lg variant-ghost-success hover:variant-filled-success text-2xl font-bold w-48 transition-all mx-1"
on:click={() => {
}}
title="Search for a session"
>
{#if $events_sess.pres_mgmt.status_qry__search == 'loading'}
<span class="fas fa-spinner fa-spin"></span>
{:else }
<!-- Nothing -->
{/if}
<span class="fas fa-search mx-1"></span>
Search
</button>
</form>
</div>
<!-- {#await load_obj_li_results}
<span class="modal-loading">
<span class="fas fa-spinner fa-spin"></span>
<span class="loading-text">
Loading...
</span>
</span>
{:then load_obj_li_results}
{#if load_obj_li_results}
<span class="fas fa-check text-green-500"></span>
<span class="saved-text">
Loaded
</span>
{/if}
{/await} -->
<!-- count: {$lq__event_session_obj_li?.length}???
count ids: {event_session_id_random_li?.length ?? 'nothing???'}??? -->
<!-- {#if $events_slct.event_session_obj_li?.length && $events_slct.event_session_obj_li?.length == event_session_id_random_li?.length} -->
{#if $lq__event_session_obj_li && $lq__event_session_obj_li?.length > 0 && event_session_id_random_li && event_session_id_random_li?.length > 0}
<!-- <div class="sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 md:max-w-screen-md lg:max-w-screen-lg xl:max-w-screen-xl overflow-x-scroll outline"> -->
<!-- <div class="sm:bg-red-100 md:bg-yellow-100 lg:bg-white"> -->
<Comp_event_session_obj_li
lq__event_session_obj_li={lq__event_session_obj_li}
hide__session_location={$events_loc.pres_mgmt.hide__session_location}
hide__session_poc={$events_loc.pres_mgmt.hide__session_poc || $events_loc.pres_mgmt.hide__session_li_poc_field}
show__launcher_link={($ae_loc.manager_access || $ae_loc.administrator_access) && $events_loc.pres_mgmt.show__launcher_link}
show__launcher_link_legacy={$ae_loc.manager_access || $ae_loc.trusted_access && $events_loc.pres_mgmt.show__launcher_link_legacy}
show__location_link={$events_loc.pres_mgmt.show_content__location_link}
log_lvl={log_lvl}
/>
<!-- </div> -->
{:else}
<section class="text-center text-2xl bg-yellow-100 p-4 rounded-md lg:max-w-lg space-y-2">
<div>
<span class="fas fa-exclamation-triangle text-2xl text-yellow-500"></span>
<strong>No results to show</strong>
<span class="fas fa-exclamation-triangle text-2xl text-yellow-500"></span>
<br>
<div class="text-lg">
Please use the search above to find your session.
</div>
</div>
<div>
<strong>Search by:</strong>
<ul
class="list-disc list-inside text-lg text-left"
>
<li>Session name</li>
<li>Session description</li>
<li>Presentation name</li>
<li>Presenter names</li>
<li>Presenter ID (member ID)</li>
</ul>
</div>
</section>
{/if}
{:else if $events_loc.pres_mgmt.show_content__event_view == 'manage_files' && $ae_loc.trusted_access}
{#if $lq__event_obj}
<header>
<h2 class="h3 text-center">{$lq__event_obj?.name}</h2>
<h3 class="h4 text-center">Event - Manage Files</h3>
</header>
{/if}
<div>
<h3 class="h5 text-center">
<span class="fas fa-tasks m-1"></span>
<span class="fas fa-mail-bulk m-1"></span>
Manage and Upload Event Files:
</h3>
<Comp_event_files_upload
class_li="border border-gray-300 rounded-md p-2 bg-gray-100 hover:bg-gray-200"
link_to_type="event"
link_to_id={$lq__event_obj?.event_id}
>
<span slot="label">
<div>
<span class="fas fa-upload"></span>
<strong class="bg-red-200 p-1">Upload global event files only!</strong>
</div>
<span class="text-sm text-gray-600 dark:text-gray-400 italic">
<strong>Global event files only</strong><br>
Recommended: PowerPoint (pptx) or Keynote (key)<br>
Media: Audio and videos files should be directly embedded in PowerPoint (PPTX) files<br>
Supplemental files: mp4, PDF, Word Doc, Excel, txt, etc
</span>
</span>
</Comp_event_files_upload>
<div class="overflow-x-auto w-max max-w-full">
<Element_manage_event_file_li_wrap
link_to_type={'event'}
link_to_id={$lq__event_obj?.event_id_random}
allow_basic={$events_loc.auth__kv.session[$lq__event_obj?.event_id_random] || $events_loc.auth__kv.session[$lq__event_obj?.event_id_random]}
allow_moderator={$events_loc.auth__kv.session[$lq__event_obj?.event_id_random]}
container_class_li={''}
/>
</div>
</div>
{/if}
</section>
<style lang="postcss">
/* Use the div.ae_quick_modal_container to block background clicks when using the section.ae_quick_popover. */
/* div.ae_quick_modal_container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background-color: hsla(0, 0%, 0%, .5);
} */
/* The section.ae_quick_popover should be above the rest of the content and centered on the page. */
/* section.ae_quick_popover {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 100;
background-color: hsla(0, 0%, 100%, .95);
padding: 1rem;
border-radius: .5rem;
box-shadow: 0 0 1rem hsla(0, 0%, 0%, .5);
min-height: 30%;
min-width: 80%;
} */
</style>

76
src/routes/events/[event_id]/+page.ts Normal file
View File

@@ -0,0 +1,76 @@
/** @type {import('./$types').PageLoad} */
console.log(`Events - [event_id] +page.ts start`);
import { error } from '@sveltejs/kit';
import { browser } from '$app/environment';
import { events_func } from '$lib/ae_events_functions';
export async function load({ params, parent }) { // route
let log_lvl = 0;
let data = await parent();
// console.log(`ae events_pres_mgmt event [event_id] +page.ts data:`, data);
data.log_lvl = log_lvl;
let account_id = data.account_id;
let ae_acct = data[account_id];
// console.log(`ae_acct = `, ae_acct);
// if (!account_id) {
// console.log(`events_pres_mgmt_event [event_id] +page.ts: The account_id was not found in the data!!!`);
// return false;
// }
// data.ae_events_pres_mgmt_event_event_id_page_ts = true;
let event_id = params.event_id;
if (!event_id) {
console.log(`ae Events - [event_id] +page.ts: The event_id was not found in the params.event_id!!!`);
error(404, {
message: 'Event ID not found'
});
}
// ae_acct.slct.event_id = event_id;
// let load_event_obj = events_func.handle_load_ae_obj_id__event({
// api_cfg: ae_acct.api, event_id: event_id, try_cache: true
// });
// ae_acct.slct.event_obj = await load_event_obj;
if (browser) {
let load_event_obj = events_func.handle_load_ae_obj_id__event({
api_cfg: ae_acct.api, event_id: event_id, try_cache: true
});
console.log(`load_event_obj = `, load_event_obj);
ae_acct.slct.event_obj = load_event_obj;
let load_event_session_obj_li = events_func.load_ae_obj_li__event_session({
api_cfg: ae_acct.api,
for_obj_type: 'event',
for_obj_id: event_id,
params: {qry__enabled: 'enabled', qry__hidden: 'all', qry__limit: 200},
try_cache: true,
log_lvl: 1
});
console.log(`load_event_session_obj_li = `, load_event_session_obj_li);
ae_acct.slct.event_session_obj_li = load_event_session_obj_li;
let load_event_location_obj_li = events_func.load_ae_obj_li__event_location({
api_cfg: ae_acct.api,
for_obj_type: 'event',
for_obj_id: event_id,
params: {qry__enabled: 'enabled', qry__hidden: 'all', qry__limit: 200},
try_cache: true,
log_lvl: 1
});
console.log(`load_event_location_obj_li = `, load_event_location_obj_li);
ae_acct.slct.event_location_obj_li = load_event_location_obj_li;
}
// WARNING: Precaution against shared data between sites and sessions.
data[account_id] = ae_acct;
return data;
}

451
src/routes/events/[event_id]/event_page_menu.svelte Normal file
View File

@@ -0,0 +1,451 @@
<script lang="ts">
export let data: any;
import type { key_val } from '$lib/ae_stores';
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 Element_data_store from '$lib/element_data_store_v2.svelte';
import Comp__pres_mgmt_menu_nav from './../ae_comp__events_menu_nav.svelte';
export let lq__event_obj: any;
let ae_tmp: key_val = {};
let ae_triggers: key_val = {};
</script>
<!-- New standard page specific menu 2024-08-01 -->
<div
class="pres_mgmt__session_search {ae_snip.classes__events_pres_mgmt_menu}"
class:border-gray-100={!$events_loc.pres_mgmt.show_menu__session_search}
>
<!-- BEGIN: The menu button options -->
<div
class="flex flex-row flex-wrap gap-1 items-center justify-around w-full">
<Comp__pres_mgmt_menu_nav
hide={!$ae_loc.trusted_access}
ae_core={$ae_loc.administrator_access}
pres_mgmt__reports={$events_slct.event_id && $ae_loc.trusted_access}
/>
<span
class="ae_menu__object_options flex flex-row items-center justify-around"
>
<!-- Button to toggle between the regular event session search view and managing event files -->
<button
type="button"
on:click={() => {
if ($events_loc.pres_mgmt.show_content__event_view == 'manage_files') {
$events_loc.pres_mgmt.show_content__event_view = null;
} else {
$events_loc.pres_mgmt.show_content__event_view = 'manage_files';
}
}}
class="{ae_snip.classes__events_pres_mgmt_menu__button_special}"
class:variant-filled-primary={$events_loc.pres_mgmt.show_content__event_view == 'manage_files'}
class:variant-glass-primary={$events_loc.pres_mgmt.show_content__event_view != 'manage_files'}
class:hidden={!$ae_loc.administrator_access}
disabled={!$ae_loc.manager_access}
title="Session search or manage files for the event"
>
{#if $events_loc.pres_mgmt.show_content__event_view == 'manage_files'}
<span class="fas fa-users m-1"></span>
<!-- View Session Search -->
Session Search?
{:else}
<span class="fas fa-file-archive m-1"></span>
Event Files?
<span
class="badge badge-icon variant-glass-success absolute -top-1.5 -right-1.5 z-10"
class:hidden={!$lq__event_obj?.file_count}
>
{$lq__event_obj?.file_count}&times;
</span>
{/if}
</button>
<!-- Button to toggle between showing and not showing the extended options menu -->
<button
type="button"
on:click={() => {
if ($events_loc.pres_mgmt.show_menu__session_search == 'options') {
$events_loc.pres_mgmt.show_menu__session_search = null;
} else {
$events_loc.pres_mgmt.show_menu__session_search = 'options';
}
}}
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
class:variant-filled-secondary={$events_loc.pres_mgmt.show_menu__session_search == 'options'}
class:variant-glass-secondary={$events_loc.pres_mgmt.show_menu__session_search != 'options'}
class:hidden={!$ae_loc.trusted_access}
title="Options for the presenter"
>
<span class="fas fa-cog m-1"></span>
{#if $events_loc.pres_mgmt.show_menu__session_search == 'options'}
Hide
{:else}
<span class="hidden">
Show
</span>
{/if}
Options?
</button>
<button
type="button"
on:click={() => {
if ($events_loc.pres_mgmt.show_menu__session_search == 'help') {
$events_loc.pres_mgmt.show_menu__session_search = null;
} else {
$events_loc.pres_mgmt.show_menu__session_search = 'help';
}
}}
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
class:variant-filled-secondary={$events_loc.pres_mgmt.show_menu__session_search == 'help'}
class:variant-glass-secondary={$events_loc.pres_mgmt.show_menu__session_search != 'help'}
title="Help and information about the session search"
>
<span class="fas fa-question-circle m-1"></span>
{#if $events_loc.pres_mgmt.show_menu__session_search == 'help'}
Hide Help?
{:else}
Help?
{/if}
</button>
</span>
<span
class="ae_menu__action_options"
class:hidden={true}
>
No action options here yet.
</span>
</div> <!-- END: The menu button options -->
<!-- BEGIN: The expanded menu area for information and options -->
<div
class="flex flex-row flex-wrap gap-1 items-center justify-around w-full bg-blue-100 hover:bg-blue-200 border border-blue-200 hover:border-blue-400 p-2 rounded-md"
class:hidden={$events_loc.pres_mgmt.show_menu__session_search != 'options'}
>
<div
class="flex flex-col gap-1"
>
<!-- Save search text option toggle button? -->
<button
type="button"
on:click={() => {
$events_loc.pres_mgmt.save_search_text = !$events_loc.pres_mgmt.save_search_text;
}}
class="btn btn-sm"
class:variant-ghost-success={$events_loc.pres_mgmt.save_search_text}
class:variant-ghost-warning={!$events_loc.pres_mgmt.save_search_text}
title="Save the search text for this session search?"
>
{#if $events_loc.pres_mgmt.save_search_text}
<span class="fas fa-toggle-on m-1"></span>
Save Search Text
{:else}
<span class="fas fa-toggle-off m-1"></span>
<!-- <span class="fas fa-save m-1"></span> -->
Save Search Text?
{/if}
</button>
</div>
{#if $ae_loc.authenticated_access}
<div
class="flex flex-col gap-1 items-end justify-center"
>
<!-- Max presenters select options -->
<span
class="flex flex-row gap-1 items-center justify-around"
>
<label
class="text-sm w-32 text-right"
for="qry_limit__presenters">
Max presenters:
</label>
<select
id="qry_limit__presenters"
bind:value={$events_loc.pres_mgmt.qry_limit__presenters}
on:change={() => {
// search__event_presenter({
// api_cfg: $ae_api,
// event_id: $events_slct.event_id,
// agree: true,
// biography: null,
// ft_search_str: '',
// lk_search_str: '',
// params: {
// 'qry__enabled': 'enabled',
// 'qry__hidden': 'not_hidden',
// 'qry__limit': $events_loc.pres_mgmt.qry_limit__presenters,},
// try_cache: false,
// log_lvl: log_lvl,
// });
}}
class="select w-20 text-sm"
>
<option value={25}>25</option>
<option value={50}>50</option>
<option value={75}>75</option>
<option value={100}>100</option>
<option value={200}>200</option>
<option value={500}>500</option>
</select>
</span>
<!-- Max sessions select options -->
<span
class="flex flex-row gap-1 items-center justify-around"
>
<label
class="text-sm w-32 text-right"
for="qry_limit__sessions">
Max sessions:
</label>
<select
id="qry_limit__sessions"
bind:value={$events_loc.pres_mgmt.qry_limit__sessions}
on:change={() => {
// search__event_presenter({
// api_cfg: $ae_api,
// event_id: $events_slct.event_id,
// agree: true,
// biography: null,
// ft_search_str: '',
// lk_search_str: '',
// params: {
// 'qry__enabled': 'enabled',
// 'qry__hidden': 'not_hidden',
// 'qry__limit': $events_loc.pres_mgmt.qry_limit__sessions,},
// try_cache: false,
// log_lvl: log_lvl,
// });
}}
class="select w-20 text-sm"
>
<option value={25}>25</option>
<option value={50}>50</option>
<option value={75}>75</option>
<option value={100}>100</option>
<option value={200}>200</option>
<option value={500}>500</option>
</select>
</span>
<!-- Max files select options -->
<span
class="flex flex-row gap-1 items-center justify-around"
>
<label
class="text-sm w-32 text-right"
for="qry_limit__files">
Max files:
</label>
<select
id="qry_limit__files"
bind:value={$events_loc.pres_mgmt.qry_limit__files}
on:change={() => {
// search__event_presenter({
// api_cfg: $ae_api,
// event_id: $events_slct.event_id,
// agree: true,
// biography: null,
// ft_search_str: '',
// lk_search_str: '',
// params: {
// 'qry__enabled': 'enabled',
// 'qry__hidden': 'not_hidden',
// 'qry__limit': $events_loc.pres_mgmt.qry_limit__files,},
// try_cache: false,
// log_lvl: log_lvl,
// });
}}
class="select w-20 text-sm"
>
<option value={25}>25</option>
<option value={50}>50</option>
<option value={75}>75</option>
<option value={100}>100</option>
<option value={200}>200</option>
<option value={500}>500</option>
</select>
</span>
</div>
{/if}
{#if $ae_loc.authenticated_access}
<div class="flex flex-col gap-1 items-center">
<!-- Button to toggle between showing and not showing the launcher and location links -->
{#if $events_loc.pres_mgmt.show_content__launcher_link || $events_loc.pres_mgmt.show_content__location_link}
<button
disabled={!$ae_loc.administrator_access}
on:click={() => {
$events_loc.pres_mgmt.show_content__launcher_link = false;
$events_loc.pres_mgmt.show_content__location_link = false;
}}
class="btn btn-sm variant-ghost-success"
>
<span class="fas fa-toggle-on m-1"></span>
Showing Links
</button>
{:else}
<button
disabled={!$ae_loc.administrator_access}
on:click={() => {
$events_loc.pres_mgmt.show_content__launcher_link = true;
$events_loc.pres_mgmt.show_content__location_link = true;
}}
class="btn btn-sm variant-ringed-warning"
>
<span class="fas fa-toggle-off m-1"></span>
Show Links?
</button>
{/if}
<!-- Button to toggle between showing and not showing the launcher and location links -->
{#if !$events_loc.pres_mgmt?.hide__session_li_poc_field}
<button
disabled={!$ae_loc.authenticated_access}
on:click={() => {
$events_loc.pres_mgmt.hide__session_li_poc_field = true;
}}
class="btn btn-sm variant-ghost-success"
>
<span class="fas fa-toggle-on m-1"></span>
Showing POC
</button>
{:else}
<button
disabled={!$ae_loc.authenticated_access}
on:click={() => {
$events_loc.pres_mgmt.hide__session_li_poc_field = false;
}}
class="btn btn-sm variant-ringed-warning"
>
<span class="fas fa-toggle-off m-1"></span>
Show POC
</button>
{/if}
<!-- Button to toggle between the showing hidden sessions -->
{#if $events_loc.pres_mgmt.qry_hidden == 'all'}
<button
type="button"
on:click={() => {
if ($events_loc.pres_mgmt.qry_hidden == 'all') {
$events_loc.pres_mgmt.qry_hidden = 'not_hidden';
} else {
$events_loc.pres_mgmt.qry_hidden = 'all';
}
}}
class="btn btn-sm variant-ghost-success"
title="Hide sessions marked as hidden?"
>
<span class="fas fa-eye-slash m-1"></span>
Hide Sessions?
</button>
{:else}
<button
type="button"
on:click={() => {
if ($events_loc.pres_mgmt.qry_hidden == 'all') {
$events_loc.pres_mgmt.qry_hidden = 'not_hidden';
} else {
$events_loc.pres_mgmt.qry_hidden = 'all';
}
}}
class="btn btn-sm variant-ghost-warning"
title="Show all (hidden) sessions?"
>
<span class="fas fa-eye m-1"></span>
Show All (Hidden) Sessions?
</button>
{/if}
{#if $ae_loc.manager_access}
{#if $events_loc.pres_mgmt.qry_enabled == 'all'}
<button
type="button"
on:click={() => {
if ($events_loc.pres_mgmt.qry_enabled == 'all') {
$events_loc.pres_mgmt.qry_enabled = 'enabled';
} else {
$events_loc.pres_mgmt.qry_enabled = 'all';
}
}}
class="btn btn-sm variant-ghost-success"
title="Hide disabled sessions?"
>
<span class="fas fa-eye-slash m-1"></span>
Hide Disabled Sessions?
</button>
{:else}
<button
type="button"
on:click={() => {
if ($events_loc.pres_mgmt.qry_enabled == 'all') {
$events_loc.pres_mgmt.qry_enabled = 'enabled';
} else {
$events_loc.pres_mgmt.qry_enabled = 'all';
}
}}
class="btn btn-sm variant-ghost-warning"
title="Show disabled sessions?"
>
<span class="fas fa-eye m-1"></span>
Show All (Disabled) Sessions?
</button>
{/if}
{/if}
</div>
{/if}
</div> <!-- END: The expanded menu area for information and options -->
<Element_data_store
ds_code="events__pres_mgmt__session_search_help"
ds_name="Default: Events - Pres Mgmt Session Search Help"
ds_type="html"
for_type="event"
for_id={$events_slct.event_id}
class_li="bg-yellow-100 border border-yellow-400 p-2 rounded-md max-w-xl"
show_edit={false}
show_edit_btn={true}
hide={$events_loc.pres_mgmt.show_menu__session_search != 'help'}
/>
<div>
<button
type="button"
on:click={() => {
$events_loc.pres_mgmt.show_menu__session_search = !$events_loc.pres_mgmt.show_menu__session_search;
}}
class="btn btn-sm mx-1 variant-ghost-error hover:variant-filled-error"
class:hidden={!$events_loc.pres_mgmt.show_menu__session_search}
title="Collapse the expanded menu"
>
<span class="fas fa-chevron-up m-1"></span>
{#if $events_loc.pres_mgmt.show_menu__session_search}
Hide
<!-- Collapse -->
{:else}
Show
{/if}
<!-- Menu? -->
</button>
</div>
</div> <!-- End of the new standard page specific menu -->

67
src/routes/events/ae_comp__events_menu_nav.svelte Normal file
View File

@@ -0,0 +1,67 @@
<script lang="ts">
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';
export let hide: boolean = true;
export let ae_core: boolean = false;
export let pres_mgmt__launcher_id: boolean = false; // event_location_id
export let pres_mgmt__location_id: boolean = false; // event_location_id
export let pres_mgmt__presenter_id: boolean = false; // event_presenter_id
export let pres_mgmt__reports: boolean = false; // event_id
export let pres_mgmt__session_id: boolean = false; // event_session_id
export let pres_mgmt__session_search: boolean = false; // event_id
</script>
<!-- This is for common navigation links. -->
<div
class="ae_comp__pres_mgmt_menu_nav flex flex-row items-center justify-around"
class:hidden={hide}
>
<span
class="ae_menu__navigation_options flex flex-row items-center justify-around"
>
<a
href="/core"
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
class:hidden={!ae_core}
>
<span class="fas fa-cogs m-1"></span>
&AElig; Core
</a>
<a
href="/events_pres_mgmt/event/{pres_mgmt__reports}/reports"
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
class:hidden={!pres_mgmt__reports}
>
<span class="fas fa-chart-line m-1"></span>
Pres Mgmt Reports
</a>
</span>
<span
class="ae_menu__navigation_options flex flex-row items-center justify-around"
>
<a
href="/events_pres_mgmt/event/{pres_mgmt__session_search}"
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
class:hidden={!pres_mgmt__session_search}
>
<span class="fas fa-arrow-left m-1"></span>
Back to Session Search
</a>
<a
href="/events_pres_mgmt/session/{pres_mgmt__session_id}"
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
class:hidden={!pres_mgmt__session_id}
>
<span class="fas fa-arrow-left m-1"></span>
Back to Session
</a>
</span>
</div>

207
src/routes/events/ae_comp__events_menu_opts.svelte Normal file
View File

@@ -0,0 +1,207 @@
<script lang="ts">
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';
export let hide: boolean = true;
</script>
<div
class="ae_comp__pres_mgmt_menu_opts w-full border-t border-gray-300 mt-1"
class:hidden={hide}
>
<h2 class="text-sm font-semibold text-center pb-1">
<button
type="button"
on:click={() => {
$events_loc.pres_mgmt.hide__menu_opts = !$events_loc.pres_mgmt.hide__menu_opts;
}}
class="btn btn-sm variant-ghost-info"
>
{#if $events_loc.pres_mgmt.hide__menu_opts}
<span class="fas fa-chevron-up m-1"></span>
{:else}
<span class="fas fa-chevron-down m-1"></span>
{/if}
&AElig; Pres Mgmt Menu Options
{#if $events_loc.pres_mgmt.hide__menu_opts}
<span class="fas fa-chevron-up m-1"></span>
{:else}
<span class="fas fa-chevron-down m-1"></span>
{/if}
</button>
</h2>
<div
class="flex flex-row gap-1 items-center justify-between"
class:hidden={$events_loc.pres_mgmt.hide__menu_opts}
>
<div class="flex flex-row flex-wrap gap-1 items-center justify-evenly">
{#if $ae_loc.authenticated_access}
{#if !$events_loc.pres_mgmt.hide__session_msg}
<button
type="button"
on:click={() => {
$events_loc.pres_mgmt.hide__session_msg = true;
}}
class="btn btn-sm variant-ghost-success"
>
<span class="fas fa-toggle-on m-1"></span>
Showing Session Message
</button>
{:else}
<button
type="button"
on:click={() => {
$events_loc.pres_mgmt.hide__session_msg = false;
}}
class="btn btn-sm variant-ringed-warning"
>
<span class="fas fa-toggle-off m-1"></span>
Show Session Message?
</button>
{/if}
{/if}
{#if $ae_loc.authenticated_access}
{#if !$events_loc.pres_mgmt.hide__session_code}
<button
type="button"
on:click={() => {
$events_loc.pres_mgmt.hide__session_code = true;
}}
class="btn btn-sm variant-ghost-success"
>
<span class="fas fa-toggle-on m-1"></span>
Showing Session Code
</button>
{:else}
<button
type="button"
on:click={() => {
$events_loc.pres_mgmt.hide__session_code = false;
}}
class="btn btn-sm variant-ringed-warning"
>
<span class="fas fa-toggle-off m-1"></span>
Show Session Code?
</button>
{/if}
{/if}
{#if $ae_loc.trusted_access}
{#if $events_loc.pres_mgmt.show__copy_access_link}
<button
type="button"
on:click={() => {
$events_loc.pres_mgmt.show__copy_access_link = false;
}}
class="btn btn-sm variant-ghost-success"
>
<span class="fas fa-toggle-on m-1"></span>
Showing Copy Access Link
</button>
{:else}
<button
type="button"
on:click={() => {
$events_loc.pres_mgmt.show__copy_access_link = true;
}}
class="btn btn-sm variant-ringed-warning"
>
<span class="fas fa-toggle-off m-1"></span>
Show Copy Access Link?
</button>
{/if}
{/if}
{#if $ae_loc.trusted_access}
{#if $events_loc.pres_mgmt.show__email_access_link}
<button
type="button"
on:click={() => {
$events_loc.pres_mgmt.show__email_access_link = false;
}}
class="btn btn-sm variant-ghost-success"
>
<span class="fas fa-toggle-on m-1"></span>
Showing Email Access Link
</button>
{:else}
<button
type="button"
on:click={() => {
$events_loc.pres_mgmt.show__email_access_link = true;
}}
class="btn btn-sm variant-ringed-warning"
>
<span class="fas fa-toggle-off m-1"></span>
Show Email Access Link?
</button>
{/if}
{/if}
{#if $ae_loc.authenticated_access}
{#if $events_loc.pres_mgmt.show_content__session_qr}
<button
type="button"
on:click={() => {
$events_loc.pres_mgmt.show_content__session_qr = false;
}}
class="btn btn-sm variant-ghost-success"
>
<span class="fas fa-toggle-on m-1"></span>
Showing Session QR Code
</button>
{:else}
<button
type="button"
on:click={() => {
$events_loc.pres_mgmt.show_content__session_qr = true;
}}
class="btn btn-sm variant-ringed-warning"
>
<span class="fas fa-toggle-off m-1"></span>
Show Session QR Code?
</button>
{/if}
{/if}
</div>
<div class="flex flex-row gap-1 items-center justify-evenly">
{#if $ae_loc.trusted_access}
{#if $ae_loc.edit_mode}
<button
type="button"
on:click={() => {
$ae_loc.edit_mode = false;
}}
class="btn btn-sm variant-ghost-success"
>
<!-- <span class="fas fa-toggle-on m-1"></span> -->
<span class="fas fa-edit m-1"></span>
Edit Mode On
</button>
{:else}
<button
type="button"
on:click={() => {
$ae_loc.edit_mode = true;
}}
class="btn btn-sm variant-ringed-warning"
>
<span class="fas fa-toggle-off m-1"></span>
<!-- <span class="fas fa-edit m-1"></span> -->
Edit Mode?
</button>
{/if}
{/if}
</div>
</div>
</div>

25
src/routes/events_pres_mgmt/(launcher)/+layout.svelte
View File

@@ -1,25 +0,0 @@
<script lang="ts">
/** @type {import('./$types').LayoutData} */
export let data: any;
let log_lvl = 0;
// import { AppShell, AppBar, initializeStores } from '@skeletonlabs/skeleton';
// import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
// import { events_loc, events_slct } from '$lib/ae_events_stores';
import { onMount } from 'svelte';
onMount(() => {
console.log('Launcher: +layout.svelte');
// Hide the AppShell shell header (id="shell-header") and footer
document.getElementById('shell-header').classList.add('hidden');
document.getElementById('shell-footer').classList.add('hidden');
});
</script>
<slot />

130
src/routes/events_pres_mgmt/(launcher)/launcher/[slug]/+page.ts
View File

@@ -1,130 +0,0 @@
/** @type {import('./$types').PageLoad} */
import { error } from '@sveltejs/kit';
console.log(`ae pres_mgmt launcher [slug] +page.ts: start`);
import { browser } from '$app/environment';
import { events_func } from '$lib/ae_events_functions';
export async function load({ params, parent, url }) { // route
let log_lvl = 0;
let data = await parent();
// console.log(`ae events_pres_mgmt event [slug] +page.ts data:`, data);
data.log_lvl = log_lvl;
let account_id = data.account_id;
let ae_acct = data[account_id];
console.log(`ae_acct = `, ae_acct);
// if (!account_id) {
// console.log(`ae pres_mgmt launcher [slug] +page.ts: The account_id was not found in the data!!!`);
// error(404, {
// message: 'Account ID not found'
// });
// }
let event_id = params.slug;
if (!event_id) {
console.log(`ae pres_mgmt launcher [slug] +layout.ts: The event_id was not found in the params.slug!!!`);
error(404, {
message: 'Event ID not found'
});
}
ae_acct.trig = {};
if (ae_acct.slct.event_id !== event_id) {
ae_acct.slct.event_id = event_id;
ae_acct.trig.event_id = true;
// let load_event_obj = events_func.handle_load_ae_obj_id__event({
// api_cfg: ae_acct.api,
// event_id: event_id,
// try_cache: false
// });
// ae_acct.slct.event_obj = await load_event_obj;
}
if (browser) {
ae_acct.trig.event_location_obj_li = false;
let load_event_location_obj_li = await events_func.load_ae_obj_li__event_location({
api_cfg: ae_acct.api,
event_id: event_id,
inc_file_li: true,
params: {qry__enabled: 'enabled', qry__limit: 550},
try_cache: true
})
.finally(() => {
// console.log(`load_event_location_obj_li = `, load_event_location_obj_li);
ae_acct.trig.event_location_obj_li = true;
});
ae_acct.slct.event_location_obj_li = load_event_location_obj_li;
// console.log(`ae_acct.slct.event_location_obj_li = `, ae_acct.slct.event_location_obj_li);
let id_li__event_location = [];
let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
for (let i = 0; i < load_event_location_obj_li.length; i++) {
let event_location_obj = load_event_location_obj_li[i];
let event_location_id_random = event_location_obj.event_location_id_random;
tmp_li.push(event_location_id_random);
}
id_li__event_location = tmp_li;
console.log(`id_li__event_location:`, id_li__event_location);
ae_acct.slct.id_li__event_location = id_li__event_location;
}
let for_obj_type = 'event';
let for_obj_id = event_id;
// ae_acct.trig.event_session_obj_li = true;
if (browser) {
console.log('HERE!!!');
// if (url.searchParams.get('location_id')) {
// console.log(`url.searchParams.get('location_id') = `, url.searchParams.get('location_id'));
// for_obj_type = 'event_location';
// for_obj_id = url.searchParams.get('location_id');
// }
ae_acct.trig.event_session_obj_li = false;
let load_event_session_obj_li = await events_func.load_ae_obj_li__event_session({
api_cfg: ae_acct.api,
for_obj_type: for_obj_type,
for_obj_id: for_obj_id,
// inc_file_li: false,
// inc_presentation_li: false,
params: {qry__enabled: 'enabled', qry__hidden: 'all', qry__limit: 150},
try_cache: true
})
.finally(() => {
// console.log(`load_event_session_obj_li = `, load_event_session_obj_li);
// ae_acct.trig.event_session_obj_li = false;
});
ae_acct.slct.event_session_obj_li = load_event_session_obj_li;
// console.log(`ae_acct.slct.event_session_obj_li = `, ae_acct.slct.event_session_obj_li);
let id_li__event_session = [];
let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
for (let i = 0; i < load_event_session_obj_li.length; i++) {
let event_session_obj = load_event_session_obj_li[i];
let event_session_id_random = event_session_obj.event_session_id_random;
tmp_li.push(event_session_id_random);
}
id_li__event_session = tmp_li;
console.log(`id_li__event_session:`, id_li__event_session);
ae_acct.slct.id_li__event_session = id_li__event_session;
} else {
console.log(`ae pres_mgmt launcher [slug] +page.ts: browser = false`);
}
// WARNING: Precaution against shared data between sites and sessions.
data[account_id] = ae_acct;
return data;
}

462
src/routes/events_pres_mgmt/(launcher)/launcher/[slug]/+page@(launcher).svelte
View File

@@ -1,462 +0,0 @@
<script lang="ts">
/** @type {import('./$types').PageData} */
export let data: any;
// Imports
import { browser } from '$app/environment';
import { onMount } from 'svelte';
// import type { key_val } from '$lib/ae_stores';
import { ae_util } from '$lib/ae_utils';
// import { api } from '$lib/api';
// import Element_ae_crud from '$lib/element_ae_crud.svelte';
// import Element_data_store from '$lib/element_data_store_v2.svelte';
import { liveQuery } from "dexie";
// import { core_func } from '$lib/ae_core_functions';
// import { db_core } from "$lib/db_core";
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 } from '$lib/ae_events_stores';
import { events_func } from '$lib/ae_events_functions';
import { kill_processes, open_local_file_v2, run_cmd, run_cmd_sync, run_osascript, get_device_info } from '$lib/electron_relay.js';
import Event_launcher_menu from './launcher_menu.svelte';
import Event_launcher_session_view from './launcher_session_view.svelte';
// import native_app from '$lib/electron_native.js';
// Exports
// Variables
// 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;
// if (browser) {
// console.log(`Browser: ${browser}`);
// events_func.db_save_ae_obj_li__event_location({
// obj_type: 'event_location',
// obj_li: ae_acct.slct.event_location_obj_li
// });
// events_func.db_save_ae_obj_li__event_session({
// obj_type: 'event_session',
// obj_li: ae_acct.slct.event_session_obj_li
// });
// }
console.log(`ae_acct.slct.event_id:`, ae_acct.slct.event_id);
$events_slct.event_id = ae_acct.slct.event_id;
// $events_slct.event_obj = ae_acct.slct.event_obj;
$events_slct.event_location_obj_li = ae_acct.slct.event_location_obj_li ?? [''];
$events_slct.id_li__event_location = ae_acct.slct.id_li__event_location ?? [''];
console.log(`$events_slct.event_location_obj_li:`, $events_slct.event_location_obj_li);
$events_slct.event_session_obj_li = ae_acct.slct.event_session_obj_li ?? [''];
$events_slct.id_li__event_session = ae_acct.slct.id_li__event_session ?? [''];
$events_trig = ae_acct.trig;
$events_trig.event_location_li = true;
$events_trig.event_session_li = true;
// $events_trigger = 'event_location_li';
// Set the local storage values
if (!$events_loc.launcher) {
$events_loc.launcher = {};
$events_loc.launcher.slct = {
event_id: null,
};
$events_loc.launcher.show_content__session_code = true;
$events_loc.launcher.show_content__presentation_code = true;
$events_loc.launcher.show_content__presenter_code = true;
}
if (!$events_loc.launcher.slct) {
$events_loc.launcher.slct = {
event_id: null,
event_location_id: null,
event_session_id: null,
event_presentation_id: null,
event_presenter_id: null,
};
}
if (browser) {
console.log(`data.url.searchParams.get('location_id') = `, data.url.searchParams.get('location_id'));
}
if (ae_acct.slct.event_id) {
$events_loc.launcher.slct.event_id = ae_acct.slct.event_id;
}
if (ae_acct.slct.event_location_id) {
$events_loc.launcher.slct.event_location_id = ae_acct.slct.event_location_id;
}
if (ae_acct.slct.event_session_id) {
$events_loc.launcher.slct.event_session_id = ae_acct.slct.event_session_id;
}
if (ae_acct.slct.event_presentation_id) {
$events_loc.launcher.slct.event_presentation_id = ae_acct.slct.event_presentation_id;
}
if (ae_acct.slct.event_presenter_id) {
$events_loc.launcher.slct.event_presenter_id = ae_acct.slct.event_presenter_id;
}
// Set the session storage values
if (!$events_sess.launcher) {
$events_sess.launcher = {};
}
$events_sess.launcher.show_content__session_code = true;
$events_sess.launcher.show_content__presentation_code = true;
$events_sess.launcher.show_content__presenter_code = true;
// Process the location list to pull out just the IDs.
// let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
// let bi_id_li__event_location: string[] = [];
// for (let i = 0; i < $events_slct.event_location_obj_li.length; i++) {
// let event_location_obj = $events_slct.event_location_obj_li[i];
// let event_location_id_random = event_location_obj.event_location_id_random;
// tmp_li.push(event_location_id_random);
// }
// bi_id_li__event_location = tmp_li;
// console.log(`bi_id_li__event_location:`, bi_id_li__event_location);
// Variables that will be used with Svelte bind are prefixed with 'bi_'.
let bi_trig__event_location: any = null;
let bi_id_li__event_location: string[] = [];
// $: if ($events_trigger == 'event_location_li' && $events_slct.event_location_obj_li && $events_slct.event_location_obj_li.length > 0) {
// $: if (bi_trig__event_location == 'event_location_li' && $events_slct.event_location_obj_li && $events_slct.event_location_obj_li.length > 0) {
// $: if ($events_slct.event_location_obj_li) {
// console.log(`$events_slct.event_location_obj_li:`, $events_slct.event_location_obj_li);
// // $events_trigger = null;
// bi_trig__event_location = null;
// bi_id_li__event_location = [];
// let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
// for (let i = 0; i < $events_slct.event_location_obj_li.length; i++) {
// let event_location_obj = $events_slct.event_location_obj_li[i];
// let event_location_id_random = event_location_obj.event_location_id_random;
// tmp_li.push(event_location_id_random);
// }
// bi_id_li__event_location = tmp_li;
// console.log(`bi_id_li__event_location:`, bi_id_li__event_location);
// $events_slct.id_li__event_location = bi_id_li__event_location;
// $events_slct.event_location_obj_li = ae_acct.slct.event_location_obj_li;
// }
let bi_trig__event_session: any = null;
let bi_id_li__event_session: string[] = [];
// $: if ($events_trigger == 'event_session_li' && $events_slct.event_session_obj_li && $events_slct.event_session_obj_li.length) {
// $: if (bi_trig__event_session == 'event_session_li' && $events_slct.event_session_obj_li && $events_slct.event_session_obj_li.length) {
// $: if ($events_slct.id_li__event_session) {
// console.log(`$events_slct.event_session_obj_li:`, $events_slct.event_session_obj_li);
// // $events_trigger = null;
// bi_trig__event_session = null;
// bi_id_li__event_session = [];
// let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
// for (let i = 0; i < $events_slct.event_session_obj_li.length; i++) {
// let event_session_obj = $events_slct.event_session_obj_li[i];
// let event_session_id_random = event_session_obj.event_session_id_random;
// tmp_li.push(event_session_id_random);
// }
// bi_id_li__event_session = tmp_li;
// console.log(`bi_id_li__event_session:`, bi_id_li__event_session);
// $events_slct.id_li__event_session = bi_id_li__event_session;
// }
// let lq__event_session_obj = liveQuery(
// () => db_events.sessions.get($events_slct.event_session_id)
// );
// Event
let lq__event_obj = liveQuery(
() => db_events.events
.get($events_loc.launcher.slct.event_id)
);
// Event File - For Location
let lq__location_event_file_obj_li = liveQuery(
() => db_events.files
// .where('event_session_id_random')
.where('for_id_random')
.equals($events_loc.launcher.slct.event_location_id ?? '')
.sortBy('name')
);
// Event Location
let lq__event_location_obj = liveQuery(
() => db_events.locations
.get($events_loc.launcher.slct.event_location_id)
);
let lq__event_location_obj_li = liveQuery(
() => db_events.locations
.where('event_id')
.equals($events_loc.launcher.slct.event_id)
.sortBy('name')
);
let lq_get__event_location_obj_li = liveQuery(
() => db_events.locations
.bulkGet($events_slct.id_li__event_location ?? [''])
);
// Event Session
let lq__event_session_obj = liveQuery(
() => db_events.sessions
.get($events_loc.launcher.slct.event_session_id)
);
let lq__event_session_obj_li = liveQuery(
() => db_events.sessions
.where('event_location_id')
.equals($events_loc.launcher.slct.event_location_id)
.sortBy('name')
);
let lq_get__event_session_obj_li = liveQuery(
() => db_events.sessions
.bulkGet($events_slct.id_li__event_session)
);
// Functions and Logic
if (browser) {
console.log(`Browser: ${browser}`);
bi_trig__event_location = 'event_location_li';
bi_trig__event_session = 'event_session_li';
// $events_loc.launcher.slct.event_location_id = data.url.searchParams.get('location_id');
// $events_loc.launcher.slct.event_session_id = data.url.searchParams.get('session_id');
}
onMount(() => {
console.log('Pres Mgmt Launcher [slug]: +page@(launcher).svelte');
// if ($ae_event_launcher.app_mode == 'native') {
// handle_get_device_info($slct.event_device_id);
// }
// const native_app = require('$lib./script');
// let native_app_config = native_app.load_init_config();
// console.log('Native App Initial Config:', native_app_config);
});
async function handle_get_device_info(event_device_id) {
console.log('*** handle_get_device_info() ***');
// console.log(event_device_id);
// console.log('GET DEVICE INFO!!! GET DEVICE INFO!!! GET DEVICE INFO!!!');
let get_device_info_promise = get_device_info({event_device_id: event_device_id});
get_device_info_promise.then(function (result) {
// console.log('GOT DEVICE INFO!!! GOT DEVICE INFO!!! GOT DEVICE INFO!!!');
console.log(get_device_info_promise);
let event_device_data = {};
event_device_data['other_json'] = JSON.stringify(result);
event_device_data['info_hostname'] = result.hostname;
// console.log(event_device_data['other_json']);
// console.log(result.networkInterfaces);
let ni_data_li = [];
let ip_address_li = [];
for (let network_interface in result.networkInterfaces) {
// console.log(network_interface);
let ni_data = {};
if (network_interface.startsWith('en')) {
console.log('Wired or wireless network interface found');
ni_data['name'] = network_interface;
let ni_details = result.networkInterfaces[network_interface];
// console.log(ni_details);
for (let i=0; i < ni_details.length; i++) {
ni_data['address'] = ni_details[i].address;
ni_data['mac'] = ni_details[i].mac;
ip_address_li.push(ni_details[i].address);
}
ni_data_li.push(ni_data);
}
}
event_device_data['meta_json'] = JSON.stringify(ni_data_li);
console.log(event_device_data['meta_json']);
event_device_data['info_ip_list'] = ip_address_li.join('; ');
console.log(event_device_data['info_ip_list']);
event_device_obj_up_promise = update_event_device_obj({event_device_id: event_device_id, data: event_device_data, log_lvl: 0})
.then(function (up_event_device_result) {
// console.log('UPDATED DEVICE INFO!!! UPDATED DEVICE INFO!!! UPDATED DEVICE INFO!!!');
if (up_event_device_result) {
console.log(up_event_device_result);
}
})
.catch(function (error) {
console.log('No results returned or failed.');
console.log(error);
});
});
return get_device_info_promise;
}
</script>
<!-- WARNING: This should be the name of the location, not the event name. -->
<svelte:head>
<title>
Launcher:
{ae_util.shorten_string({ string: $lq__event_obj?.name ?? '', max_length: 20, begin_length: 10, end_length: 4 })}
({$lq__event_obj?.event_id ?? 'loading...'}) - Pres Mgmt - {$ae_loc?.title}
</title>
</svelte:head>
{#if !$lq__event_obj}
<div class="flex flex-row items-center justify-center">
<span class="fas fa-spinner fa-spin mx-1"></span>
<span>Loading...</span>
</div>
{:else}
<header id="Main-Header" class="flex flex-row items-center justify-evenly">
<h3 class="h4 text-center italic">&AElig; Presentation Launcher</h3>
<h2 class="h3 text-center">{$lq__event_obj?.name}</h2>
<h3 class="h4 text-center italic">{$lq__event_location_obj?.name}
{$events_loc.launcher.slct.event_location_id}
</h3>
</header>
{/if}
<!-- The menu should be to the left of the main session view. -->
<div
class="
container h-full min-w-full w-full
flex flex-row flex-wrap sm:flex-nowrap gap-0
justify-center
py-1 px-2 pb-16
bg-gray-100
"
>
<section
id="Main-Nav-Menu"
class="event_launcher_menu
container h-full flex flex-col gap-2 py-1 px-1
basis-1/5
min-w-72
max-w-xs
border-r border-gray-200
"
>
<!-- {#await $events_slct.id_li__event_location}
Loading location list... a
{:then event_location_obj_li} -->
<!-- {#if $lq__event_obj && $lq_get__event_location_obj_li && $lq_get__event_session_obj_li && event_location_obj_li && event_location_obj_li.length > 0} -->
{#if $lq__event_obj && $events_slct.event_location_obj_li}
<Event_launcher_menu
bind:data_url={data.url}
lq__event_obj={lq__event_obj}
lq__location_event_file_obj_li={lq__location_event_file_obj_li}
lq__event_location_obj={lq__event_location_obj}
lq_get__event_location_obj_li={lq_get__event_location_obj_li}
lq__event_session_obj={lq__event_session_obj}
lq_get__event_session_obj_li={lq_get__event_session_obj_li}
>
</Event_launcher_menu>
{:else}
<div class="flex flex-row items-center justify-center">
<span class="fas fa-spinner fa-spin mx-1"></span>
<span>Loading location list...</span>
</div>
{/if}
<!-- {/await} -->
<!-- Root: slct Location ID: {$events_slct.event_location_id ?? '-- not set --'} -->
</section>
<section
id="Main-Content"
class="event_launcher_main
container h-full flex flex-col gap-1 py-1 px-2
items-center
basis-4/5
max-w-full
"
>
<!-- {#if $events_trigger == 'load__event_session_obj' && $events_slct.event_session_id}
<Event_launcher_session_view
slct_event_session_id={$events_slct.event_session_id}
lq__event_location_obj={lq__event_location_obj}
lq__event_location_obj_li={lq__event_location_obj_li}
lq__event_session_obj={lq__event_session_obj}
lq__event_session_obj_li={lq__event_session_obj_li}
>
</Event_launcher_session_view>
{/if} -->
<!-- {$lq__event_session_obj?.name} -->
{#if $events_loc.launcher.slct.event_session_id && $lq__event_session_obj}
<Event_launcher_session_view
slct_event_session_id={$events_slct.event_session_id}
lq__event_location_obj={lq__event_location_obj}
lq__event_session_obj={lq__event_session_obj}
>
</Event_launcher_session_view>
{/if}
</section>
</div>
<!-- <section
class="
ae_events_pres_mgmt_event
md:container h-full mx-auto flex flex-col gap-1 py-1 px-2 pb-16
items-center
min-w-100
w-3/4
max-w-max
"
>
</section> -->

4
src/routes/events_pres_mgmt/event/[slug]/+page.ts
View File

@@ -43,7 +43,7 @@ export async function load({ params, parent }) { // route
for_obj_id: event_id,
params: {qry__enabled: 'enabled', qry__hidden: 'all', qry__limit: 200},
try_cache: true,
log_lvl: 1
log_lvl: log_lvl
});
console.log(`load_event_session_obj_li = `, load_event_session_obj_li);
@@ -55,7 +55,7 @@ export async function load({ params, parent }) { // route
for_obj_id: event_id,
params: {qry__enabled: 'enabled', qry__hidden: 'all', qry__limit: 200},
try_cache: true,
log_lvl: 1
log_lvl: log_lvl
});
console.log(`load_event_location_obj_li = `, load_event_location_obj_li);

8
src/routes/events_pres_mgmt/session_view.svelte
View File

@@ -405,7 +405,13 @@ $: if ($lq__event_session_obj) {
// $slct.event_location_obj_li = await core_func.load_ae_obj_li__event_location({api_cfg: $ae_api, account_id: $slct.account_id, params: params});
$slct.event_location_obj_li = events_func.load_ae_obj_li__event_location({api_cfg: $ae_api, event_id: $slct.event_id, params: params, log_lvl: 1})
$slct.event_location_obj_li = events_func.load_ae_obj_li__event_location({
api_cfg: $ae_api,
for_obj_type: 'event',
for_obj_id: $lq__event_session_obj?.event_id_random,
params: params,
log_lvl: log_lvl
})
.then(function (load_results) {
console.log(`Loaded event_location_obj_li:`, load_results);