feat: Migrate ESLint to flat config and resolve initial linting errors
Migrated the ESLint configuration to the new flat config format () and addressed several initial linting errors. Key changes include: - Updated ESLint configuration to treat as warnings instead of errors. - Fixed errors in by declaring and . - Corrected error in by using instead of an out-of-scope . - Resolved error in by replacing the undefined directive with the component. - Addressed errors in by replacing with and with . - Fixed errors in by importing necessary modules (, , ) and adding missing props (, , , , ).
This commit is contained in:
Scott Idem
File diff suppressed because it is too large
Load Diff
@@ -5,116 +5,115 @@ import { error } from '@sveltejs/kit';
|
||||
import { browser } from '$app/environment';
|
||||
import { events_func } from '$lib/ae_events_functions';
|
||||
|
||||
export async function load({ params, parent, url }) { // route
|
||||
let log_lvl: number = 0;
|
||||
export async function load({ params, parent, url }) {
|
||||
// route
|
||||
const log_lvl: number = 0;
|
||||
|
||||
let data = await parent();
|
||||
// console.log(`ae events_pres_mgmt event [event_id] +page.ts data:`, data);
|
||||
data.log_lvl = log_lvl;
|
||||
const 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);
|
||||
const account_id = data.account_id;
|
||||
const ae_acct = data[account_id];
|
||||
// console.log(`ae_acct = `, ae_acct);
|
||||
|
||||
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, {
|
||||
const 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;
|
||||
// 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
|
||||
// });
|
||||
// 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;
|
||||
// ae_acct.slct.event_obj = await load_event_obj;
|
||||
|
||||
if (browser) {
|
||||
console.log(`ae_events Launcher - [event_id] launcher +layout.ts start`);
|
||||
if (browser) {
|
||||
console.log(`ae_events Launcher - [event_id] launcher +layout.ts start`);
|
||||
|
||||
// Load event object again, but with the event file list
|
||||
// let load_event_obj = events_func.load_ae_obj_id__event({
|
||||
// api_cfg: ae_acct.api,
|
||||
// event_id: event_id,
|
||||
// inc_file_li: true,
|
||||
// log_lvl: log_lvl
|
||||
// })
|
||||
// .then((results) => {
|
||||
// if (!results) {
|
||||
// error(404, {
|
||||
// message: 'Events Launcher - Event not found'
|
||||
// });
|
||||
// } else {
|
||||
// // ae_acct.slct.event_obj = results;
|
||||
// }
|
||||
// });
|
||||
// Load event object again, but with the event file list
|
||||
// let load_event_obj = events_func.load_ae_obj_id__event({
|
||||
// api_cfg: ae_acct.api,
|
||||
// event_id: event_id,
|
||||
// inc_file_li: true,
|
||||
// log_lvl: log_lvl
|
||||
// })
|
||||
// .then((results) => {
|
||||
// if (!results) {
|
||||
// error(404, {
|
||||
// message: 'Events Launcher - Event not found'
|
||||
// });
|
||||
// } else {
|
||||
// // ae_acct.slct.event_obj = results;
|
||||
// }
|
||||
// });
|
||||
|
||||
let load_event_device_obj_li = events_func.load_ae_obj_li__event_device({
|
||||
api_cfg: ae_acct.api,
|
||||
for_obj_type: 'event',
|
||||
for_obj_id: event_id,
|
||||
log_lvl: log_lvl
|
||||
});
|
||||
const load_event_device_obj_li = events_func.load_ae_obj_li__event_device({
|
||||
api_cfg: ae_acct.api,
|
||||
for_obj_type: 'event',
|
||||
for_obj_id: event_id,
|
||||
log_lvl: log_lvl
|
||||
});
|
||||
|
||||
let load_event_file_obj_li = events_func.load_ae_obj_li__event_file({
|
||||
api_cfg: ae_acct.api,
|
||||
for_obj_type: 'event',
|
||||
for_obj_id: event_id,
|
||||
log_lvl: log_lvl
|
||||
});
|
||||
const load_event_file_obj_li = events_func.load_ae_obj_li__event_file({
|
||||
api_cfg: ae_acct.api,
|
||||
for_obj_type: 'event',
|
||||
for_obj_id: event_id,
|
||||
log_lvl: log_lvl
|
||||
});
|
||||
|
||||
// let load_event_obj = events_func.load_ae_obj_id__event({
|
||||
// api_cfg: ae_acct.api, event_id: event_id, try_cache: true, log_lvl: 1
|
||||
// });
|
||||
// console.log(`load_event_obj = `, load_event_obj);
|
||||
// ae_acct.slct.event_obj = load_event_obj;
|
||||
// let load_event_obj = events_func.load_ae_obj_id__event({
|
||||
// api_cfg: ae_acct.api, event_id: event_id, try_cache: true, log_lvl: 1
|
||||
// });
|
||||
// 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_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: log_lvl
|
||||
// });
|
||||
// console.log(`load_event_location_obj_li = `, load_event_location_obj_li);
|
||||
// ae_acct.slct.event_location_obj_li = load_event_location_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: log_lvl
|
||||
// });
|
||||
// console.log(`load_event_location_obj_li = `, load_event_location_obj_li);
|
||||
// ae_acct.slct.event_location_obj_li = load_event_location_obj_li;
|
||||
|
||||
// let event_session_id = url.searchParams.get('session_id');
|
||||
// if (event_session_id) {
|
||||
// let load_event_session_obj = events_func.load_ae_obj_id__event_session({
|
||||
// api_cfg: ae_acct.api,
|
||||
// event_session_id: event_session_id,
|
||||
// inc_file_li: true,
|
||||
// inc_presentation_li: true,
|
||||
// inc_presenter_li: true,
|
||||
// try_cache: true,
|
||||
// log_lvl: log_lvl
|
||||
// });
|
||||
// ae_acct.slct.event_session_id = event_session_id;
|
||||
// console.log(`load_event_session_obj = `, load_event_session_obj);
|
||||
// ae_acct.slct.event_session_obj = load_event_session_obj;
|
||||
// }
|
||||
}
|
||||
|
||||
// let event_session_id = url.searchParams.get('session_id');
|
||||
// if (event_session_id) {
|
||||
// let load_event_session_obj = events_func.load_ae_obj_id__event_session({
|
||||
// api_cfg: ae_acct.api,
|
||||
// event_session_id: event_session_id,
|
||||
// inc_file_li: true,
|
||||
// inc_presentation_li: true,
|
||||
// inc_presenter_li: true,
|
||||
// try_cache: true,
|
||||
// log_lvl: log_lvl
|
||||
// });
|
||||
// ae_acct.slct.event_session_id = event_session_id;
|
||||
// console.log(`load_event_session_obj = `, load_event_session_obj);
|
||||
// ae_acct.slct.event_session_obj = load_event_session_obj;
|
||||
// }
|
||||
// WARNING: Precaution against shared data between sites and sessions.
|
||||
// data[account_id] = ae_acct;
|
||||
|
||||
}
|
||||
|
||||
// WARNING: Precaution against shared data between sites and sessions.
|
||||
// data[account_id] = ae_acct;
|
||||
|
||||
return data;
|
||||
return data;
|
||||
}
|
||||
|
||||
@@ -1,4 +1,2 @@
|
||||
<script lang="ts">
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
@@ -1,241 +1,249 @@
|
||||
<script lang="ts">
|
||||
interface Props {
|
||||
/** @type {import('./$types').PageData} */
|
||||
data: any;
|
||||
}
|
||||
|
||||
let { data }: Props = $props();
|
||||
|
||||
// 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/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/ae_events/db_events";
|
||||
import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/stores/ae_stores';
|
||||
import { events_loc, events_sess, events_slct, events_trigger, events_trig } from '$lib/stores/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/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;
|
||||
|
||||
|
||||
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: any) {
|
||||
console.log('No results returned or failed.');
|
||||
console.log(error);
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
return get_device_info_promise;
|
||||
}
|
||||
|
||||
interface Props {
|
||||
/** @type {import('./$types').PageData} */
|
||||
data: any;
|
||||
}
|
||||
|
||||
let { data }: Props = $props();
|
||||
|
||||
// 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/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/ae_events/db_events";
|
||||
import {
|
||||
ae_snip,
|
||||
ae_loc,
|
||||
ae_sess,
|
||||
ae_api,
|
||||
ae_trig,
|
||||
slct,
|
||||
slct_trigger
|
||||
} from '$lib/stores/ae_stores';
|
||||
import {
|
||||
events_loc,
|
||||
events_sess,
|
||||
events_slct,
|
||||
events_trigger,
|
||||
events_trig
|
||||
} from '$lib/stores/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/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;
|
||||
|
||||
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: any) {
|
||||
console.log('No results returned or failed.');
|
||||
console.log(error);
|
||||
});
|
||||
});
|
||||
|
||||
return get_device_info_promise;
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -5,85 +5,91 @@ 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: number = 1;
|
||||
export async function load({ params, parent, url }) {
|
||||
// route
|
||||
const log_lvl: number = 1;
|
||||
|
||||
let data = await parent();
|
||||
// console.log(`ae events_pres_mgmt event [event_location_id] +page.ts data:`, data);
|
||||
data.log_lvl = log_lvl;
|
||||
const 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];
|
||||
const account_id = data.account_id;
|
||||
const ae_acct = data[account_id];
|
||||
|
||||
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: 'Events Pres Mgmt - Event Location ID not found'
|
||||
});
|
||||
}
|
||||
const 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: 'Events Pres Mgmt - Event Location ID not found'
|
||||
});
|
||||
}
|
||||
|
||||
if (browser) {
|
||||
if (log_lvl) {
|
||||
console.log(`ae_events launcher [event_location_id] +page.ts: event_location_id = `, event_location_id);
|
||||
}
|
||||
// Load event_session object
|
||||
// let load_event_session_obj_li = await events_func.load_ae_obj_li__event_session({
|
||||
let load_event_session_obj_li = events_func.load_ae_obj_li__event_session({
|
||||
api_cfg: ae_acct.api,
|
||||
for_obj_type: 'event_location',
|
||||
for_obj_id: event_location_id,
|
||||
inc_file_li: true, // Only include files directly under the session?
|
||||
inc_all_file_li: false, // Also include files under presentations and presenters as well?
|
||||
inc_presentation_li: true,
|
||||
inc_presenter_li: true,
|
||||
enabled: 'enabled',
|
||||
hidden: 'all',
|
||||
limit: 150,
|
||||
log_lvl: log_lvl
|
||||
})
|
||||
.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);
|
||||
if (browser) {
|
||||
if (log_lvl) {
|
||||
console.log(
|
||||
`ae_events launcher [event_location_id] +page.ts: event_location_id = `,
|
||||
event_location_id
|
||||
);
|
||||
}
|
||||
// Load event_session object
|
||||
// let load_event_session_obj_li = await events_func.load_ae_obj_li__event_session({
|
||||
const load_event_session_obj_li = events_func
|
||||
.load_ae_obj_li__event_session({
|
||||
api_cfg: ae_acct.api,
|
||||
for_obj_type: 'event_location',
|
||||
for_obj_id: event_location_id,
|
||||
inc_file_li: true, // Only include files directly under the session?
|
||||
inc_all_file_li: false, // Also include files under presentations and presenters as well?
|
||||
inc_presentation_li: true,
|
||||
inc_presenter_li: true,
|
||||
enabled: 'enabled',
|
||||
hidden: 'all',
|
||||
limit: 150,
|
||||
log_lvl: log_lvl
|
||||
})
|
||||
.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 id_li__event_session = [];
|
||||
|
||||
// let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
|
||||
// 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;
|
||||
// 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;
|
||||
|
||||
// This should only be needed if the session ID passed is not part of the location sessions.
|
||||
// let event_session_id = url.searchParams.get('session_id');
|
||||
// if (event_session_id) {
|
||||
// let load_event_session_obj = await events_func.load_ae_obj_id__event_session({
|
||||
// api_cfg: ae_acct.api,
|
||||
// event_session_id: event_session_id,
|
||||
// inc_file_li: true,
|
||||
// inc_presentation_li: true,
|
||||
// inc_presenter_li: true,
|
||||
// log_lvl: log_lvl
|
||||
// });
|
||||
// ae_acct.slct.event_session_id = event_session_id;
|
||||
// console.log(`load_event_session_obj = `, load_event_session_obj);
|
||||
// ae_acct.slct.event_session_obj = load_event_session_obj;
|
||||
// }
|
||||
// This should only be needed if the session ID passed is not part of the location sessions.
|
||||
// let event_session_id = url.searchParams.get('session_id');
|
||||
// if (event_session_id) {
|
||||
// let load_event_session_obj = await events_func.load_ae_obj_id__event_session({
|
||||
// api_cfg: ae_acct.api,
|
||||
// event_session_id: event_session_id,
|
||||
// inc_file_li: true,
|
||||
// inc_presentation_li: true,
|
||||
// inc_presenter_li: true,
|
||||
// log_lvl: log_lvl
|
||||
// });
|
||||
// ae_acct.slct.event_session_id = event_session_id;
|
||||
// console.log(`load_event_session_obj = `, load_event_session_obj);
|
||||
// ae_acct.slct.event_session_obj = load_event_session_obj;
|
||||
// }
|
||||
} else {
|
||||
console.log(`ae pres_mgmt launcher [slug] +page.ts: browser = false`);
|
||||
}
|
||||
|
||||
} 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;
|
||||
|
||||
// WARNING: Precaution against shared data between sites and sessions.
|
||||
data[account_id] = ae_acct;
|
||||
|
||||
return data;
|
||||
return data;
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -1,127 +1,134 @@
|
||||
<script lang="ts">
|
||||
interface Props {
|
||||
data_url: any;
|
||||
interface Props {
|
||||
data_url: any;
|
||||
|
||||
lq__event_obj: any;
|
||||
lq__event_obj: any;
|
||||
|
||||
lq__event_event_file_obj_li: any;
|
||||
lq__location_event_file_obj_li: any;
|
||||
slct__event_file_id?: string|null;
|
||||
lq__event_event_file_obj_li: any;
|
||||
lq__location_event_file_obj_li: any;
|
||||
slct__event_file_id?: string | null;
|
||||
|
||||
lq__event_location_obj_li: any;
|
||||
lq__event_location_obj?: any;
|
||||
slct__event_location_id?: string|null;
|
||||
lq__event_location_obj_li: any;
|
||||
lq__event_location_obj?: any;
|
||||
slct__event_location_id?: string | null;
|
||||
|
||||
loading__session_li_status?: null|boolean|string;
|
||||
lq__event_session_obj_li: any;
|
||||
loading__session_id_status?: null|boolean|string;
|
||||
lq__event_session_obj?: any;
|
||||
slct__event_session_id?: string|null;
|
||||
loading__session_li_status?: null | boolean | string;
|
||||
lq__event_session_obj_li: any;
|
||||
loading__session_id_status?: null | boolean | string;
|
||||
lq__event_session_obj?: any;
|
||||
slct__event_session_id?: string | null;
|
||||
|
||||
trigger_reload__event_obj_id?: boolean|null|string;
|
||||
trigger_reload__event_session_obj_id?: boolean|null|string;
|
||||
trigger_reload__event_session_obj_li?: boolean;
|
||||
trigger_reload__event_location_obj_id?: boolean|null|string;
|
||||
trigger_reload__event_location_obj_li?: boolean;
|
||||
trigger_reload__event_obj_id?: boolean | null | string;
|
||||
trigger_reload__event_session_obj_id?: boolean | null | string;
|
||||
trigger_reload__event_session_obj_li?: boolean;
|
||||
trigger_reload__event_location_obj_id?: boolean | null | string;
|
||||
trigger_reload__event_location_obj_li?: boolean;
|
||||
|
||||
log_lvl?: number;
|
||||
}
|
||||
log_lvl?: number;
|
||||
}
|
||||
|
||||
let {
|
||||
data_url,
|
||||
let {
|
||||
data_url,
|
||||
|
||||
lq__event_obj,
|
||||
lq__event_obj,
|
||||
|
||||
lq__event_event_file_obj_li,
|
||||
lq__location_event_file_obj_li,
|
||||
slct__event_file_id = $bindable(null),
|
||||
lq__event_event_file_obj_li,
|
||||
lq__location_event_file_obj_li,
|
||||
slct__event_file_id = $bindable(null),
|
||||
|
||||
lq__event_location_obj_li,
|
||||
lq__event_location_obj,
|
||||
slct__event_location_id = $bindable(null),
|
||||
lq__event_location_obj_li,
|
||||
lq__event_location_obj,
|
||||
slct__event_location_id = $bindable(null),
|
||||
|
||||
loading__session_li_status = $bindable(null),
|
||||
lq__event_session_obj_li,
|
||||
loading__session_id_status = $bindable(null),
|
||||
lq__event_session_obj,
|
||||
slct__event_session_id = $bindable(null),
|
||||
loading__session_li_status = $bindable(null),
|
||||
lq__event_session_obj_li,
|
||||
loading__session_id_status = $bindable(null),
|
||||
lq__event_session_obj,
|
||||
slct__event_session_id = $bindable(null),
|
||||
|
||||
trigger_reload__event_obj_id = $bindable(false),
|
||||
trigger_reload__event_session_obj_id = $bindable(false),
|
||||
trigger_reload__event_session_obj_li = $bindable(false),
|
||||
trigger_reload__event_location_obj_id = $bindable(false),
|
||||
trigger_reload__event_location_obj_li = $bindable(false),
|
||||
trigger_reload__event_obj_id = $bindable(false),
|
||||
trigger_reload__event_session_obj_id = $bindable(false),
|
||||
trigger_reload__event_session_obj_li = $bindable(false),
|
||||
trigger_reload__event_location_obj_id = $bindable(false),
|
||||
trigger_reload__event_location_obj_li = $bindable(false),
|
||||
|
||||
log_lvl = $bindable(0),
|
||||
}: Props = $props();
|
||||
log_lvl = $bindable(0)
|
||||
}: Props = $props();
|
||||
|
||||
// *** Import Svelte specific
|
||||
// import { goto } from '$app/navigation';
|
||||
// *** Import Svelte specific
|
||||
// import { goto } from '$app/navigation';
|
||||
|
||||
// *** Import other supporting libraries
|
||||
// import { liveQuery } from "dexie";
|
||||
// *** Import other supporting libraries
|
||||
// import { liveQuery } from "dexie";
|
||||
|
||||
// *** Import Aether specific variables and functions
|
||||
import type { key_val } from '$lib/stores/ae_stores';
|
||||
import { ae_util } from '$lib/ae_utils/ae_utils';
|
||||
import { api } from '$lib/api/api';
|
||||
// import Element_ae_crud from '$lib/element_ae_crud.svelte';
|
||||
// import Element_data_store from '$lib/element_data_store_v2.svelte';
|
||||
// *** Import Aether specific variables and functions
|
||||
import type { key_val } from '$lib/stores/ae_stores';
|
||||
import { ae_util } from '$lib/ae_utils/ae_utils';
|
||||
import { api } from '$lib/api/api';
|
||||
// import Element_ae_crud from '$lib/element_ae_crud.svelte';
|
||||
// import Element_data_store from '$lib/element_data_store_v2.svelte';
|
||||
|
||||
// import { core_func } from '$lib/ae_core_functions';
|
||||
// import { db_core } from "$lib/db_core";
|
||||
import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/stores/ae_stores';
|
||||
// import { db_events } from "$lib/ae_events/db_events";
|
||||
import { events_loc, events_sess, events_slct, events_trigger } from '$lib/stores/ae_events_stores';
|
||||
import { events_func } from '$lib/ae_events_functions';
|
||||
// import { core_func } from '$lib/ae_core_functions';
|
||||
// import { db_core } from "$lib/db_core";
|
||||
import {
|
||||
ae_snip,
|
||||
ae_loc,
|
||||
ae_sess,
|
||||
ae_api,
|
||||
ae_trig,
|
||||
slct,
|
||||
slct_trigger
|
||||
} from '$lib/stores/ae_stores';
|
||||
// import { db_events } from "$lib/ae_events/db_events";
|
||||
import {
|
||||
events_loc,
|
||||
events_sess,
|
||||
events_slct,
|
||||
events_trigger
|
||||
} from '$lib/stores/ae_events_stores';
|
||||
import { events_func } from '$lib/ae_events_functions';
|
||||
|
||||
import Event_launcher_file_cont from './launcher_file_cont.svelte';
|
||||
import Menu_location_list_menu from './menu_location_list.svelte';
|
||||
import Menu_session_list_menu from './menu_session_list.svelte';
|
||||
import Event_launcher_file_cont from './launcher_file_cont.svelte';
|
||||
import Menu_location_list_menu from './menu_location_list.svelte';
|
||||
import Menu_session_list_menu from './menu_session_list.svelte';
|
||||
|
||||
// let slct_event_location_id: string = $state($events_slct.event_location_id);
|
||||
|
||||
// let slct_event_location_id: string = $state($events_slct.event_location_id);
|
||||
// *** Functions and Logic
|
||||
|
||||
$events_trigger = null;
|
||||
|
||||
// *** Functions and Logic
|
||||
|
||||
$events_trigger = null;
|
||||
|
||||
|
||||
let qry__enabled = 'enabled';
|
||||
let qry__hidden = 'not_hidden';
|
||||
if ($ae_loc.administrator_access) {
|
||||
qry__enabled = 'all';
|
||||
qry__hidden = 'all';
|
||||
} else if ($ae_loc.trusted_access) {
|
||||
qry__enabled = 'enabled';
|
||||
qry__hidden = 'all';
|
||||
} else {
|
||||
qry__enabled = 'enabled';
|
||||
qry__hidden = 'not_hidden';
|
||||
}
|
||||
|
||||
let ae_promises: key_val = $state({
|
||||
get_li__event_file: null,
|
||||
});
|
||||
let qry__enabled = 'enabled';
|
||||
let qry__hidden = 'not_hidden';
|
||||
if ($ae_loc.administrator_access) {
|
||||
qry__enabled = 'all';
|
||||
qry__hidden = 'all';
|
||||
} else if ($ae_loc.trusted_access) {
|
||||
qry__enabled = 'enabled';
|
||||
qry__hidden = 'all';
|
||||
} else {
|
||||
qry__enabled = 'enabled';
|
||||
qry__hidden = 'not_hidden';
|
||||
}
|
||||
|
||||
let ae_promises: key_val = $state({
|
||||
get_li__event_file: null
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<div
|
||||
class="
|
||||
class="
|
||||
event_launcher_menu
|
||||
shrink h-full w-full max-w-full
|
||||
flex flex-col flex-wrap gap-1 items-center justify-start
|
||||
|
||||
"
|
||||
>
|
||||
<!-- overflow-x-clip -->
|
||||
>
|
||||
<!-- overflow-x-clip -->
|
||||
|
||||
|
||||
{#if $lq__event_event_file_obj_li}
|
||||
<div class="w-full flex flex-col gap-0.5 overflow-y-auto">
|
||||
<!-- <div class="text-xs text-neutral-800/80">
|
||||
{#if $lq__event_event_file_obj_li}
|
||||
<div class="w-full flex flex-col gap-0.5 overflow-y-auto">
|
||||
<!-- <div class="text-xs text-neutral-800/80">
|
||||
<strong>
|
||||
Event Files:
|
||||
{#if $ae_loc.administrator_access}
|
||||
@@ -129,102 +136,95 @@ let ae_promises: key_val = $state({
|
||||
{/if}
|
||||
</strong>
|
||||
</div> -->
|
||||
{#each $lq__event_event_file_obj_li as event_file_obj, index}
|
||||
<Event_launcher_file_cont
|
||||
event_file_id={event_file_obj.event_file_id_random}
|
||||
event_file_obj={event_file_obj}
|
||||
hide_launch_icon={true}
|
||||
hide_meta={true}
|
||||
hide_created_on={true}
|
||||
hide_os={true}
|
||||
hide_size={true}
|
||||
show_bak_download={$ae_loc.trusted_access && $ae_loc.edit_mode}
|
||||
btn_size={'btn-sm'}
|
||||
btn_text_align={'text-center'}
|
||||
text_size={'text-xs'}
|
||||
text_size_md={'text-xs'}
|
||||
session_type={event_file_obj?.event_session_type_code ?? 'oral'}
|
||||
open_method={event_file_obj?.event_session_type_code == 'poster' ? 'modal' : null}
|
||||
modal_title={$lq__event_session_obj?.name}
|
||||
{#each $lq__event_event_file_obj_li as event_file_obj, index}
|
||||
<Event_launcher_file_cont
|
||||
event_file_id={event_file_obj.event_file_id_random}
|
||||
{event_file_obj}
|
||||
hide_launch_icon={true}
|
||||
hide_meta={true}
|
||||
hide_created_on={true}
|
||||
hide_os={true}
|
||||
hide_size={true}
|
||||
show_bak_download={$ae_loc.trusted_access && $ae_loc.edit_mode}
|
||||
btn_size={'btn-sm'}
|
||||
btn_text_align={'text-center'}
|
||||
text_size={'text-xs'}
|
||||
text_size_md={'text-xs'}
|
||||
session_type={event_file_obj?.event_session_type_code ?? 'oral'}
|
||||
open_method={event_file_obj?.event_session_type_code == 'poster' ? 'modal' : null}
|
||||
modal_title={$lq__event_session_obj?.name}
|
||||
bind:modal__title={$events_sess.launcher.modal__title}
|
||||
bind:modal__open_event_file_id={$events_sess.launcher.modal__open_event_file_id}
|
||||
bind:modal__event_file_obj={$events_sess.launcher.modal__event_file_obj}
|
||||
/>
|
||||
{/each}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
bind:modal__title={$events_sess.launcher.modal__title}
|
||||
bind:modal__open_event_file_id={$events_sess.launcher.modal__open_event_file_id}
|
||||
bind:modal__event_file_obj={$events_sess.launcher.modal__event_file_obj}
|
||||
/>
|
||||
{/each}
|
||||
</div>
|
||||
{/if}
|
||||
{#if $ae_loc.edit_mode}
|
||||
<Menu_location_list_menu
|
||||
{data_url}
|
||||
{lq__event_location_obj_li}
|
||||
slct_event_location_id={$events_slct.event_location_id}
|
||||
bind:loading__session_li_status
|
||||
/>
|
||||
{/if}
|
||||
|
||||
{#if $lq__location_event_file_obj_li}
|
||||
<div class="w-full flex flex-col gap-0.5">
|
||||
{#each $lq__location_event_file_obj_li as event_file_obj, index}
|
||||
<Event_launcher_file_cont
|
||||
event_file_id={event_file_obj.event_file_id_random}
|
||||
{event_file_obj}
|
||||
hide_launch_icon={true}
|
||||
hide_meta={true}
|
||||
hide_created_on={true}
|
||||
hide_os={true}
|
||||
hide_size={true}
|
||||
show_bak_download={$ae_loc.trusted_access && $ae_loc.edit_mode}
|
||||
btn_size={'btn-sm'}
|
||||
btn_text_align={'text-center'}
|
||||
text_size={'text-xs'}
|
||||
text_size_md={'text-xs'}
|
||||
session_type={event_file_obj?.event_session_type_code ?? 'oral'}
|
||||
open_method={event_file_obj?.event_session_type_code == 'poster' ? 'modal' : null}
|
||||
modal_title={$lq__event_session_obj?.name}
|
||||
bind:modal__title={$events_sess.launcher.modal__title}
|
||||
bind:modal__open_event_file_id={$events_sess.launcher.modal__open_event_file_id}
|
||||
bind:modal__event_file_obj={$events_sess.launcher.modal__event_file_obj}
|
||||
/>
|
||||
{/each}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
{#if $ae_loc.edit_mode}
|
||||
<Menu_location_list_menu
|
||||
data_url={data_url}
|
||||
lq__event_location_obj_li={lq__event_location_obj_li}
|
||||
slct_event_location_id={$events_slct.event_location_id}
|
||||
bind:loading__session_li_status={loading__session_li_status}
|
||||
/>
|
||||
{/if}
|
||||
{#if $lq__event_session_obj_li}
|
||||
<Menu_session_list_menu
|
||||
{data_url}
|
||||
bind:slct__event_session_id
|
||||
bind:loading__session_id_status
|
||||
{lq__event_session_obj_li}
|
||||
bind:trigger_reload__event_session_obj_id
|
||||
/>
|
||||
{/if}
|
||||
|
||||
|
||||
{#if $lq__location_event_file_obj_li}
|
||||
<div class="w-full flex flex-col gap-0.5">
|
||||
{#each $lq__location_event_file_obj_li as event_file_obj, index}
|
||||
<Event_launcher_file_cont
|
||||
event_file_id={event_file_obj.event_file_id_random}
|
||||
event_file_obj={event_file_obj}
|
||||
hide_launch_icon={true}
|
||||
hide_meta={true}
|
||||
hide_created_on={true}
|
||||
hide_os={true}
|
||||
hide_size={true}
|
||||
show_bak_download={$ae_loc.trusted_access && $ae_loc.edit_mode}
|
||||
btn_size={'btn-sm'}
|
||||
btn_text_align={'text-center'}
|
||||
text_size={'text-xs'}
|
||||
text_size_md={'text-xs'}
|
||||
session_type={event_file_obj?.event_session_type_code ?? 'oral'}
|
||||
open_method={event_file_obj?.event_session_type_code == 'poster' ? 'modal' : null}
|
||||
modal_title={$lq__event_session_obj?.name}
|
||||
|
||||
bind:modal__title={$events_sess.launcher.modal__title}
|
||||
bind:modal__open_event_file_id={$events_sess.launcher.modal__open_event_file_id}
|
||||
bind:modal__event_file_obj={$events_sess.launcher.modal__event_file_obj}
|
||||
/>
|
||||
{/each}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
|
||||
{#if $lq__event_session_obj_li}
|
||||
<Menu_session_list_menu
|
||||
data_url={data_url}
|
||||
bind:slct__event_session_id={slct__event_session_id}
|
||||
bind:loading__session_id_status={loading__session_id_status}
|
||||
lq__event_session_obj_li={lq__event_session_obj_li}
|
||||
bind:trigger_reload__event_session_obj_id={trigger_reload__event_session_obj_id}
|
||||
/>
|
||||
{/if}
|
||||
|
||||
|
||||
{#if $ae_loc.edit_mode}
|
||||
<div
|
||||
class="
|
||||
{#if $ae_loc.edit_mode}
|
||||
<div
|
||||
class="
|
||||
w-full max-w-full
|
||||
flex flex-row gap-1 items-center justify-center
|
||||
"
|
||||
>
|
||||
<button
|
||||
onclick={() => {
|
||||
if ($events_loc.launcher.show_content__hidden_files) {
|
||||
$events_loc.launcher.show_content__hidden_files = false;
|
||||
$events_loc.launcher.hide_content__draft_files = true;
|
||||
} else {
|
||||
$events_loc.launcher.show_content__hidden_files = true;
|
||||
$events_loc.launcher.hide_content__draft_files = false;
|
||||
}
|
||||
|
||||
}}
|
||||
class="
|
||||
>
|
||||
<button
|
||||
onclick={() => {
|
||||
if ($events_loc.launcher.show_content__hidden_files) {
|
||||
$events_loc.launcher.show_content__hidden_files = false;
|
||||
$events_loc.launcher.hide_content__draft_files = true;
|
||||
} else {
|
||||
$events_loc.launcher.show_content__hidden_files = true;
|
||||
$events_loc.launcher.hide_content__draft_files = false;
|
||||
}
|
||||
}}
|
||||
class="
|
||||
btn btn-sm
|
||||
text-xs
|
||||
w-1/2 max-w-1/2
|
||||
@@ -232,22 +232,22 @@ let ae_promises: key_val = $state({
|
||||
hover:preset-tonal-success
|
||||
transition-all
|
||||
"
|
||||
title="Toggle showing hidden files. Including files marked as 'draft'."
|
||||
>
|
||||
{#if $events_loc.launcher.show_content__hidden_files}
|
||||
<span class="fas fa-eye-slash m-1 text-neutral-800/80"></span>
|
||||
Hide Files
|
||||
{:else}
|
||||
<span class="fas fa-eye m-1 text-neutral-800/80"></span>
|
||||
All Files
|
||||
{/if}
|
||||
|
||||
</button>
|
||||
<button
|
||||
onclick={() => {
|
||||
$events_loc.launcher.show_content__hidden_sessions = !$events_loc.launcher.show_content__hidden_sessions;
|
||||
}}
|
||||
class="
|
||||
title="Toggle showing hidden files. Including files marked as 'draft'."
|
||||
>
|
||||
{#if $events_loc.launcher.show_content__hidden_files}
|
||||
<span class="fas fa-eye-slash m-1 text-neutral-800/80"></span>
|
||||
Hide Files
|
||||
{:else}
|
||||
<span class="fas fa-eye m-1 text-neutral-800/80"></span>
|
||||
All Files
|
||||
{/if}
|
||||
</button>
|
||||
<button
|
||||
onclick={() => {
|
||||
$events_loc.launcher.show_content__hidden_sessions =
|
||||
!$events_loc.launcher.show_content__hidden_sessions;
|
||||
}}
|
||||
class="
|
||||
btn btn-sm
|
||||
text-xs
|
||||
w-1/2 max-w-1/2
|
||||
@@ -255,17 +255,15 @@ let ae_promises: key_val = $state({
|
||||
hover:preset-tonal-success
|
||||
transition-all
|
||||
"
|
||||
>
|
||||
{#if $events_loc.launcher.show_content__hidden_sessions}
|
||||
<span class="fas fa-eye-slash m-1 text-neutral-800/80"></span>
|
||||
Hide Sessions
|
||||
{:else}
|
||||
<span class="fas fa-eye m-1 text-neutral-800/80"></span>
|
||||
All Sessions
|
||||
{/if}
|
||||
</button>
|
||||
>
|
||||
{#if $events_loc.launcher.show_content__hidden_sessions}
|
||||
<span class="fas fa-eye-slash m-1 text-neutral-800/80"></span>
|
||||
Hide Sessions
|
||||
{:else}
|
||||
<span class="fas fa-eye m-1 text-neutral-800/80"></span>
|
||||
All Sessions
|
||||
{/if}
|
||||
</button>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
|
||||
</div>
|
||||
@@ -1,98 +1,111 @@
|
||||
<script lang="ts">
|
||||
interface Props {
|
||||
// export let slct_event_presenter_id: string;
|
||||
lq__event_presenter_obj: any; // This is not actually the LiveQuery object. This was pulled from the list of presenters for a presentation. With Svelte 5 this should not matter.
|
||||
}
|
||||
interface Props {
|
||||
// export let slct_event_presenter_id: string;
|
||||
lq__event_presenter_obj: any; // This is not actually the LiveQuery object. This was pulled from the list of presenters for a presentation. With Svelte 5 this should not matter.
|
||||
}
|
||||
|
||||
let { lq__event_presenter_obj }: Props = $props();
|
||||
let { lq__event_presenter_obj }: Props = $props();
|
||||
|
||||
import type { key_val } from '$lib/stores/ae_stores';
|
||||
// import { ae_util } from '$lib/ae_utils/ae_utils';
|
||||
// import { api } from '$lib/api';
|
||||
import type { key_val } from '$lib/stores/ae_stores';
|
||||
// import { ae_util } from '$lib/ae_utils/ae_utils';
|
||||
// import { api } from '$lib/api';
|
||||
|
||||
import { liveQuery } from "dexie";
|
||||
import { liveQuery } from 'dexie';
|
||||
|
||||
import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/stores/ae_stores';
|
||||
import { db_events } from "$lib/ae_events/db_events";
|
||||
import { events_loc, events_sess, events_slct, events_trigger } from '$lib/stores/ae_events_stores';
|
||||
// import { events_func } from '$lib/ae_events_functions';
|
||||
import {
|
||||
ae_snip,
|
||||
ae_loc,
|
||||
ae_sess,
|
||||
ae_api,
|
||||
ae_trig,
|
||||
slct,
|
||||
slct_trigger
|
||||
} from '$lib/stores/ae_stores';
|
||||
import { db_events } from '$lib/ae_events/db_events';
|
||||
import {
|
||||
events_loc,
|
||||
events_sess,
|
||||
events_slct,
|
||||
events_trigger
|
||||
} from '$lib/stores/ae_events_stores';
|
||||
// import { events_func } from '$lib/ae_events_functions';
|
||||
|
||||
import Event_launcher_file_cont from './launcher_file_cont.svelte';
|
||||
import Event_launcher_file_cont from './launcher_file_cont.svelte';
|
||||
|
||||
// export let slct_event_presentation_id: string;
|
||||
// export let slct_event_presentation_id: string;
|
||||
|
||||
let ae_promises: key_val = {
|
||||
get_li__event_file: null,
|
||||
};
|
||||
|
||||
// Event File
|
||||
let lq__event_file_obj_li = $derived(liveQuery(async () => {
|
||||
let results = await db_events.file
|
||||
// .where('event_session_id_random')
|
||||
.where('for_id_random')
|
||||
.equals(lq__event_presenter_obj?.event_presenter_id)
|
||||
.reverse()
|
||||
.sortBy('created_on')
|
||||
return results;
|
||||
}));
|
||||
let ae_promises: key_val = {
|
||||
get_li__event_file: null
|
||||
};
|
||||
|
||||
// Event File
|
||||
let lq__event_file_obj_li = $derived(
|
||||
liveQuery(async () => {
|
||||
let results = await db_events.file
|
||||
// .where('event_session_id_random')
|
||||
.where('for_id_random')
|
||||
.equals(lq__event_presenter_obj?.event_presenter_id)
|
||||
.reverse()
|
||||
.sortBy('created_on');
|
||||
return results;
|
||||
})
|
||||
);
|
||||
</script>
|
||||
|
||||
|
||||
<strong>
|
||||
{#if lq__event_presenter_obj?.given_name && lq__event_presenter_obj?.given_name != 'Group'}
|
||||
<span class="fas fa-user"></span>
|
||||
{lq__event_presenter_obj?.full_name}
|
||||
{:else if lq__event_presenter_obj?.given_name == 'Group'}
|
||||
<span class="fas fa-users"></span>
|
||||
{lq__event_presenter_obj?.affiliations}
|
||||
{:else}
|
||||
--not set--
|
||||
{/if }
|
||||
{#if lq__event_presenter_obj?.given_name && lq__event_presenter_obj?.given_name != 'Group'}
|
||||
<span class="fas fa-user"></span>
|
||||
{lq__event_presenter_obj?.full_name}
|
||||
{:else if lq__event_presenter_obj?.given_name == 'Group'}
|
||||
<span class="fas fa-users"></span>
|
||||
{lq__event_presenter_obj?.affiliations}
|
||||
{:else}
|
||||
--not set--
|
||||
{/if}
|
||||
</strong>
|
||||
|
||||
{#if !lq__event_presenter_obj?.file_count}
|
||||
<p class="text-sm text-center text-gray-400">
|
||||
<!-- <span class="fas fa-exclamation"></span> -->
|
||||
No files to show for this presenter at this time.
|
||||
<!-- <span class="fas fa-exclamation"></span> -->
|
||||
</p>
|
||||
<p class="text-sm text-center text-gray-400">
|
||||
<!-- <span class="fas fa-exclamation"></span> -->
|
||||
No files to show for this presenter at this time.
|
||||
<!-- <span class="fas fa-exclamation"></span> -->
|
||||
</p>
|
||||
{/if}
|
||||
|
||||
{#if $lq__event_file_obj_li && $lq__event_file_obj_li.length}
|
||||
<section class="event_session_file_list">
|
||||
<div>
|
||||
<div class="text-xs text-surface-600-400"><strong>
|
||||
<span class="fas fa-file-archive"></span>
|
||||
Presenter Files:
|
||||
{#if $ae_loc.administrator_access && $ae_loc.edit_mode}
|
||||
({$lq__event_file_obj_li?.length}×)
|
||||
{/if}
|
||||
</strong></div>
|
||||
</div>
|
||||
<ul class="space-y-1">
|
||||
{#each $lq__event_file_obj_li as event_file_obj, index}
|
||||
<li
|
||||
class="flex flex-col md:flex-row flex-wrap gap-1 items-center justify-start"
|
||||
class:hidden={!$events_loc.launcher.show_content__hidden_files && event_file_obj.hide}
|
||||
>
|
||||
|
||||
<Event_launcher_file_cont
|
||||
event_file_id={event_file_obj.event_file_id_random}
|
||||
event_file_obj={event_file_obj}
|
||||
hide_created_on={false}
|
||||
bind:hide_draft={$events_loc.launcher.hide_content__draft_files}
|
||||
show_bak_download={$ae_loc.trusted_access}
|
||||
session_type={event_file_obj?.event_session_type_code ?? 'oral'}
|
||||
open_method={event_file_obj?.event_session_type_code == 'poster' ? 'modal' : null}
|
||||
modal_title={lq__event_presenter_obj?.event_presentation_name}
|
||||
|
||||
bind:modal__title={$events_sess.launcher.modal__title}
|
||||
bind:modal__open_event_file_id={$events_sess.launcher.modal__open_event_file_id}
|
||||
bind:modal__event_file_obj={$events_sess.launcher.modal__event_file_obj}
|
||||
/>
|
||||
</li>
|
||||
{/each}
|
||||
</ul>
|
||||
</section>
|
||||
<section class="event_session_file_list">
|
||||
<div>
|
||||
<div class="text-xs text-surface-600-400">
|
||||
<strong>
|
||||
<span class="fas fa-file-archive"></span>
|
||||
Presenter Files:
|
||||
{#if $ae_loc.administrator_access && $ae_loc.edit_mode}
|
||||
({$lq__event_file_obj_li?.length}×)
|
||||
{/if}
|
||||
</strong>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="space-y-1">
|
||||
{#each $lq__event_file_obj_li as event_file_obj, index}
|
||||
<li
|
||||
class="flex flex-col md:flex-row flex-wrap gap-1 items-center justify-start"
|
||||
class:hidden={!$events_loc.launcher.show_content__hidden_files && event_file_obj.hide}
|
||||
>
|
||||
<Event_launcher_file_cont
|
||||
event_file_id={event_file_obj.event_file_id_random}
|
||||
{event_file_obj}
|
||||
hide_created_on={false}
|
||||
bind:hide_draft={$events_loc.launcher.hide_content__draft_files}
|
||||
show_bak_download={$ae_loc.trusted_access}
|
||||
session_type={event_file_obj?.event_session_type_code ?? 'oral'}
|
||||
open_method={event_file_obj?.event_session_type_code == 'poster' ? 'modal' : null}
|
||||
modal_title={lq__event_presenter_obj?.event_presentation_name}
|
||||
bind:modal__title={$events_sess.launcher.modal__title}
|
||||
bind:modal__open_event_file_id={$events_sess.launcher.modal__open_event_file_id}
|
||||
bind:modal__event_file_obj={$events_sess.launcher.modal__event_file_obj}
|
||||
/>
|
||||
</li>
|
||||
{/each}
|
||||
</ul>
|
||||
</section>
|
||||
{/if}
|
||||
|
||||
@@ -1,73 +1,81 @@
|
||||
<script lang="ts">
|
||||
interface Props {
|
||||
// export let slct_event_presenter_id: string;
|
||||
lq__event_presenter_obj: any; // This is not actually the LiveQuery object. This was pulled from the list of presenters for a presentation. With Svelte 5 this should not matter.
|
||||
hide_name?: boolean;
|
||||
}
|
||||
interface Props {
|
||||
// export let slct_event_presenter_id: string;
|
||||
lq__event_presenter_obj: any; // This is not actually the LiveQuery object. This was pulled from the list of presenters for a presentation. With Svelte 5 this should not matter.
|
||||
hide_name?: boolean;
|
||||
}
|
||||
|
||||
let {
|
||||
lq__event_presenter_obj,
|
||||
hide_name = false
|
||||
}: Props = $props();
|
||||
let { lq__event_presenter_obj, hide_name = false }: Props = $props();
|
||||
|
||||
import type { key_val } from '$lib/stores/ae_stores';
|
||||
// import { ae_util } from '$lib/ae_utils/ae_utils';
|
||||
// import { api } from '$lib/api';
|
||||
import type { key_val } from '$lib/stores/ae_stores';
|
||||
// import { ae_util } from '$lib/ae_utils/ae_utils';
|
||||
// import { api } from '$lib/api';
|
||||
|
||||
import { liveQuery } from "dexie";
|
||||
import { liveQuery } from 'dexie';
|
||||
|
||||
import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/stores/ae_stores';
|
||||
import { db_events } from "$lib/ae_events/db_events";
|
||||
import { events_loc, events_sess, events_slct, events_trigger } from '$lib/stores/ae_events_stores';
|
||||
// import { events_func } from '$lib/ae_events_functions';
|
||||
import {
|
||||
ae_snip,
|
||||
ae_loc,
|
||||
ae_sess,
|
||||
ae_api,
|
||||
ae_trig,
|
||||
slct,
|
||||
slct_trigger
|
||||
} from '$lib/stores/ae_stores';
|
||||
import { db_events } from '$lib/ae_events/db_events';
|
||||
import {
|
||||
events_loc,
|
||||
events_sess,
|
||||
events_slct,
|
||||
events_trigger
|
||||
} from '$lib/stores/ae_events_stores';
|
||||
// import { events_func } from '$lib/ae_events_functions';
|
||||
|
||||
import Event_launcher_file_cont from './launcher_file_cont.svelte';
|
||||
import Event_launcher_file_cont from './launcher_file_cont.svelte';
|
||||
|
||||
// export let slct_event_presentation_id: string;
|
||||
// export let slct_event_presentation_id: string;
|
||||
|
||||
let ae_promises: key_val = {
|
||||
get_li__event_file: null,
|
||||
};
|
||||
|
||||
// Event File
|
||||
let lq__event_file_obj_li = $derived(liveQuery(async () => {
|
||||
let results = await db_events.file
|
||||
// .where('event_session_id_random')
|
||||
.where('for_id_random')
|
||||
.equals(lq__event_presenter_obj?.event_presenter_id)
|
||||
.reverse()
|
||||
.sortBy('created_on')
|
||||
return results;
|
||||
}));
|
||||
let ae_promises: key_val = {
|
||||
get_li__event_file: null
|
||||
};
|
||||
|
||||
// Event File
|
||||
let lq__event_file_obj_li = $derived(
|
||||
liveQuery(async () => {
|
||||
let results = await db_events.file
|
||||
// .where('event_session_id_random')
|
||||
.where('for_id_random')
|
||||
.equals(lq__event_presenter_obj?.event_presenter_id)
|
||||
.reverse()
|
||||
.sortBy('created_on');
|
||||
return results;
|
||||
})
|
||||
);
|
||||
</script>
|
||||
|
||||
|
||||
<strong
|
||||
class:hidden={hide_name}
|
||||
>
|
||||
{#if lq__event_presenter_obj?.given_name && lq__event_presenter_obj?.given_name != 'Group'}
|
||||
<span class="fas fa-user"></span>
|
||||
{lq__event_presenter_obj?.full_name}
|
||||
{:else if lq__event_presenter_obj?.given_name == 'Group'}
|
||||
<span class="fas fa-users"></span>
|
||||
{lq__event_presenter_obj?.affiliations}
|
||||
{:else}
|
||||
--not set--
|
||||
{/if }
|
||||
<strong class:hidden={hide_name}>
|
||||
{#if lq__event_presenter_obj?.given_name && lq__event_presenter_obj?.given_name != 'Group'}
|
||||
<span class="fas fa-user"></span>
|
||||
{lq__event_presenter_obj?.full_name}
|
||||
{:else if lq__event_presenter_obj?.given_name == 'Group'}
|
||||
<span class="fas fa-users"></span>
|
||||
{lq__event_presenter_obj?.affiliations}
|
||||
{:else}
|
||||
--not set--
|
||||
{/if}
|
||||
</strong>
|
||||
|
||||
{#if !lq__event_presenter_obj?.file_count}
|
||||
<p class="text-sm text-center text-gray-400">
|
||||
<!-- <span class="fas fa-exclamation"></span> -->
|
||||
No files to show for this presenter at this time.
|
||||
<!-- <span class="fas fa-exclamation"></span> -->
|
||||
</p>
|
||||
<p class="text-sm text-center text-gray-400">
|
||||
<!-- <span class="fas fa-exclamation"></span> -->
|
||||
No files to show for this presenter at this time.
|
||||
<!-- <span class="fas fa-exclamation"></span> -->
|
||||
</p>
|
||||
{/if}
|
||||
|
||||
{#if $lq__event_file_obj_li && $lq__event_file_obj_li.length}
|
||||
<section class="event_session_file_list">
|
||||
<!-- <div>
|
||||
<section class="event_session_file_list">
|
||||
<!-- <div>
|
||||
<div class="text-xs"><strong>
|
||||
<span class="fas fa-file-archive"></span>
|
||||
Presenter Files:
|
||||
@@ -76,28 +84,27 @@ let lq__event_file_obj_li = $derived(liveQuery(async () => {
|
||||
{/if}
|
||||
</strong></div>
|
||||
</div> -->
|
||||
<ul class="space-y-1">
|
||||
{#each $lq__event_file_obj_li as event_file_obj, index}
|
||||
<li
|
||||
class="flex flex-col md:flex-row wrap gap items-center justify-center"
|
||||
class:hidden={!$events_loc.launcher.show_content__hidden_files && event_file_obj.hide}
|
||||
>
|
||||
<Event_launcher_file_cont
|
||||
event_file_id={event_file_obj.event_file_id_random}
|
||||
event_file_obj={event_file_obj}
|
||||
hide_created_on={false}
|
||||
hide_meta={true}
|
||||
show_bak_download={$ae_loc.trusted_access}
|
||||
session_type={event_file_obj?.event_session_type_code ?? 'oral'}
|
||||
open_method={event_file_obj?.event_session_type_code == 'poster' ? 'modal' : null}
|
||||
modal_title={lq__event_presenter_obj?.event_presentation_name}
|
||||
|
||||
bind:modal__title={$events_sess.launcher.modal__title}
|
||||
bind:modal__open_event_file_id={$events_sess.launcher.modal__open_event_file_id}
|
||||
bind:modal__event_file_obj={$events_sess.launcher.modal__event_file_obj}
|
||||
/>
|
||||
</li>
|
||||
{/each}
|
||||
</ul>
|
||||
</section>
|
||||
<ul class="space-y-1">
|
||||
{#each $lq__event_file_obj_li as event_file_obj, index}
|
||||
<li
|
||||
class="flex flex-col md:flex-row wrap gap items-center justify-center"
|
||||
class:hidden={!$events_loc.launcher.show_content__hidden_files && event_file_obj.hide}
|
||||
>
|
||||
<Event_launcher_file_cont
|
||||
event_file_id={event_file_obj.event_file_id_random}
|
||||
{event_file_obj}
|
||||
hide_created_on={false}
|
||||
hide_meta={true}
|
||||
show_bak_download={$ae_loc.trusted_access}
|
||||
session_type={event_file_obj?.event_session_type_code ?? 'oral'}
|
||||
open_method={event_file_obj?.event_session_type_code == 'poster' ? 'modal' : null}
|
||||
modal_title={lq__event_presenter_obj?.event_presentation_name}
|
||||
bind:modal__title={$events_sess.launcher.modal__title}
|
||||
bind:modal__open_event_file_id={$events_sess.launcher.modal__open_event_file_id}
|
||||
bind:modal__event_file_obj={$events_sess.launcher.modal__event_file_obj}
|
||||
/>
|
||||
</li>
|
||||
{/each}
|
||||
</ul>
|
||||
</section>
|
||||
{/if}
|
||||
|
||||
@@ -1,326 +1,367 @@
|
||||
<script lang="ts">
|
||||
interface Props {
|
||||
slct__event_session_id?: string;
|
||||
lq__event_session_obj: any;
|
||||
type_code?: string;
|
||||
log_lvl?: number;
|
||||
}
|
||||
interface Props {
|
||||
slct__event_session_id?: string;
|
||||
lq__event_session_obj: any;
|
||||
type_code?: string;
|
||||
log_lvl?: number;
|
||||
}
|
||||
|
||||
let {
|
||||
slct__event_session_id = $bindable(''),
|
||||
lq__event_session_obj,
|
||||
type_code = $bindable(''),
|
||||
log_lvl = $bindable(1),
|
||||
}: Props = $props();
|
||||
let {
|
||||
slct__event_session_id = $bindable(''),
|
||||
lq__event_session_obj,
|
||||
type_code = $bindable(''),
|
||||
log_lvl = $bindable(1)
|
||||
}: Props = $props();
|
||||
|
||||
import type { key_val } from '$lib/stores/ae_stores';
|
||||
import { ae_util } from '$lib/ae_utils/ae_utils';
|
||||
import type { key_val } from '$lib/stores/ae_stores';
|
||||
import { ae_util } from '$lib/ae_utils/ae_utils';
|
||||
|
||||
// import Element_ae_crud from '$lib/element_ae_crud.svelte';
|
||||
import Event_launcher_file_cont from './launcher_file_cont.svelte';
|
||||
import Launcher_presenter_view from './launcher_presenter_view.svelte';
|
||||
import Launcher_presenter_view_posters from './launcher_presenter_view_posters.svelte';
|
||||
// import Element_ae_crud from '$lib/element_ae_crud.svelte';
|
||||
import Event_launcher_file_cont from './launcher_file_cont.svelte';
|
||||
import Launcher_presenter_view from './launcher_presenter_view.svelte';
|
||||
import Launcher_presenter_view_posters from './launcher_presenter_view_posters.svelte';
|
||||
|
||||
import { liveQuery } from "dexie";
|
||||
// import { core_func } from '$lib/ae_core_functions';
|
||||
// import { db_core } from "$lib/db_core";
|
||||
import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/stores/ae_stores';
|
||||
import { db_events } from "$lib/ae_events/db_events";
|
||||
import { events_loc, events_sess, events_slct, events_trigger } from '$lib/stores/ae_events_stores';
|
||||
import { events_func } from '$lib/ae_events_functions';
|
||||
import { liveQuery } from 'dexie';
|
||||
// import { core_func } from '$lib/ae_core_functions';
|
||||
// import { db_core } from "$lib/db_core";
|
||||
import {
|
||||
ae_snip,
|
||||
ae_loc,
|
||||
ae_sess,
|
||||
ae_api,
|
||||
ae_trig,
|
||||
slct,
|
||||
slct_trigger
|
||||
} from '$lib/stores/ae_stores';
|
||||
import { db_events } from '$lib/ae_events/db_events';
|
||||
import {
|
||||
events_loc,
|
||||
events_sess,
|
||||
events_slct,
|
||||
events_trigger
|
||||
} from '$lib/stores/ae_events_stores';
|
||||
import { events_func } from '$lib/ae_events_functions';
|
||||
|
||||
// let load_event_session_obj = events_func.load_ae_obj_id__event_session({
|
||||
// api_cfg: $ae_api,
|
||||
// event_session_id: slct__event_session_id,
|
||||
// inc_presenter_li: false,
|
||||
// try_cache: true,
|
||||
// log_lvl: 1
|
||||
// });
|
||||
|
||||
// let load_event_session_obj = events_func.load_ae_obj_id__event_session({
|
||||
// api_cfg: $ae_api,
|
||||
// event_session_id: slct__event_session_id,
|
||||
// inc_presenter_li: false,
|
||||
// try_cache: true,
|
||||
// log_lvl: 1
|
||||
// });
|
||||
// let lq__event_session_obj = liveQuery(
|
||||
// () => db_events.session.get(slct_event_session_id)
|
||||
// );
|
||||
|
||||
// let lq__event_session_obj = liveQuery(
|
||||
// () => db_events.session.get(slct_event_session_id)
|
||||
// );
|
||||
// let lq__event_session_obj = liveQuery(
|
||||
// () => db_events.session.get(slct__event_session_id)
|
||||
// );
|
||||
|
||||
// let lq__event_session_obj = liveQuery(
|
||||
// () => db_events.session.get(slct__event_session_id)
|
||||
// );
|
||||
// import Event_launcher_file_cont from './launcher_file_cont.svelte';
|
||||
|
||||
// import Event_launcher_file_cont from './launcher_file_cont.svelte';
|
||||
// export let hide_description: boolean = true;
|
||||
// export let show_designations: boolean = false;
|
||||
// export let show_email: boolean = false;
|
||||
|
||||
// Event File (for a Session)
|
||||
let lq__event_file_obj_li = $derived(
|
||||
liveQuery(async () => {
|
||||
if (log_lvl) {
|
||||
console.log(`lq__event_file_obj: event_file_id = ${$events_slct?.event_file_id}`);
|
||||
}
|
||||
let results = await db_events.file
|
||||
// .where('event_session_id_random')
|
||||
.where('for_id_random')
|
||||
.equals(slct__event_session_id)
|
||||
.reverse() // Need reverse for created_on newest first.
|
||||
.sortBy('created_on'); // or filename
|
||||
if (log_lvl) {
|
||||
console.log(`lq__event_file_obj_li: results = `, results);
|
||||
}
|
||||
|
||||
// export let hide_description: boolean = true;
|
||||
// export let show_designations: boolean = false;
|
||||
// export let show_email: boolean = false;
|
||||
// Check if results are different than the current $events_slct.event_file_obj_li
|
||||
if ($events_slct.event_file_obj_li && results) {
|
||||
if (JSON.stringify($events_slct.event_file_obj_li) !== JSON.stringify(results)) {
|
||||
$events_slct.event_file_obj_li = { ...results };
|
||||
if (log_lvl) {
|
||||
console.log(
|
||||
`$events_slct.event_file_obj_li has changed for event_session_id: ${slct__event_session_id}`,
|
||||
$events_slct.event_file_obj_li
|
||||
);
|
||||
}
|
||||
} else {
|
||||
if (log_lvl) {
|
||||
console.log(
|
||||
`$events_slct.event_file_obj_li has not changed for event_session_id: ${slct__event_session_id}`
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Event File (for a Session)
|
||||
let lq__event_file_obj_li = $derived(liveQuery(async () => {
|
||||
if (log_lvl) {
|
||||
console.log(`lq__event_file_obj: event_file_id = ${$events_slct?.event_file_id}`);
|
||||
}
|
||||
let results = await db_events.file
|
||||
// .where('event_session_id_random')
|
||||
.where('for_id_random')
|
||||
.equals(slct__event_session_id)
|
||||
.reverse() // Need reverse for created_on newest first.
|
||||
.sortBy('created_on') // or filename
|
||||
;
|
||||
return results;
|
||||
})
|
||||
);
|
||||
|
||||
if (log_lvl) {
|
||||
console.log(`lq__event_file_obj_li: results = `, results);
|
||||
}
|
||||
// Does not refresh when the event_file_id_li_json changes.
|
||||
// let lq_get__event_file_obj_li = liveQuery(
|
||||
// () => db_events.file
|
||||
// .bulkGet($lq__event_session_obj?.event_file_id_li_json ?? [''])
|
||||
// );
|
||||
// console.log(`$lq__event_session_obj?.event_file_id_li_json = `, $lq__event_session_obj?.event_file_id_li_json);
|
||||
|
||||
// Check if results are different than the current $events_slct.event_file_obj_li
|
||||
if ($events_slct.event_file_obj_li && results) {
|
||||
if (JSON.stringify($events_slct.event_file_obj_li) !== JSON.stringify(results)) {
|
||||
$events_slct.event_file_obj_li = { ...results};
|
||||
if (log_lvl) {
|
||||
console.log(`$events_slct.event_file_obj_li has changed for event_session_id: ${slct__event_session_id}`, $events_slct.event_file_obj_li);
|
||||
}
|
||||
} else {
|
||||
if (log_lvl) {
|
||||
console.log(`$events_slct.event_file_obj_li has not changed for event_session_id: ${slct__event_session_id}`);
|
||||
}
|
||||
}
|
||||
}
|
||||
// Event Presentation
|
||||
// let lq__event_presentation_obj = liveQuery(
|
||||
// () => db_events.presentation
|
||||
// .get($events_slct.event_presentation_id)
|
||||
// );
|
||||
|
||||
return results;
|
||||
}));
|
||||
let lq__event_presentation_obj_li = $derived(
|
||||
liveQuery(async () => {
|
||||
if (log_lvl) {
|
||||
console.log(
|
||||
`lq__event_presentation_obj_li: slct__event_session_id = ${slct__event_session_id}`
|
||||
);
|
||||
}
|
||||
let sort_by = 'start_datetime';
|
||||
if (type_code == 'poster') {
|
||||
sort_by = 'name';
|
||||
}
|
||||
let results = await db_events.presentation
|
||||
.where('event_session_id_random')
|
||||
.equals(slct__event_session_id)
|
||||
.sortBy(sort_by);
|
||||
// .sortBy('name')
|
||||
if (log_lvl) {
|
||||
console.log(`lq__event_presentation_obj_li: results = `, results);
|
||||
}
|
||||
|
||||
// Does not refresh when the event_file_id_li_json changes.
|
||||
// let lq_get__event_file_obj_li = liveQuery(
|
||||
// () => db_events.file
|
||||
// .bulkGet($lq__event_session_obj?.event_file_id_li_json ?? [''])
|
||||
// );
|
||||
// console.log(`$lq__event_session_obj?.event_file_id_li_json = `, $lq__event_session_obj?.event_file_id_li_json);
|
||||
// Check if results are different than the current $events_slct.event_presentation_obj_li
|
||||
if ($events_slct.event_presentation_obj_li && results) {
|
||||
if (JSON.stringify($events_slct.event_presentation_obj_li) !== JSON.stringify(results)) {
|
||||
$events_slct.event_presentation_obj_li = { ...results };
|
||||
if (log_lvl) {
|
||||
console.log(
|
||||
`$events_slct.event_presentation_obj_li has changed for event_session_id: ${slct__event_session_id}`,
|
||||
$events_slct.event_presentation_obj_li
|
||||
);
|
||||
}
|
||||
} else {
|
||||
if (log_lvl) {
|
||||
console.log(
|
||||
`$events_slct.event_presentation_obj_li has not changed for event_session_id: ${slct__event_session_id}`
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Event Presentation
|
||||
// let lq__event_presentation_obj = liveQuery(
|
||||
// () => db_events.presentation
|
||||
// .get($events_slct.event_presentation_id)
|
||||
// );
|
||||
return results;
|
||||
})
|
||||
);
|
||||
|
||||
let lq__event_presentation_obj_li = $derived(liveQuery(async () => {
|
||||
if (log_lvl) {
|
||||
console.log(`lq__event_presentation_obj_li: slct__event_session_id = ${slct__event_session_id}`);
|
||||
}
|
||||
let sort_by = 'start_datetime';
|
||||
if (type_code == 'poster') {
|
||||
sort_by = 'name';
|
||||
}
|
||||
let results = await db_events.presentation
|
||||
.where('event_session_id_random')
|
||||
.equals(slct__event_session_id)
|
||||
.sortBy(sort_by)
|
||||
// .sortBy('name')
|
||||
;
|
||||
// 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(
|
||||
// () => db_events.presentation
|
||||
// .bulkGet($events_slct.id_li__event_presentation)
|
||||
// );
|
||||
|
||||
if (log_lvl) {
|
||||
console.log(`lq__event_presentation_obj_li: results = `, results);
|
||||
}
|
||||
let lq__event_presenter_obj_li = $derived(
|
||||
liveQuery(async () => {
|
||||
if (log_lvl) {
|
||||
console.log(
|
||||
`lq__event_presenter_obj_li: slct__event_session_id = ${slct__event_session_id}`
|
||||
);
|
||||
}
|
||||
let results = await db_events.presenter
|
||||
.where('event_session_id')
|
||||
.equals(slct__event_session_id)
|
||||
.sortBy('full_name');
|
||||
if (log_lvl) {
|
||||
console.log(`lq__event_presenter_obj_li: results = `, results);
|
||||
}
|
||||
|
||||
// Check if results are different than the current $events_slct.event_presentation_obj_li
|
||||
if ($events_slct.event_presentation_obj_li && results) {
|
||||
if (JSON.stringify($events_slct.event_presentation_obj_li) !== JSON.stringify(results)) {
|
||||
$events_slct.event_presentation_obj_li = { ...results};
|
||||
if (log_lvl) {
|
||||
console.log(`$events_slct.event_presentation_obj_li has changed for event_session_id: ${slct__event_session_id}`, $events_slct.event_presentation_obj_li);
|
||||
}
|
||||
} else {
|
||||
if (log_lvl) {
|
||||
console.log(`$events_slct.event_presentation_obj_li has not changed for event_session_id: ${slct__event_session_id}`);
|
||||
}
|
||||
}
|
||||
}
|
||||
// Check if results are different than the current $events_slct.event_presenter_obj_li
|
||||
if ($events_slct.event_presenter_obj_li && results) {
|
||||
if (JSON.stringify($events_slct.event_presenter_obj_li) !== JSON.stringify(results)) {
|
||||
$events_slct.event_presenter_obj_li = { ...results };
|
||||
if (log_lvl) {
|
||||
console.log(
|
||||
`$events_slct.event_presenter_obj_li has changed for event_session_id: ${slct__event_session_id}`,
|
||||
$events_slct.event_presenter_obj_li
|
||||
);
|
||||
}
|
||||
} else {
|
||||
if (log_lvl) {
|
||||
console.log(
|
||||
`$events_slct.event_presenter_obj_li has not changed for event_session_id: ${slct__event_session_id}`
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return results;
|
||||
}));
|
||||
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(
|
||||
// () => db_events.presentation
|
||||
// .bulkGet($events_slct.id_li__event_presentation)
|
||||
// );
|
||||
// let show_modal_upload_files: boolean = false;
|
||||
// let link_to_type: null|string = null;
|
||||
// let link_to_id: null|string = null;
|
||||
|
||||
let ae_promises: key_val = $state({});
|
||||
// $events_slct.id_li__event_presenter = [];
|
||||
// await tick();
|
||||
// ae_promises[slct__event_session_id] = events_func.load_ae_obj_li__event_presenter({
|
||||
// api_cfg: $ae_api,
|
||||
// for_obj_type: 'event_session',
|
||||
// for_obj_id: slct__event_session_id,
|
||||
// // inc_file_li: false,
|
||||
// params: {qry__enabled: 'enabled', qry__limit: 550},
|
||||
// try_cache: true,
|
||||
// log_lvl: 1,
|
||||
// })
|
||||
// .then(async function (load_results) {
|
||||
// console.log(`load_results = `, load_results);
|
||||
|
||||
let lq__event_presenter_obj_li = $derived(liveQuery(async () => {
|
||||
if (log_lvl) {
|
||||
console.log(`lq__event_presenter_obj_li: slct__event_session_id = ${slct__event_session_id}`);
|
||||
}
|
||||
let results = await db_events.presenter
|
||||
.where('event_session_id')
|
||||
.equals(slct__event_session_id)
|
||||
.sortBy('full_name')
|
||||
;
|
||||
// // let event_presenter_id_li = [];
|
||||
|
||||
if (log_lvl) {
|
||||
console.log(`lq__event_presenter_obj_li: results = `, results);
|
||||
}
|
||||
// // let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
|
||||
|
||||
// Check if results are different than the current $events_slct.event_presenter_obj_li
|
||||
if ($events_slct.event_presenter_obj_li && results) {
|
||||
if (JSON.stringify($events_slct.event_presenter_obj_li) !== JSON.stringify(results)) {
|
||||
$events_slct.event_presenter_obj_li = { ...results};
|
||||
if (log_lvl) {
|
||||
console.log(`$events_slct.event_presenter_obj_li has changed for event_session_id: ${slct__event_session_id}`, $events_slct.event_presenter_obj_li);
|
||||
}
|
||||
} else {
|
||||
if (log_lvl) {
|
||||
console.log(`$events_slct.event_presenter_obj_li has not changed for event_session_id: ${slct__event_session_id}`);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return results;
|
||||
}));
|
||||
|
||||
// let show_modal_upload_files: boolean = false;
|
||||
// let link_to_type: null|string = null;
|
||||
// let link_to_id: null|string = null;
|
||||
|
||||
|
||||
let ae_promises: key_val = $state({});
|
||||
// $events_slct.id_li__event_presenter = [];
|
||||
// await tick();
|
||||
// ae_promises[slct__event_session_id] = events_func.load_ae_obj_li__event_presenter({
|
||||
// api_cfg: $ae_api,
|
||||
// for_obj_type: 'event_session',
|
||||
// for_obj_id: slct__event_session_id,
|
||||
// // inc_file_li: false,
|
||||
// params: {qry__enabled: 'enabled', qry__limit: 550},
|
||||
// try_cache: true,
|
||||
// log_lvl: 1,
|
||||
// })
|
||||
// .then(async function (load_results) {
|
||||
// console.log(`load_results = `, load_results);
|
||||
|
||||
// // let event_presenter_id_li = [];
|
||||
|
||||
// // let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
|
||||
|
||||
// // for (let i = 0; i < load_results.length; i++) {
|
||||
// // let event_presenter_obj = load_results[i];
|
||||
// // let event_presenter_id_random = event_presenter_obj.event_presenter_id_random;
|
||||
// // tmp_li.push(event_presenter_id_random);
|
||||
// // }
|
||||
// // event_presenter_id_li = tmp_li;
|
||||
// // console.log(`event_presenter_id_li:`, event_presenter_id_li);
|
||||
// // $events_slct.id_li__event_presenter = event_presenter_id_li;
|
||||
|
||||
// return load_results;
|
||||
// });
|
||||
// // for (let i = 0; i < load_results.length; i++) {
|
||||
// // let event_presenter_obj = load_results[i];
|
||||
// // let event_presenter_id_random = event_presenter_obj.event_presenter_id_random;
|
||||
// // tmp_li.push(event_presenter_id_random);
|
||||
// // }
|
||||
// // event_presenter_id_li = tmp_li;
|
||||
// // console.log(`event_presenter_id_li:`, event_presenter_id_li);
|
||||
// // $events_slct.id_li__event_presenter = event_presenter_id_li;
|
||||
|
||||
// return load_results;
|
||||
// });
|
||||
</script>
|
||||
|
||||
|
||||
<div
|
||||
class="
|
||||
class="
|
||||
event_launcher_session_view
|
||||
grow h-full w-full
|
||||
space-y-1
|
||||
relative
|
||||
"
|
||||
>
|
||||
<!-- <slot name="event_session_message">event session message</slot> -->
|
||||
>
|
||||
<!-- <slot name="event_session_message">event session message</slot> -->
|
||||
|
||||
{#if $events_sess.launcher.loading__session_id_status}
|
||||
<span class="absolute top-0 right-0 text-sm text-center text-gray-400">
|
||||
<span class="fas fa-spinner fa-spin"></span>
|
||||
Loading session information...
|
||||
</span>
|
||||
<!-- {:else}
|
||||
{#if $events_sess.launcher.loading__session_id_status}
|
||||
<span class="absolute top-0 right-0 text-sm text-center text-gray-400">
|
||||
<span class="fas fa-spinner fa-spin"></span>
|
||||
Loading session information...
|
||||
</span>
|
||||
<!-- {:else}
|
||||
<span class="absolute top-0 right-0 text-sm text-center text-gray-400">
|
||||
Session loaded?
|
||||
</span> -->
|
||||
{/if}
|
||||
{/if}
|
||||
|
||||
{#if $lq__event_session_obj && $lq__event_session_obj.event_session_id_random}
|
||||
<header
|
||||
class="event_session_about text-center border-b-2 border-gray-400 flex flex-row flex-wrap gap-2 items-center justify-between"
|
||||
>
|
||||
<h3
|
||||
class:hidden={!$lq__event_session_obj?.start_datetime ||
|
||||
$events_loc.launcher.hide__session_datetimes}
|
||||
class="shrink event_session_datetimes"
|
||||
>
|
||||
<button
|
||||
type="button"
|
||||
onclick={() => {
|
||||
if ($events_loc.launcher.time_format == 'time_12_short') {
|
||||
// $events_loc.launcher.datetime_format = 'datetime_long';
|
||||
$events_loc.launcher.time_format = 'time_short';
|
||||
$events_loc.launcher.time_hours = 24;
|
||||
} else {
|
||||
$events_loc.launcher.time_format = 'time_12_short';
|
||||
// $events_loc.launcher.datetime_format = 'datetime_12_long';
|
||||
$events_loc.launcher.time_hours = 12;
|
||||
}
|
||||
}}
|
||||
>
|
||||
<strong
|
||||
>{ae_util.iso_datetime_formatter(
|
||||
$lq__event_session_obj.start_datetime,
|
||||
'week_long'
|
||||
)}</strong
|
||||
>
|
||||
<span class="font-normal">
|
||||
{ae_util.iso_datetime_formatter(
|
||||
$lq__event_session_obj.start_datetime,
|
||||
'date_long_month_day'
|
||||
)}
|
||||
</span>
|
||||
<strong
|
||||
>{ae_util.iso_datetime_formatter(
|
||||
$lq__event_session_obj.start_datetime,
|
||||
$events_loc.launcher.time_format
|
||||
)}</strong
|
||||
>
|
||||
<span class="font-normal">
|
||||
–
|
||||
{ae_util.iso_datetime_formatter(
|
||||
$lq__event_session_obj.end_datetime,
|
||||
$events_loc.launcher.time_format
|
||||
)}
|
||||
</span>
|
||||
</button>
|
||||
</h3>
|
||||
|
||||
{#if $lq__event_session_obj && $lq__event_session_obj.event_session_id_random}
|
||||
<header class="event_session_about text-center border-b-2 border-gray-400 flex flex-row flex-wrap gap-2 items-center justify-between">
|
||||
<span
|
||||
class:justify-between={$events_loc.launcher.hide__session_datetimes}
|
||||
class:justify-end={!$events_loc.launcher.hide__session_datetimes}
|
||||
class="grow flex flex-row gap-2 items-center"
|
||||
>
|
||||
<h2
|
||||
class="shrink text-xl"
|
||||
title={`Name: ${$lq__event_session_obj.name}\nType: ${$lq__event_session_obj.type_code} \nCode: ${$lq__event_session_obj.code} \nID: ${$lq__event_session_obj.event_session_id_random} \nStart Date/Time: ${ae_util.iso_datetime_formatter($lq__event_session_obj.start_datetime, 'week_long')} ${ae_util.iso_datetime_formatter($lq__event_session_obj.start_datetime, $events_loc.launcher.time_format)} \nEnd Date/Time: ${ae_util.iso_datetime_formatter($lq__event_session_obj.end_datetime, $events_loc.launcher.time_format)}`}
|
||||
>
|
||||
{$lq__event_session_obj?.name}
|
||||
</h2>
|
||||
{#if $lq__event_session_obj?.code}
|
||||
<span
|
||||
class="text-base text-gray-500 font-normal p-1"
|
||||
title="Session code {$lq__event_session_obj.code}"
|
||||
>
|
||||
<span class="fas fa-barcode"></span>
|
||||
{$lq__event_session_obj?.code}
|
||||
</span>
|
||||
{/if}
|
||||
</span>
|
||||
</header>
|
||||
|
||||
<h3
|
||||
class:hidden={!$lq__event_session_obj?.start_datetime || $events_loc.launcher.hide__session_datetimes}
|
||||
class="shrink event_session_datetimes"
|
||||
>
|
||||
<button
|
||||
type="button"
|
||||
onclick={() => {
|
||||
if ($events_loc.launcher.time_format == 'time_12_short') {
|
||||
// $events_loc.launcher.datetime_format = 'datetime_long';
|
||||
$events_loc.launcher.time_format = 'time_short';
|
||||
$events_loc.launcher.time_hours = 24;
|
||||
} else {
|
||||
$events_loc.launcher.time_format = 'time_12_short';
|
||||
// $events_loc.launcher.datetime_format = 'datetime_12_long';
|
||||
$events_loc.launcher.time_hours = 12;
|
||||
}
|
||||
}}
|
||||
>
|
||||
<strong>{ae_util.iso_datetime_formatter($lq__event_session_obj.start_datetime, 'week_long')}</strong>
|
||||
<span class="font-normal">
|
||||
{ae_util.iso_datetime_formatter($lq__event_session_obj.start_datetime, 'date_long_month_day')}
|
||||
</span>
|
||||
<strong>{ae_util.iso_datetime_formatter($lq__event_session_obj.start_datetime, $events_loc.launcher.time_format)}</strong>
|
||||
<span class="font-normal">
|
||||
–
|
||||
{ae_util.iso_datetime_formatter($lq__event_session_obj.end_datetime, $events_loc.launcher.time_format)}
|
||||
</span>
|
||||
</button>
|
||||
</h3>
|
||||
|
||||
<span
|
||||
class:justify-between={$events_loc.launcher.hide__session_datetimes}
|
||||
class:justify-end={!$events_loc.launcher.hide__session_datetimes}
|
||||
class="grow flex flex-row gap-2 items-center"
|
||||
>
|
||||
<h2
|
||||
class="shrink text-xl"
|
||||
title={`Name: ${$lq__event_session_obj.name}\nType: ${$lq__event_session_obj.type_code} \nCode: ${$lq__event_session_obj.code} \nID: ${$lq__event_session_obj.event_session_id_random} \nStart Date/Time: ${ae_util.iso_datetime_formatter($lq__event_session_obj.start_datetime, 'week_long')} ${ae_util.iso_datetime_formatter($lq__event_session_obj.start_datetime, $events_loc.launcher.time_format)} \nEnd Date/Time: ${ae_util.iso_datetime_formatter($lq__event_session_obj.end_datetime, $events_loc.launcher.time_format)}`}
|
||||
>
|
||||
{$lq__event_session_obj?.name}
|
||||
</h2>
|
||||
{#if $lq__event_session_obj?.code}
|
||||
<span class="text-base text-gray-500 font-normal p-1"
|
||||
title="Session code {$lq__event_session_obj.code}"
|
||||
>
|
||||
<span class="fas fa-barcode"></span>
|
||||
{$lq__event_session_obj?.code}
|
||||
</span>
|
||||
{/if}
|
||||
</span>
|
||||
|
||||
</header>
|
||||
|
||||
<!-- <section class="event_session_description text-xs" class:d_none="{hide_description}">
|
||||
<!-- <section class="event_session_description text-xs" class:d_none="{hide_description}">
|
||||
{@html $lq__event_session_obj.description}
|
||||
</section> -->
|
||||
|
||||
{#if !$lq__event_session_obj?.file_count_all}
|
||||
<p class="text-2xl text-center text-red-500 font-bold">
|
||||
<span class="fas fa-exclamation-triangle"></span>
|
||||
Warning
|
||||
<span class="fas fa-exclamation-triangle"></span>
|
||||
<br>
|
||||
No files available show for this session.
|
||||
{#if !$lq__event_session_obj?.file_count_all}
|
||||
<p class="text-2xl text-center text-red-500 font-bold">
|
||||
<span class="fas fa-exclamation-triangle"></span>
|
||||
Warning
|
||||
<span class="fas fa-exclamation-triangle"></span>
|
||||
<br />
|
||||
No files available show for this session.
|
||||
</p>
|
||||
{/if}
|
||||
|
||||
</p>
|
||||
{/if}
|
||||
{#if $lq__event_file_obj_li && $lq__event_file_obj_li.length}
|
||||
<section class="event_session_file_list">
|
||||
<div>
|
||||
<div class="text-xs text-surface-600-400">
|
||||
<strong>
|
||||
<span class="fas fa-file-archive"></span>
|
||||
Session Files:
|
||||
|
||||
|
||||
{#if $lq__event_file_obj_li && $lq__event_file_obj_li.length}
|
||||
<section class="event_session_file_list">
|
||||
<div>
|
||||
<div class="text-xs text-surface-600-400">
|
||||
<strong>
|
||||
<span class="fas fa-file-archive"></span>
|
||||
Session Files:
|
||||
|
||||
<span class:hidden={!$ae_loc.trusted_access || !$ae_loc.edit_mode}>
|
||||
({$lq__event_file_obj_li?.length}×)
|
||||
</span>
|
||||
</strong>
|
||||
</div>
|
||||
<!-- {#if $ae_loc.trusted_access || $events_loc.launcher.trusted_access}
|
||||
<span class:hidden={!$ae_loc.trusted_access || !$ae_loc.edit_mode}>
|
||||
({$lq__event_file_obj_li?.length}×)
|
||||
</span>
|
||||
</strong>
|
||||
</div>
|
||||
<!-- {#if $ae_loc.trusted_access || $events_loc.launcher.trusted_access}
|
||||
<button on:click={async () => {
|
||||
show_modal_upload_files = true;
|
||||
link_to_type = 'event_session';
|
||||
@@ -331,32 +372,29 @@ let ae_promises: key_val = $state({});
|
||||
<span class="fas fa-upload"></span> Upload Session File(s)
|
||||
</button>
|
||||
{/if} -->
|
||||
</div>
|
||||
<ul class="space-y-1">
|
||||
{#each $lq__event_file_obj_li as event_file_obj, index}
|
||||
<li
|
||||
class="flex flex-row flex-wrap gap-1 items-center justify-center"
|
||||
class:hidden={!$events_loc.launcher.show_content__hidden_files && event_file_obj.hide}
|
||||
>
|
||||
</div>
|
||||
<ul class="space-y-1">
|
||||
{#each $lq__event_file_obj_li as event_file_obj, index}
|
||||
<li
|
||||
class="flex flex-row flex-wrap gap-1 items-center justify-center"
|
||||
class:hidden={!$events_loc.launcher.show_content__hidden_files && event_file_obj.hide}
|
||||
>
|
||||
<Event_launcher_file_cont
|
||||
event_file_id={event_file_obj.event_file_id_random}
|
||||
{event_file_obj}
|
||||
hide_created_on={true}
|
||||
show_bak_download={$ae_loc.trusted_access && $ae_loc.edit_mode}
|
||||
session_type={event_file_obj?.event_session_type_code ?? 'oral'}
|
||||
open_method={event_file_obj?.event_session_type_code == 'poster' ? 'modal' : null}
|
||||
modal_title={$lq__event_session_obj?.name}
|
||||
bind:modal__title={$events_sess.launcher.modal__title}
|
||||
bind:modal__open_event_file_id={$events_sess.launcher.modal__open_event_file_id}
|
||||
bind:modal__event_file_obj={$events_sess.launcher.modal__event_file_obj}
|
||||
/>
|
||||
|
||||
<Event_launcher_file_cont
|
||||
event_file_id={event_file_obj.event_file_id_random}
|
||||
event_file_obj={event_file_obj}
|
||||
hide_created_on={true}
|
||||
show_bak_download={$ae_loc.trusted_access && $ae_loc.edit_mode}
|
||||
session_type={event_file_obj?.event_session_type_code ?? 'oral'}
|
||||
open_method={event_file_obj?.event_session_type_code == 'poster' ? 'modal' : null}
|
||||
modal_title={$lq__event_session_obj?.name}
|
||||
<!-- <Launcher_file_cont {event_file_obj} hide_created_on={false} show_bak_download={($ae_loc.trusted_access || $events_loc.launcher.trusted_access)} open_file_as={$lq__event_session_obj.type_code} poster_title={$lq__event_session_obj.title} /> -->
|
||||
|
||||
bind:modal__title={$events_sess.launcher.modal__title}
|
||||
bind:modal__open_event_file_id={$events_sess.launcher.modal__open_event_file_id}
|
||||
bind:modal__event_file_obj={$events_sess.launcher.modal__event_file_obj}
|
||||
/>
|
||||
|
||||
<!-- <Launcher_file_cont {event_file_obj} hide_created_on={false} show_bak_download={($ae_loc.trusted_access || $events_loc.launcher.trusted_access)} open_file_as={$lq__event_session_obj.type_code} poster_title={$lq__event_session_obj.title} /> -->
|
||||
|
||||
|
||||
<!-- <a
|
||||
<!-- <a
|
||||
href="{$ae_api.base_url}/event/file/{event_file_obj.event_file_id_random}/download?filename={event_file_obj.filename}&x_no_account_id_token=direct-download"
|
||||
class="btn btn-sm variant-soft-secondary m-0.5 *:hover:inline"
|
||||
class:hidden={!ae_tmp.show__direct_download}
|
||||
@@ -367,78 +405,84 @@ let ae_promises: key_val = $state({});
|
||||
Download
|
||||
</div>
|
||||
</a> -->
|
||||
</li>
|
||||
{/each}
|
||||
</ul>
|
||||
</section>
|
||||
{/if}
|
||||
</li>
|
||||
{/each}
|
||||
</ul>
|
||||
</section>
|
||||
{/if}
|
||||
|
||||
<!-- <hr class="w-full border border-gray-200" /> -->
|
||||
<!-- <hr class="w-full border border-gray-200" /> -->
|
||||
|
||||
<section class="event_presentation_list">
|
||||
<section class="event_presentation_list">
|
||||
<!-- {$lq__event_session_obj?.event_presentation_li?.length ?? 'loading...?'} -->
|
||||
|
||||
{#if $lq__event_presentation_obj_li}
|
||||
<div class="text-xs text-surface-600-400">
|
||||
<strong>
|
||||
{#if type_code == 'poster'}
|
||||
<span class="fas fa-image"></span>
|
||||
Posters:
|
||||
{:else}
|
||||
<span class="fas fa-tv"></span>
|
||||
Presentations:
|
||||
{/if}
|
||||
{#if $ae_loc.administrator_access && $ae_loc.edit_mode}
|
||||
({$lq__event_presentation_obj_li?.length}×)
|
||||
{/if}
|
||||
</strong>
|
||||
</div>
|
||||
|
||||
<!-- {$lq__event_session_obj?.event_presentation_li?.length ?? 'loading...?'} -->
|
||||
<!-- Maybe set max with? max-w-(--breakpoint-md) -->
|
||||
<ul class="event_presentation_list max-w-full space-y-2">
|
||||
{#each $lq__event_presentation_obj_li as event_presentation_obj}
|
||||
<li class="border-b-2 border-gray-300 my-1 py-1 text-center md:text-left">
|
||||
<!-- The presentation information -->
|
||||
<div class="event_presentation_datetime_name flex flex-row justify-evenly gap-4">
|
||||
<!-- <div class="event_presentation_datetime_name"> -->
|
||||
{#if event_presentation_obj?.start_datetime}
|
||||
<span class="event_presentation_datetime"
|
||||
><strong
|
||||
>{ae_util.iso_datetime_formatter(
|
||||
event_presentation_obj?.start_datetime,
|
||||
'time_12_short_no_leading'
|
||||
)}</strong
|
||||
></span
|
||||
>
|
||||
{/if}
|
||||
|
||||
{#if $lq__event_presentation_obj_li}
|
||||
<span class="event_presentation_name grow">{event_presentation_obj?.name}</span>
|
||||
<!-- </div> -->
|
||||
|
||||
<div class="text-xs text-surface-600-400"><strong>
|
||||
{#if type_code == 'poster'}
|
||||
<span class="fas fa-image"></span>
|
||||
Posters:
|
||||
{:else}
|
||||
<span class="fas fa-tv"></span>
|
||||
Presentations:
|
||||
{/if}
|
||||
{#if $ae_loc.administrator_access && $ae_loc.edit_mode}
|
||||
({$lq__event_presentation_obj_li?.length}×)
|
||||
{/if}
|
||||
</strong></div>
|
||||
<!-- Yes, this is kind of inefficient, but it works for now. -->
|
||||
{#if $lq__event_presenter_obj_li && type_code == 'poster'}
|
||||
{#each $lq__event_presenter_obj_li as event_presenter_obj, index}
|
||||
{#if event_presenter_obj.event_presentation_id_random == event_presentation_obj.event_presentation_id_random}
|
||||
<span
|
||||
class="event_presentation_single_presenter italic text-sm text-gray-500"
|
||||
>
|
||||
{#if $lq__event_presenter_obj_li[index]?.given_name && $lq__event_presenter_obj_li[index]?.given_name != 'Group'}
|
||||
<span class="fas fa-user"></span>
|
||||
{$lq__event_presenter_obj_li[index]?.full_name}
|
||||
{:else if $lq__event_presenter_obj_li[index]?.given_name == 'Group'}
|
||||
<span class="fas fa-users"></span>
|
||||
{$lq__event_presenter_obj_li[index]?.affiliations}
|
||||
{:else}
|
||||
--not set--
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/each}
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<!-- Maybe set max with? max-w-(--breakpoint-md) -->
|
||||
<ul class="event_presentation_list max-w-full space-y-2">
|
||||
{#each $lq__event_presentation_obj_li as event_presentation_obj}
|
||||
<li class="border-b-2 border-gray-300 my-1 py-1 text-center md:text-left">
|
||||
<!-- The presenter list -->
|
||||
|
||||
<!-- The presentation information -->
|
||||
<div class="event_presentation_datetime_name flex flex-row justify-evenly gap-4">
|
||||
<!-- <div class="event_presentation_datetime_name"> -->
|
||||
{#if event_presentation_obj?.start_datetime}
|
||||
<span class="event_presentation_datetime"><strong>{ae_util.iso_datetime_formatter(event_presentation_obj?.start_datetime, 'time_12_short_no_leading')}</strong></span>
|
||||
{/if}
|
||||
|
||||
<span class="event_presentation_name grow">{event_presentation_obj?.name}</span>
|
||||
<!-- </div> -->
|
||||
|
||||
<!-- Yes, this is kind of inefficient, but it works for now. -->
|
||||
{#if $lq__event_presenter_obj_li && type_code == 'poster'}
|
||||
{#each $lq__event_presenter_obj_li as event_presenter_obj, index}
|
||||
{#if event_presenter_obj.event_presentation_id_random == event_presentation_obj.event_presentation_id_random}
|
||||
<span class="event_presentation_single_presenter italic text-sm text-gray-500">
|
||||
{#if $lq__event_presenter_obj_li[index]?.given_name && $lq__event_presenter_obj_li[index]?.given_name != 'Group'}
|
||||
<span class="fas fa-user"></span>
|
||||
{$lq__event_presenter_obj_li[index]?.full_name}
|
||||
{:else if $lq__event_presenter_obj_li[index]?.given_name == 'Group'}
|
||||
<span class="fas fa-users"></span>
|
||||
{$lq__event_presenter_obj_li[index]?.affiliations}
|
||||
{:else}
|
||||
--not set--
|
||||
{/if }
|
||||
|
||||
</span>
|
||||
{/if}
|
||||
{/each}
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<!-- The presenter list -->
|
||||
|
||||
{#if $lq__event_presenter_obj_li && $lq__event_presenter_obj_li.length}
|
||||
<ul class="event_presentation_presenter_list">
|
||||
{#each $lq__event_presenter_obj_li as event_presenter_obj, index}
|
||||
{#if event_presenter_obj.event_presentation_id_random == event_presentation_obj.event_presentation_id_random}
|
||||
<li
|
||||
class="
|
||||
{#if $lq__event_presenter_obj_li && $lq__event_presenter_obj_li.length}
|
||||
<ul class="event_presentation_presenter_list">
|
||||
{#each $lq__event_presenter_obj_li as event_presenter_obj, index}
|
||||
{#if event_presenter_obj.event_presentation_id_random == event_presentation_obj.event_presentation_id_random}
|
||||
<li
|
||||
class="
|
||||
border border-transparent
|
||||
rounded-lg
|
||||
hover:bg-surface-100-900
|
||||
@@ -446,40 +490,35 @@ let ae_promises: key_val = $state({});
|
||||
p-1
|
||||
transition-all
|
||||
"
|
||||
>
|
||||
{#if type_code == 'poster'}
|
||||
<Launcher_presenter_view_posters
|
||||
lq__event_presenter_obj={event_presenter_obj}
|
||||
hide_name={true}
|
||||
/>
|
||||
{:else}
|
||||
<Launcher_presenter_view
|
||||
lq__event_presenter_obj={event_presenter_obj}
|
||||
/>
|
||||
{/if}
|
||||
<!-- {index} -->
|
||||
</li>
|
||||
{/if}
|
||||
{/each}
|
||||
</ul>
|
||||
{:else}
|
||||
<span class="event_launcher_no_presenters">No presenters to display</span>
|
||||
{/if}
|
||||
|
||||
</li>
|
||||
{/each}
|
||||
</ul>
|
||||
{:else}
|
||||
<p>No presentations available to display.</p>
|
||||
{/if}
|
||||
</section>
|
||||
{:else}
|
||||
<span class="fas fa-spinner fa-spin"></span>
|
||||
No session selected
|
||||
{/if}
|
||||
|
||||
>
|
||||
{#if type_code == 'poster'}
|
||||
<Launcher_presenter_view_posters
|
||||
lq__event_presenter_obj={event_presenter_obj}
|
||||
hide_name={true}
|
||||
/>
|
||||
{:else}
|
||||
<Launcher_presenter_view lq__event_presenter_obj={event_presenter_obj} />
|
||||
{/if}
|
||||
<!-- {index} -->
|
||||
</li>
|
||||
{/if}
|
||||
{/each}
|
||||
</ul>
|
||||
{:else}
|
||||
<span class="event_launcher_no_presenters">No presenters to display</span>
|
||||
{/if}
|
||||
</li>
|
||||
{/each}
|
||||
</ul>
|
||||
{:else}
|
||||
<p>No presentations available to display.</p>
|
||||
{/if}
|
||||
</section>
|
||||
{:else}
|
||||
<span class="fas fa-spinner fa-spin"></span>
|
||||
No session selected
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
|
||||
<style>
|
||||
</style>
|
||||
|
||||
@@ -1,195 +1,202 @@
|
||||
<script lang="ts">
|
||||
interface Props {
|
||||
data_url: any;
|
||||
loading__session_li_status?: null|boolean|string;
|
||||
lq__event_location_obj_li: any;
|
||||
slct_event_location_id: string|null;
|
||||
interface Props {
|
||||
data_url: any;
|
||||
loading__session_li_status?: null | boolean | string;
|
||||
lq__event_location_obj_li: any;
|
||||
slct_event_location_id: string | null;
|
||||
|
||||
trigger_reload__event_session_obj_li?: boolean;
|
||||
trigger_reload__event_location_obj_li?: boolean;
|
||||
trigger_reload__event_session_obj_li?: boolean;
|
||||
trigger_reload__event_location_obj_li?: boolean;
|
||||
|
||||
log_lvl?: number;
|
||||
}
|
||||
log_lvl?: number;
|
||||
}
|
||||
|
||||
let {
|
||||
data_url,
|
||||
loading__session_li_status = $bindable(null),
|
||||
lq__event_location_obj_li,
|
||||
slct_event_location_id = null,
|
||||
let {
|
||||
data_url,
|
||||
loading__session_li_status = $bindable(null),
|
||||
lq__event_location_obj_li,
|
||||
slct_event_location_id = null,
|
||||
|
||||
trigger_reload__event_session_obj_li = $bindable(false),
|
||||
trigger_reload__event_location_obj_li = $bindable(false),
|
||||
trigger_reload__event_session_obj_li = $bindable(false),
|
||||
trigger_reload__event_location_obj_li = $bindable(false),
|
||||
|
||||
log_lvl = $bindable(0),
|
||||
}: Props = $props();
|
||||
log_lvl = $bindable(0)
|
||||
}: Props = $props();
|
||||
|
||||
// *** Import Svelte specific
|
||||
import { goto } from '$app/navigation';
|
||||
// import { liveQuery } from "dexie";
|
||||
// import { tick } from 'svelte';
|
||||
// *** Import Svelte specific
|
||||
import { goto } from '$app/navigation';
|
||||
// import { liveQuery } from "dexie";
|
||||
// import { tick } from 'svelte';
|
||||
|
||||
// *** Import other supporting libraries
|
||||
// *** Import other supporting libraries
|
||||
|
||||
// *** Import Aether specific variables and functions
|
||||
import type { key_val } from '$lib/stores/ae_stores';
|
||||
import { ae_util } from '$lib/ae_utils/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/stores/ae_stores';
|
||||
import { events_loc, events_sess, events_slct, events_trigger } from '$lib/stores/ae_events_stores';
|
||||
import { events_func } from '$lib/ae_events_functions';
|
||||
// *** Import Aether specific variables and functions
|
||||
import type { key_val } from '$lib/stores/ae_stores';
|
||||
import { ae_util } from '$lib/ae_utils/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/stores/ae_stores';
|
||||
import {
|
||||
events_loc,
|
||||
events_sess,
|
||||
events_slct,
|
||||
events_trigger
|
||||
} from '$lib/stores/ae_events_stores';
|
||||
import { events_func } from '$lib/ae_events_functions';
|
||||
|
||||
// export let slct_event_session_id: any;
|
||||
// export let slct_event_session_id: any;
|
||||
|
||||
// *** Functions and Logic
|
||||
// *** Functions and Logic
|
||||
|
||||
let ae_promises: key_val = $state({
|
||||
slct_event_location_id: null,
|
||||
});
|
||||
let ae_promises: key_val = $state({
|
||||
slct_event_location_id: null
|
||||
});
|
||||
|
||||
// let hover_timer_wait = 1000;
|
||||
// let hover_timer: any = $state(null);
|
||||
// let hover_timer_wait = 1000;
|
||||
// let hover_timer: any = $state(null);
|
||||
|
||||
function handle_load_ae_obj_li__event_session(event_location_id: string) {
|
||||
if (log_lvl) {
|
||||
console.log(`handle_load_ae_obj_li__event_session: event_location_id = ${event_location_id}`);
|
||||
}
|
||||
if (!event_location_id) {
|
||||
console.warn(`handle_load_ae_obj_li__event_session: No event_location_id provided.`);
|
||||
return;
|
||||
}
|
||||
function handle_load_ae_obj_li__event_session(event_location_id: string) {
|
||||
if (log_lvl) {
|
||||
console.log(`handle_load_ae_obj_li__event_session: event_location_id = ${event_location_id}`);
|
||||
}
|
||||
if (!event_location_id) {
|
||||
console.warn(`handle_load_ae_obj_li__event_session: No event_location_id provided.`);
|
||||
return;
|
||||
}
|
||||
|
||||
loading__session_li_status = true;
|
||||
loading__session_li_status = true;
|
||||
|
||||
ae_promises[event_location_id] = events_func.load_ae_obj_li__event_session({
|
||||
api_cfg: $ae_api,
|
||||
for_obj_type: 'event_location',
|
||||
for_obj_id: event_location_id,
|
||||
inc_file_li: true, // Only include files directly under the session?
|
||||
inc_all_file_li: false, // Also include files under presentations and presenters as well?
|
||||
inc_presentation_li: true,
|
||||
inc_presenter_li: true,
|
||||
enabled: $events_loc.launcher.show_content__enabled_sessions ? 'all' : 'enabled',
|
||||
hidden: $events_loc.launcher.show_content__hidden_sessions ? 'all' : 'not_hidden',
|
||||
limit: 49,
|
||||
try_cache: true,
|
||||
log_lvl: 1,
|
||||
})
|
||||
.then(async function (load_results) {
|
||||
console.log(`load_results = `, load_results);
|
||||
ae_promises[event_location_id] = events_func
|
||||
.load_ae_obj_li__event_session({
|
||||
api_cfg: $ae_api,
|
||||
for_obj_type: 'event_location',
|
||||
for_obj_id: event_location_id,
|
||||
inc_file_li: true, // Only include files directly under the session?
|
||||
inc_all_file_li: false, // Also include files under presentations and presenters as well?
|
||||
inc_presentation_li: true,
|
||||
inc_presenter_li: true,
|
||||
enabled: $events_loc.launcher.show_content__enabled_sessions ? 'all' : 'enabled',
|
||||
hidden: $events_loc.launcher.show_content__hidden_sessions ? 'all' : 'not_hidden',
|
||||
limit: 49,
|
||||
try_cache: true,
|
||||
log_lvl: 1
|
||||
})
|
||||
.then(async function (load_results) {
|
||||
console.log(`load_results = `, load_results);
|
||||
|
||||
let event_session_id_li = [];
|
||||
let event_session_id_li = [];
|
||||
|
||||
let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
|
||||
let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
|
||||
|
||||
for (let i = 0; i < load_results.length; i++) {
|
||||
let event_session_obj = load_results[i];
|
||||
let event_session_id_random = event_session_obj.event_session_id_random;
|
||||
tmp_li.push(event_session_id_random);
|
||||
}
|
||||
event_session_id_li = tmp_li;
|
||||
console.log(`event_session_id_li:`, event_session_id_li);
|
||||
// $events_slct.id_li__event_session = event_session_id_li;
|
||||
for (let i = 0; i < load_results.length; i++) {
|
||||
let event_session_obj = load_results[i];
|
||||
let event_session_id_random = event_session_obj.event_session_id_random;
|
||||
tmp_li.push(event_session_id_random);
|
||||
}
|
||||
event_session_id_li = tmp_li;
|
||||
console.log(`event_session_id_li:`, event_session_id_li);
|
||||
// $events_slct.id_li__event_session = event_session_id_li;
|
||||
|
||||
loading__session_li_status = false;
|
||||
loading__session_li_status = false;
|
||||
|
||||
return load_results;
|
||||
});
|
||||
|
||||
return ae_promises[event_location_id];
|
||||
}
|
||||
return load_results;
|
||||
});
|
||||
|
||||
return ae_promises[event_location_id];
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- text-neutral-800/80 -->
|
||||
<div
|
||||
class="
|
||||
class="
|
||||
w-full max-w-full
|
||||
flex flex-col md:flex-row flex-wrap gap-1 items-center justify-center
|
||||
"
|
||||
>
|
||||
{#if $lq__event_location_obj_li && $lq__event_location_obj_li.length > 0}
|
||||
<div class="text-xs text-surface-600-400">
|
||||
<strong>
|
||||
Location:
|
||||
<span class:hidden={!$ae_loc.trusted_access || !$ae_loc.edit_mode}>
|
||||
({$lq__event_location_obj_li?.length}×)
|
||||
</span>
|
||||
>
|
||||
{#if $lq__event_location_obj_li && $lq__event_location_obj_li.length > 0}
|
||||
<div class="text-xs text-surface-600-400">
|
||||
<strong>
|
||||
Location:
|
||||
<span class:hidden={!$ae_loc.trusted_access || !$ae_loc.edit_mode}>
|
||||
({$lq__event_location_obj_li?.length}×)
|
||||
</span>
|
||||
|
||||
<!-- This should fade out once the data is loaded. -->
|
||||
{#await ae_promises[slct_event_location_id]}
|
||||
<span class="fas fa-spinner fa-spin text-blue-500"></span>
|
||||
{:then result}
|
||||
<span class="fas fa-check text-green-500/80"></span>
|
||||
{/await}
|
||||
</strong>
|
||||
</div>
|
||||
<!-- This should fade out once the data is loaded. -->
|
||||
{#await ae_promises[slct_event_location_id]}
|
||||
<span class="fas fa-spinner fa-spin text-blue-500"></span>
|
||||
{:then result}
|
||||
<span class="fas fa-check text-green-500/80"></span>
|
||||
{/await}
|
||||
</strong>
|
||||
</div>
|
||||
|
||||
<select
|
||||
class="select text-xs p-1 max-w-42"
|
||||
bind:value={slct_event_location_id}
|
||||
onchange={async () => {
|
||||
// console.log(`slct_event_location_id:`, slct_event_location_id);
|
||||
<select
|
||||
class="select text-xs p-1 max-w-42"
|
||||
bind:value={slct_event_location_id}
|
||||
onchange={async () => {
|
||||
// console.log(`slct_event_location_id:`, slct_event_location_id);
|
||||
|
||||
loading__session_li_status = true;
|
||||
loading__session_li_status = true;
|
||||
|
||||
console.log('Remove fields from the URL.');
|
||||
// data_url.searchParams.delete('location_id');
|
||||
data_url.searchParams.delete('presentation_id');
|
||||
data_url.searchParams.delete('presenter_id');
|
||||
data_url.searchParams.delete('session_id');
|
||||
console.log('Remove fields from the URL.');
|
||||
// data_url.searchParams.delete('location_id');
|
||||
data_url.searchParams.delete('presentation_id');
|
||||
data_url.searchParams.delete('presenter_id');
|
||||
data_url.searchParams.delete('session_id');
|
||||
|
||||
// let url_location_id = slct_event_location_id;
|
||||
// data_url.searchParams.set('location_id', url_location_id);
|
||||
// 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`;
|
||||
let new_url = `/events/${$events_slct.event_id}/launcher`;
|
||||
|
||||
if (slct_event_location_id) {
|
||||
loading__session_li_status = 'loading';
|
||||
if (slct_event_location_id) {
|
||||
loading__session_li_status = 'loading';
|
||||
|
||||
$events_loc.launcher.slct.event_location_id = slct_event_location_id;
|
||||
$events_slct.event_location_id = slct_event_location_id;
|
||||
$events_loc.launcher.slct.event_location_id = slct_event_location_id;
|
||||
$events_slct.event_location_id = slct_event_location_id;
|
||||
|
||||
// Load the sessions for this location
|
||||
await handle_load_ae_obj_li__event_session(slct_event_location_id);
|
||||
// Load the sessions for this location
|
||||
await handle_load_ae_obj_li__event_session(slct_event_location_id);
|
||||
|
||||
new_url = `/events/${$events_slct.event_id}/launcher/${slct_event_location_id}`;
|
||||
|
||||
new_url = `/events/${$events_slct.event_id}/launcher/${slct_event_location_id}`;
|
||||
loading__session_li_status = 'finished';
|
||||
} 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;
|
||||
|
||||
loading__session_li_status = 'finished';
|
||||
loading__session_li_status = 'finished';
|
||||
// WARNING: This may need to be commented out later.
|
||||
}
|
||||
|
||||
} 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;
|
||||
|
||||
loading__session_li_status = 'finished';
|
||||
// WARNING: This may need to be commented out later.
|
||||
}
|
||||
|
||||
loading__session_li_status = null;
|
||||
// goto(new_url, {replaceState: true}); // Updates the URL without reloading the page
|
||||
goto(new_url, {replaceState: false}); // Updates the URL history without reloading the page
|
||||
}}
|
||||
>
|
||||
<option value="" class="italic text-surface-800-200">
|
||||
-- select --
|
||||
</option>
|
||||
{#each $lq__event_location_obj_li as event_location_obj}
|
||||
<option
|
||||
value={event_location_obj?.id}
|
||||
>
|
||||
{event_location_obj?.name}
|
||||
</option>
|
||||
{/each}
|
||||
</select>
|
||||
{:else}
|
||||
<div class="text-sm">
|
||||
No locations found.
|
||||
<!-- (Event ID: {$lq__event_obj?.id}) -->
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
loading__session_li_status = null;
|
||||
// goto(new_url, {replaceState: true}); // Updates the URL without reloading the page
|
||||
goto(new_url, { replaceState: false }); // Updates the URL history without reloading the page
|
||||
}}
|
||||
>
|
||||
<option value="" class="italic text-surface-800-200"> -- select -- </option>
|
||||
{#each $lq__event_location_obj_li as event_location_obj}
|
||||
<option value={event_location_obj?.id}>
|
||||
{event_location_obj?.name}
|
||||
</option>
|
||||
{/each}
|
||||
</select>
|
||||
{:else}
|
||||
<div class="text-sm">
|
||||
No locations found.
|
||||
<!-- (Event ID: {$lq__event_obj?.id}) -->
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
@@ -1,283 +1,292 @@
|
||||
<script lang="ts">
|
||||
interface Props {
|
||||
data_url: any;
|
||||
slct__event_session_id?: null|boolean|string;
|
||||
loading__session_id_status?: null|boolean|string;
|
||||
// export let lq__event_session_obj: any;
|
||||
lq__event_session_obj_li: any;
|
||||
interface Props {
|
||||
data_url: any;
|
||||
slct__event_session_id?: null | boolean | string;
|
||||
loading__session_id_status?: null | boolean | string;
|
||||
// export let lq__event_session_obj: any;
|
||||
lq__event_session_obj_li: any;
|
||||
|
||||
trigger_reload__event_session_obj_id?: boolean|null|string;
|
||||
// trigger_reload__event_session_obj_li?: boolean;
|
||||
trigger_reload__event_session_obj_id?: boolean | null | string;
|
||||
// trigger_reload__event_session_obj_li?: boolean;
|
||||
|
||||
log_lvl?: number;
|
||||
}
|
||||
log_lvl?: number;
|
||||
}
|
||||
|
||||
let {
|
||||
data_url,
|
||||
slct__event_session_id = $bindable(null),
|
||||
loading__session_id_status = $bindable(null),
|
||||
lq__event_session_obj_li,
|
||||
let {
|
||||
data_url,
|
||||
slct__event_session_id = $bindable(null),
|
||||
loading__session_id_status = $bindable(null),
|
||||
lq__event_session_obj_li,
|
||||
|
||||
trigger_reload__event_session_obj_id = $bindable(false),
|
||||
// trigger_reload__event_session_obj_li = $bindable(false),
|
||||
trigger_reload__event_session_obj_id = $bindable(false),
|
||||
// trigger_reload__event_session_obj_li = $bindable(false),
|
||||
|
||||
log_lvl = $bindable(1),
|
||||
}: Props = $props();
|
||||
log_lvl = $bindable(1)
|
||||
}: Props = $props();
|
||||
|
||||
// *** Import Svelte specific
|
||||
import { goto } from '$app/navigation';
|
||||
// import { liveQuery } from "dexie";
|
||||
// *** Import Svelte specific
|
||||
import { goto } from '$app/navigation';
|
||||
// import { liveQuery } from "dexie";
|
||||
|
||||
// *** Import other supporting libraries
|
||||
// *** Import other supporting libraries
|
||||
|
||||
// *** Import Aether specific variables and functions
|
||||
import type { key_val } from '$lib/stores/ae_stores';
|
||||
import { ae_util } from '$lib/ae_utils/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/stores/ae_stores';
|
||||
import { events_loc, events_sess, events_slct, events_trigger } from '$lib/stores/ae_events_stores';
|
||||
import { events_func } from '$lib/ae_events_functions';
|
||||
// *** Import Aether specific variables and functions
|
||||
import type { key_val } from '$lib/stores/ae_stores';
|
||||
import { ae_util } from '$lib/ae_utils/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/stores/ae_stores';
|
||||
import {
|
||||
events_loc,
|
||||
events_sess,
|
||||
events_slct,
|
||||
events_trigger
|
||||
} from '$lib/stores/ae_events_stores';
|
||||
import { events_func } from '$lib/ae_events_functions';
|
||||
|
||||
// export let slct__event_session_id: any;
|
||||
// export let slct__event_session_id: any;
|
||||
|
||||
// *** Functions and Logic
|
||||
// *** Functions and Logic
|
||||
|
||||
let ae_promises: key_val = $state({
|
||||
slct__event_session_id: null,
|
||||
slct__event_presentation_li: null
|
||||
});
|
||||
let ae_promises: key_val = $state({
|
||||
slct__event_session_id: null,
|
||||
slct__event_presentation_li: null
|
||||
});
|
||||
|
||||
let hover_timer_wait = 2500;
|
||||
let hover_timer: any = $state(null);
|
||||
let hover_timer_wait = 2500;
|
||||
let hover_timer: any = $state(null);
|
||||
|
||||
$effect(() => {
|
||||
if (trigger_reload__event_session_obj_id) {
|
||||
if (log_lvl) {
|
||||
console.log(`trigger_reload__event_session_obj_id changed: ${trigger_reload__event_session_obj_id}`);
|
||||
}
|
||||
let event_session_id = trigger_reload__event_session_obj_id
|
||||
trigger_reload__event_session_obj_id = false;
|
||||
slct__event_session_id = event_session_id;
|
||||
console.log(`slct__event_session_id = `, slct__event_session_id);
|
||||
$effect(() => {
|
||||
if (trigger_reload__event_session_obj_id) {
|
||||
if (log_lvl) {
|
||||
console.log(
|
||||
`trigger_reload__event_session_obj_id changed: ${trigger_reload__event_session_obj_id}`
|
||||
);
|
||||
}
|
||||
let event_session_id = trigger_reload__event_session_obj_id;
|
||||
trigger_reload__event_session_obj_id = false;
|
||||
slct__event_session_id = event_session_id;
|
||||
console.log(`slct__event_session_id = `, slct__event_session_id);
|
||||
|
||||
handle_load_ae_obj_id__event_session(event_session_id);
|
||||
handle_load_ae_obj_id__event_session(event_session_id);
|
||||
|
||||
if ($events_loc.launcher.controller == 'local_push') {
|
||||
console.log(`Local Push Controller Command: ae_load:event_session=${event_session_id}`);
|
||||
$events_sess.launcher.controller_cmd = `ae_load:event_session=${event_session_id}`;
|
||||
$events_sess.launcher.controller_trigger_send = true;
|
||||
}
|
||||
if ($events_loc.launcher.controller == 'local_push') {
|
||||
console.log(`Local Push Controller Command: ae_load:event_session=${event_session_id}`);
|
||||
$events_sess.launcher.controller_cmd = `ae_load:event_session=${event_session_id}`;
|
||||
$events_sess.launcher.controller_trigger_send = true;
|
||||
}
|
||||
|
||||
data_url.searchParams.set('session_id', event_session_id);
|
||||
data_url.searchParams.set('session_id', event_session_id);
|
||||
|
||||
let new_url = data_url.toString();
|
||||
console.log(new_url);
|
||||
// goto(new_url, {replaceState: true}); // Updates the URL without adding a new entry to the history
|
||||
goto(new_url, {replaceState: false}); // Updates the URL history without reloading the page
|
||||
}
|
||||
});
|
||||
let new_url = data_url.toString();
|
||||
console.log(new_url);
|
||||
// goto(new_url, {replaceState: true}); // Updates the URL without adding a new entry to the history
|
||||
goto(new_url, { replaceState: false }); // Updates the URL history without reloading the page
|
||||
}
|
||||
});
|
||||
|
||||
function handle_load_ae_obj_id__event_session(event_session_id: any) {
|
||||
if (log_lvl) {
|
||||
console.log(`handle_load_ae_obj_id__event_session: event_session_id = `, event_session_id);
|
||||
}
|
||||
function handle_load_ae_obj_id__event_session(event_session_id: any) {
|
||||
if (log_lvl) {
|
||||
console.log(`handle_load_ae_obj_id__event_session: event_session_id = `, event_session_id);
|
||||
}
|
||||
|
||||
loading__session_id_status = true;
|
||||
loading__session_id_status = true;
|
||||
|
||||
// slct__event_session_id = null;
|
||||
// slct__event_session_id = null;
|
||||
|
||||
// slct__event_session_id = event_session_id;
|
||||
// $events_slct.event_session_id = event_session_id;
|
||||
// data_url.searchParams.set('session_id', event_session_id);
|
||||
// slct__event_session_id = event_session_id;
|
||||
// $events_slct.event_session_id = event_session_id;
|
||||
// data_url.searchParams.set('session_id', event_session_id);
|
||||
|
||||
// let new_url = data_url.toString();
|
||||
// console.log(new_url);
|
||||
// loading__session_id_status = false;
|
||||
// goto(new_url, {replaceState: true}); // Updates the URL without reloading the page
|
||||
// goto(new_url, {replaceState: false}); // Updates the URL history without reloading the page
|
||||
loading__session_id_status = 'loading';
|
||||
// let new_url = data_url.toString();
|
||||
// console.log(new_url);
|
||||
// loading__session_id_status = false;
|
||||
// goto(new_url, {replaceState: true}); // Updates the URL without reloading the page
|
||||
// goto(new_url, {replaceState: false}); // Updates the URL history without reloading the page
|
||||
loading__session_id_status = 'loading';
|
||||
|
||||
// $events_slct.event_session_obj = event_session_obj;
|
||||
// $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_id,
|
||||
inc_file_li: true,
|
||||
inc_presentation_li: true,
|
||||
inc_presenter_li: true,
|
||||
log_lvl: log_lvl
|
||||
})
|
||||
.then(async (load_results) => {
|
||||
console.log(`load_results = `, load_results);
|
||||
|
||||
$events_slct.event_session_obj = load_results;
|
||||
$events_slct.event_file_obj_li = load_results.event_file_li;
|
||||
$events_slct.event_presentation_obj_li = load_results.event_presentation_li;
|
||||
// $events_slct.event_presenter_obj_li = load_results.event_presenter_obj_li;
|
||||
|
||||
|
||||
// let new_url = data_url.toString();
|
||||
// console.log(new_url);
|
||||
// loading__session_id_status = false;
|
||||
// // goto(new_url, {replaceState: true}); // Updates the URL without reloading the page
|
||||
// goto(new_url, {replaceState: false}); // Updates the URL history without reloading the page
|
||||
|
||||
|
||||
})
|
||||
.finally(() => {
|
||||
loading__session_id_status = false;
|
||||
});
|
||||
}
|
||||
ae_promises.slct__event_session_id = events_func
|
||||
.load_ae_obj_id__event_session({
|
||||
api_cfg: $ae_api,
|
||||
event_session_id: event_session_id,
|
||||
inc_file_li: true,
|
||||
inc_presentation_li: true,
|
||||
inc_presenter_li: true,
|
||||
log_lvl: log_lvl
|
||||
})
|
||||
.then(async (load_results) => {
|
||||
console.log(`load_results = `, load_results);
|
||||
|
||||
$events_slct.event_session_obj = load_results;
|
||||
$events_slct.event_file_obj_li = load_results.event_file_li;
|
||||
$events_slct.event_presentation_obj_li = load_results.event_presentation_li;
|
||||
// $events_slct.event_presenter_obj_li = load_results.event_presenter_obj_li;
|
||||
|
||||
// let new_url = data_url.toString();
|
||||
// console.log(new_url);
|
||||
// loading__session_id_status = false;
|
||||
// // goto(new_url, {replaceState: true}); // Updates the URL without reloading the page
|
||||
// goto(new_url, {replaceState: false}); // Updates the URL history without reloading the page
|
||||
})
|
||||
.finally(() => {
|
||||
loading__session_id_status = false;
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<div
|
||||
class="
|
||||
class="
|
||||
w-full max-w-80
|
||||
flex flex-col flex-wrap gap-1 items-center justify-start md:justify-center
|
||||
"
|
||||
>
|
||||
{#if $lq__event_session_obj_li && $lq__event_session_obj_li.length > 0}
|
||||
<div class="text-xs text-surface-600-400">
|
||||
<strong>
|
||||
Sessions:
|
||||
<span class:hidden={!$ae_loc.trusted_access || !$ae_loc.edit_mode}>
|
||||
({$lq__event_session_obj_li?.length}×)
|
||||
</span>
|
||||
>
|
||||
{#if $lq__event_session_obj_li && $lq__event_session_obj_li.length > 0}
|
||||
<div class="text-xs text-surface-600-400">
|
||||
<strong>
|
||||
Sessions:
|
||||
<span class:hidden={!$ae_loc.trusted_access || !$ae_loc.edit_mode}>
|
||||
({$lq__event_session_obj_li?.length}×)
|
||||
</span>
|
||||
|
||||
<!-- This should fade out once the data is loaded. -->
|
||||
{#await ae_promises.slct__event_session_id}
|
||||
<span class="fas fa-spinner fa-spin text-blue-500"></span>
|
||||
{:then result}
|
||||
<span class="fas fa-check text-green-500/80"></span>
|
||||
{/await}
|
||||
</strong>
|
||||
</div>
|
||||
<!-- This should fade out once the data is loaded. -->
|
||||
{#await ae_promises.slct__event_session_id}
|
||||
<span class="fas fa-spinner fa-spin text-blue-500"></span>
|
||||
{:then result}
|
||||
<span class="fas fa-check text-green-500/80"></span>
|
||||
{/await}
|
||||
</strong>
|
||||
</div>
|
||||
|
||||
<ul
|
||||
class="
|
||||
<ul
|
||||
class="
|
||||
space-y-1
|
||||
w-full max-w-full
|
||||
p-0 m-0
|
||||
flex flex-col gap-0.5 items-start justify-start
|
||||
transition-all
|
||||
"
|
||||
>
|
||||
{#each $lq__event_session_obj_li as event_session_obj}
|
||||
<li
|
||||
class="
|
||||
>
|
||||
{#each $lq__event_session_obj_li as event_session_obj}
|
||||
<li
|
||||
class="
|
||||
p-0 m-0
|
||||
w-full max-w-full
|
||||
z-0 hover:z-20
|
||||
hover:scale-120
|
||||
transition-all
|
||||
"
|
||||
>
|
||||
<button
|
||||
type="button"
|
||||
onmouseenter={() => {
|
||||
// Start a 750 ms timer to prevent changing the session too quickly.
|
||||
hover_timer = setTimeout(async () => {
|
||||
// Only run if the session ID has changed
|
||||
if (slct__event_session_id === event_session_obj?.id) {
|
||||
return;
|
||||
}
|
||||
trigger_reload__event_session_obj_id = event_session_obj?.id;
|
||||
// handle_load_ae_obj_id__event_session(event_session_obj?.id);
|
||||
>
|
||||
<button
|
||||
type="button"
|
||||
onmouseenter={() => {
|
||||
// Start a 750 ms timer to prevent changing the session too quickly.
|
||||
hover_timer = setTimeout(async () => {
|
||||
// Only run if the session ID has changed
|
||||
if (slct__event_session_id === event_session_obj?.id) {
|
||||
return;
|
||||
}
|
||||
trigger_reload__event_session_obj_id = event_session_obj?.id;
|
||||
// handle_load_ae_obj_id__event_session(event_session_obj?.id);
|
||||
|
||||
// loading__session_id_status = true;
|
||||
// loading__session_id_status = true;
|
||||
|
||||
// slct__event_session_id = null;
|
||||
// slct__event_session_id = null;
|
||||
|
||||
// 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);
|
||||
// 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);
|
||||
|
||||
// let new_url = data_url.toString();
|
||||
// console.log(new_url);
|
||||
// loading__session_id_status = false;
|
||||
// // goto(new_url, {replaceState: true}); // Updates the URL without reloading the page
|
||||
// // goto(new_url, {replaceState: false}); // Updates the URL history without reloading the page
|
||||
// loading__session_id_status = 'loading';
|
||||
// let new_url = data_url.toString();
|
||||
// console.log(new_url);
|
||||
// loading__session_id_status = false;
|
||||
// // goto(new_url, {replaceState: true}); // Updates the URL without reloading the page
|
||||
// // goto(new_url, {replaceState: false}); // Updates the URL history without reloading the page
|
||||
// loading__session_id_status = 'loading';
|
||||
|
||||
// $events_slct.event_session_obj = event_session_obj;
|
||||
// $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,
|
||||
// inc_presenter_li: true,
|
||||
// log_lvl: log_lvl
|
||||
// })
|
||||
// .then(async (load_results) => {
|
||||
// console.log(`load_results = `, load_results);
|
||||
// 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,
|
||||
// inc_presenter_li: true,
|
||||
// log_lvl: log_lvl
|
||||
// })
|
||||
// .then(async (load_results) => {
|
||||
// console.log(`load_results = `, load_results);
|
||||
|
||||
// // let new_url = data_url.toString();
|
||||
// // console.log(new_url);
|
||||
// loading__session_id_status = false;
|
||||
// // // goto(new_url, {replaceState: true}); // Updates the URL without reloading the page
|
||||
// // goto(new_url, {replaceState: false}); // Updates the URL history without reloading the page
|
||||
// });
|
||||
}, hover_timer_wait);
|
||||
}}
|
||||
onmouseleave={() => {
|
||||
clearTimeout(hover_timer);
|
||||
}}
|
||||
onclick={async () => {
|
||||
trigger_reload__event_session_obj_id = event_session_obj?.id;
|
||||
// // let new_url = data_url.toString();
|
||||
// // console.log(new_url);
|
||||
// loading__session_id_status = false;
|
||||
// // // goto(new_url, {replaceState: true}); // Updates the URL without reloading the page
|
||||
// // goto(new_url, {replaceState: false}); // Updates the URL history without reloading the page
|
||||
// });
|
||||
}, hover_timer_wait);
|
||||
}}
|
||||
onmouseleave={() => {
|
||||
clearTimeout(hover_timer);
|
||||
}}
|
||||
onclick={async () => {
|
||||
trigger_reload__event_session_obj_id = event_session_obj?.id;
|
||||
|
||||
$events_slct.event_file_id = null;
|
||||
$events_slct.event_file_obj = null;
|
||||
$events_slct.event_file_id = null;
|
||||
$events_slct.event_file_obj = null;
|
||||
|
||||
// handle_load_ae_obj_id__event_session(event_session_obj?.id);
|
||||
// handle_load_ae_obj_id__event_session(event_session_obj?.id);
|
||||
|
||||
// loading__session_id_status = true;
|
||||
// loading__session_id_status = true;
|
||||
|
||||
// slct__event_session_id = null;
|
||||
// // await tick();
|
||||
// slct__event_session_id = null;
|
||||
// // await tick();
|
||||
|
||||
// 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);
|
||||
// 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);
|
||||
|
||||
// let new_url = data_url.toString();
|
||||
// console.log(new_url);
|
||||
// // goto(new_url, {replaceState: true}); // Updates the URL without reloading the page
|
||||
// // goto(new_url, {replaceState: false}); // Updates the URL history without reloading the page
|
||||
// loading__session_id_status = 'loading';
|
||||
// let new_url = data_url.toString();
|
||||
// console.log(new_url);
|
||||
// // goto(new_url, {replaceState: true}); // Updates the URL without reloading the page
|
||||
// // goto(new_url, {replaceState: false}); // Updates the URL history without reloading the page
|
||||
// loading__session_id_status = 'loading';
|
||||
|
||||
// // $events_slct.event_session_id = event_session_obj?.id;
|
||||
// $events_slct.event_session_obj = event_session_obj;
|
||||
// // $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,
|
||||
// inc_presenter_li: true,
|
||||
// log_lvl: log_lvl
|
||||
// })
|
||||
// .then(async (load_results) => {
|
||||
// console.log(`load_results = `, load_results);
|
||||
// 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,
|
||||
// inc_presenter_li: true,
|
||||
// log_lvl: log_lvl
|
||||
// })
|
||||
// .then(async (load_results) => {
|
||||
// console.log(`load_results = `, load_results);
|
||||
|
||||
// // let new_url = data_url.toString();
|
||||
// // console.log(new_url);
|
||||
// loading__session_id_status = false;
|
||||
// // // goto(new_url, {replaceState: true}); // Updates the URL history without reloading the page
|
||||
// // goto(new_url, {replaceState: false});
|
||||
// });
|
||||
// // let new_url = data_url.toString();
|
||||
// // console.log(new_url);
|
||||
// loading__session_id_status = false;
|
||||
// // // goto(new_url, {replaceState: true}); // Updates the URL history without reloading the page
|
||||
// // goto(new_url, {replaceState: false});
|
||||
// });
|
||||
|
||||
|
||||
// if ($events_loc.launcher.controller == 'local_push') {
|
||||
// console.log(`Local Push Controller Command: ae_load:event_session=${event_session_obj?.id}`);
|
||||
// $events_sess.launcher.controller_cmd = `ae_load:event_session=${event_session_obj?.id}`;
|
||||
// $events_sess.launcher.controller_trigger_send = true;
|
||||
// }
|
||||
}}
|
||||
class="
|
||||
// if ($events_loc.launcher.controller == 'local_push') {
|
||||
// console.log(`Local Push Controller Command: ae_load:event_session=${event_session_obj?.id}`);
|
||||
// $events_sess.launcher.controller_cmd = `ae_load:event_session=${event_session_obj?.id}`;
|
||||
// $events_sess.launcher.controller_trigger_send = true;
|
||||
// }
|
||||
}}
|
||||
class="
|
||||
btn btn-sm hover:preset-filled-primary-500
|
||||
|
||||
text-sm
|
||||
@@ -292,57 +301,50 @@ function handle_load_ae_obj_id__event_session(event_session_id: any) {
|
||||
flex flex-row items-center justify-start
|
||||
transition-all
|
||||
"
|
||||
class:preset-filled-primary-500={slct__event_session_id === event_session_obj?.id}
|
||||
class:preset-tonal-secondary={slct__event_session_id != event_session_obj?.id}
|
||||
class:border-secondary-500={slct__event_session_id != event_session_obj?.id}
|
||||
class:font-bold={slct__event_session_id === event_session_obj?.id}
|
||||
class:preset-filled-primary-500={slct__event_session_id === event_session_obj?.id}
|
||||
class:preset-tonal-secondary={slct__event_session_id != event_session_obj?.id}
|
||||
class:border-secondary-500={slct__event_session_id != event_session_obj?.id}
|
||||
class:font-bold={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}
|
||||
title={`Session: ${event_session_obj?.name}\nID: ${event_session_obj?.id} | ${ae_util.iso_datetime_formatter(event_session_obj?.start_datetime, $events_loc.launcher.time_format)}`}
|
||||
>
|
||||
<!-- hover:scale-115 -->
|
||||
<!-- hover:z-index-10 -->
|
||||
|
||||
class:hidden={!$events_loc.launcher.show_content__hidden_sessions && event_session_obj?.hide}
|
||||
class:dim={event_session_obj?.hide}
|
||||
title={`Session: ${event_session_obj?.name}\nID: ${event_session_obj?.id} | ${ae_util.iso_datetime_formatter(event_session_obj?.start_datetime, $events_loc.launcher.time_format)}`}
|
||||
>
|
||||
<!-- hover:scale-115 -->
|
||||
<!-- hover:z-index-10 -->
|
||||
<span class="border-r border-surface-400-600 pr-1 min-w-28">
|
||||
{#if 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={slct__event_session_id === event_session_obj?.id}>
|
||||
{ae_util.iso_datetime_formatter(event_session_obj?.start_datetime, 'week_medium')}
|
||||
</span>
|
||||
<span class="text-xs">
|
||||
{ae_util.iso_datetime_formatter(
|
||||
event_session_obj?.start_datetime,
|
||||
$events_loc.launcher.time_format
|
||||
)}
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="border-r border-surface-400-600 pr-1 min-w-28"
|
||||
>
|
||||
{#if 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={slct__event_session_id === event_session_obj?.id}
|
||||
>
|
||||
{ae_util.iso_datetime_formatter(event_session_obj?.start_datetime, 'week_medium')}
|
||||
</span>
|
||||
<span
|
||||
class="text-xs"
|
||||
>
|
||||
{ae_util.iso_datetime_formatter(event_session_obj?.start_datetime, $events_loc.launcher.time_format)}
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="
|
||||
<span
|
||||
class="
|
||||
grow text-xs
|
||||
min-w-32 hover:min-w-fit
|
||||
overflow-hidden hover:overflow-visible
|
||||
trasnition-all
|
||||
"
|
||||
>
|
||||
{event_session_obj?.name}
|
||||
</span>
|
||||
|
||||
</button>
|
||||
</li>
|
||||
{/each}
|
||||
</ul>
|
||||
{:else}
|
||||
<div class="text-sm">
|
||||
No sessions found.
|
||||
>
|
||||
{event_session_obj?.name}
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
{/each}
|
||||
</ul>
|
||||
{:else}
|
||||
<div class="text-sm">No sessions found.</div>
|
||||
{/if}
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
Reference in New Issue
Block a user