Moving more files around.
This commit is contained in:
Scott Idem
@@ -21,7 +21,7 @@ import { events_func } from '$lib/ae_events_functions';
|
||||
|
||||
import Comp_event_files_upload from './../../events_pres_mgmt/ae_comp__event_files_upload.svelte';
|
||||
import Element_manage_event_file_li_wrap from '$lib/element_manage_event_file_li_direct.svelte';
|
||||
import Event_page_menu from './event_page_menu.svelte';
|
||||
import Event_page_menu from '../event_page_menu.svelte';
|
||||
|
||||
|
||||
// Quickly save the data passed from the parent(s) to the Svelte stores, localStorage, and other.
|
||||
|
||||
@@ -0,0 +1,355 @@
|
||||
<script lang="ts">
|
||||
/** @type {import('./$types').PageData} */
|
||||
export let data: any;
|
||||
let log_lvl = 1;
|
||||
// console.log(`ae_events_pres_mgmt location [slug] +page.svelte data:`, data);
|
||||
|
||||
// Imports
|
||||
import { onMount } from 'svelte';
|
||||
|
||||
import { clipboard } from '@skeletonlabs/skeleton';
|
||||
|
||||
import type { key_val } from '$lib/ae_stores';
|
||||
import { ae_util } from '$lib/ae_utils';
|
||||
// import Element_data_store from '$lib/element_data_store_v2.svelte';
|
||||
|
||||
let ae_promises: key_val = {};
|
||||
let ae_tmp: key_val = {};
|
||||
let ae_triggers: key_val = {};
|
||||
|
||||
import { liveQuery } from "dexie";
|
||||
import { core_func } from '$lib/ae_core_functions';
|
||||
import { db_events } from "$lib/db_events";
|
||||
import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
|
||||
import { events_loc, events_sess, events_slct, events_trigger, events_trig_kv } from '$lib/ae_events_stores';
|
||||
import { events_func } from '$lib/ae_events_functions';
|
||||
|
||||
import Comp_event_files_upload from '../../../../events_pres_mgmt/ae_comp__event_files_upload.svelte';
|
||||
import Comp_event_session_obj_li from '../../../../events_pres_mgmt/ae_comp__event_session_obj_li.svelte';
|
||||
import Element_manage_event_file_li_wrap from '$lib/element_manage_event_file_li_direct.svelte';
|
||||
import Location_view from './location_view.svelte';
|
||||
import Location_page_menu from '../location_page_menu.svelte';
|
||||
|
||||
import { browser } from '$app/environment';
|
||||
|
||||
// Variables
|
||||
if (browser) {
|
||||
console.log('Browser environment detected.');
|
||||
}
|
||||
|
||||
// Quickly save the data passed from the parent(s) to the Svelte stores, localStorage, and other.
|
||||
$slct.account_id = data.account_id;
|
||||
// console.log(`$slct.account_id = `, $slct.account_id);
|
||||
let ae_acct = data[$slct.account_id];
|
||||
// console.log(`ae_acct = `, ae_acct);
|
||||
|
||||
$ae_loc.url_origin = data.url.origin;
|
||||
|
||||
$events_slct.event_id = ae_acct.slct.event_id;
|
||||
// $events_slct.event_obj = ae_acct.slct.event_obj;
|
||||
$events_slct.event_location_id = ae_acct.slct.event_location_id;
|
||||
// $events_slct.event_location_obj = ae_acct.slct.event_location_obj;
|
||||
$events_slct.event_session_id = null;
|
||||
// $events_slct.event_session_obj = null;
|
||||
$events_slct.event_session_obj_li = ae_acct.slct.event_session_obj_li;
|
||||
// $events_slct.event_file_obj_li = ae_acct.slct.event_file_obj_li;
|
||||
|
||||
if (!$events_loc.pres_mgmt) {
|
||||
$events_loc.pres_mgmt = {};
|
||||
}
|
||||
|
||||
if (!$events_sess.pres_mgmt) {
|
||||
$events_sess.pres_mgmt = {};
|
||||
// $events_sess.pres_mgmt.show_content__agree_text = null;
|
||||
// $events_sess.pres_mgmt.show_content__presenter_start = null;
|
||||
}
|
||||
|
||||
// $events_sess.pres_mgmt.show_content__agree_text = false;
|
||||
// $events_sess.pres_mgmt.show_content__presenter_start = false;
|
||||
|
||||
let lq__event_obj = liveQuery(
|
||||
() => db_events.events.get($events_slct.event_id)
|
||||
);
|
||||
|
||||
let lq__event_location_obj = liveQuery(
|
||||
() => db_events.locations.get(ae_acct.slct.event_location_id)
|
||||
);
|
||||
|
||||
let lq__event_session_obj_li = liveQuery(
|
||||
() => db_events.sessions
|
||||
.where('event_location_id_random')
|
||||
.equals(ae_acct.slct.event_location_id)
|
||||
.sortBy('start_datetime')
|
||||
);
|
||||
|
||||
// let lq__auth__event_presenter_obj = liveQuery(
|
||||
// () => db_events.presenters.get($events_loc.auth__person.presenter_id ?? null)
|
||||
// );
|
||||
|
||||
$slct.person_obj_kv = {}; // This is intended for the POC lookup list when generated.
|
||||
|
||||
if (!$ae_loc.authenticated_access && $events_loc.pres_mgmt.show_content__location_view) {
|
||||
$events_loc.pres_mgmt.show_content__location_view = null;
|
||||
}
|
||||
|
||||
let event_session_id_random_li: Array<string>;
|
||||
$: if ($lq__event_session_obj_li) {
|
||||
if (log_lvl) {
|
||||
console.log('Session list updated? Pulling out the event_session_id_random values.');
|
||||
}
|
||||
|
||||
event_session_id_random_li = [];
|
||||
|
||||
// We need to loop through the array of objects and get the event_session_id_random from each object a new list of event_session_id_randoms. Then we can use this list to get the full objects from the database.
|
||||
let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
|
||||
if ($lq__event_session_obj_li) {
|
||||
for (let i = 0; i < $lq__event_session_obj_li.length; i++) {
|
||||
tmp_li.push($lq__event_session_obj_li[i].event_session_id_random);
|
||||
}
|
||||
}
|
||||
event_session_id_random_li = tmp_li;
|
||||
|
||||
// event_session_id_random_li = $events_slct.event_session_obj_li.map(session_obj => session_obj.event_session_id_random);
|
||||
|
||||
// Finally done with the search.
|
||||
$events_sess.pres_mgmt.status_qry__search = 'done';
|
||||
// $events_sess.pres_mgmt.status_rpt[$events_sess.pres_mgmt.show_report] = 'done';
|
||||
|
||||
if (log_lvl > 1) {
|
||||
console.log(`TEST SEARCH - event_session_id_random_li:`, event_session_id_random_li);
|
||||
// console.log(`TEST SEARCH - search live query: ${$lq_kv__event_session_obj_li}`);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Functions and Logic
|
||||
onMount(() => {
|
||||
console.log('Events Location [slug]: +page.svelte');
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<svelte:head>
|
||||
<title>
|
||||
Location: {ae_util.shorten_string({string: $lq__event_location_obj?.name ?? 'Loading...', max_length: 12})} ({$lq__event_location_obj?.event_location_id ?? ''}) - Pres Mgmt - {$events_loc?.title}
|
||||
</title>
|
||||
</svelte:head>
|
||||
|
||||
|
||||
<section
|
||||
class="ae_events_pres_mgmt_event_location
|
||||
md:container h-full mx-auto flex flex-col gap-1 py-1 px-2 pb-16"
|
||||
>
|
||||
|
||||
<Location_page_menu
|
||||
data={data}
|
||||
event_location_id={$lq__event_location_obj?.event_location_id}
|
||||
lq__event_location_obj={lq__event_location_obj}
|
||||
/>
|
||||
|
||||
{#if !$lq__event_location_obj}
|
||||
|
||||
<div>
|
||||
<span class="fas fa-spinner fa-spin m-1"></span>
|
||||
<span>Loading location information...</span>
|
||||
</div>
|
||||
|
||||
{:else if $lq__event_location_obj?.enable || $ae_loc.trusted_access}
|
||||
|
||||
<h2 class="h2 text-center rounded-md p-2 bg-gray-300">
|
||||
{@html $lq__event_location_obj?.name ?? ae_snip.html__not_set}
|
||||
</h2>
|
||||
|
||||
{#if !$events_loc.pres_mgmt.show_content__location_view || $events_loc.pres_mgmt.show_content__location_view == 'default'}
|
||||
|
||||
<!-- General information about the location -->
|
||||
<Location_view
|
||||
show__launcher_link={$events_loc.pres_mgmt.show_content__launcher_link}
|
||||
show__launcher_link_legacy={$events_loc.pres_mgmt.show_content__launcher_link_legacy}
|
||||
event_location_id={$lq__event_location_obj?.event_location_id}
|
||||
lq__event_obj={lq__event_obj}
|
||||
lq__event_location_obj={lq__event_location_obj}
|
||||
lq__event_session_obj_li={lq__event_session_obj_li}
|
||||
/>
|
||||
|
||||
<!-- Sessions in the location -->
|
||||
<section>
|
||||
|
||||
{#if $lq__event_session_obj_li && $lq__event_session_obj_li?.length > 0 && event_session_id_random_li && event_session_id_random_li?.length > 0}
|
||||
<Comp_event_session_obj_li
|
||||
lq__event_session_obj_li={lq__event_session_obj_li}
|
||||
hide__session_poc={$events_loc.pres_mgmt.hide__session_poc}
|
||||
hide__session_location={true}
|
||||
show__session_files={$events_loc.pres_mgmt.show_content__session_files}
|
||||
show__session_presentations={$events_loc.pres_mgmt.show_content__session_presentations}
|
||||
show__launcher_link={$ae_loc.administrator_access && $events_loc.pres_mgmt.show_content__launcher_link}
|
||||
show__launcher_link_legacy={$events_loc.pres_mgmt.show_content__launcher_link_legacy}
|
||||
show__location_link={$events_loc.pres_mgmt.show_content__location_link}
|
||||
log_lvl={log_lvl}
|
||||
>
|
||||
</Comp_event_session_obj_li>
|
||||
{:else if $lq__event_session_obj_li && $lq__event_session_obj_li?.length == 0}
|
||||
<div class="bg-red-100 p-4 border border-red-200 rounded-md">
|
||||
<h2 class="h3">
|
||||
<span class="fas fa-exclamation-triangle text-red-500 m-1"></span>
|
||||
No Sessions Found
|
||||
</h2>
|
||||
<p>
|
||||
There are no sessions found for this location.
|
||||
</p>
|
||||
</div>
|
||||
{:else if event_session_id_random_li?.length > 0}
|
||||
<div class="text-center">
|
||||
<span class="fas fa-spinner fa-spin m-1"></span>
|
||||
<span>Loading session list...</span>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
</section>
|
||||
|
||||
{:else if $events_loc.pres_mgmt.show_content__location_view == 'manage_files' && $ae_loc.trusted_access}
|
||||
<div>
|
||||
<h3 class="h5 text-center">
|
||||
<span class="fas fa-tasks m-1"></span>
|
||||
<span class="fas fa-mail-bulk m-1"></span>
|
||||
Manage and Upload Location Files:
|
||||
</h3>
|
||||
|
||||
<Comp_event_files_upload
|
||||
class_li="border border-gray-300 rounded-md p-2 bg-gray-100 hover:bg-gray-200"
|
||||
link_to_type="event_location"
|
||||
link_to_id={$lq__event_location_obj.event_location_id}
|
||||
>
|
||||
<span slot="label">
|
||||
<div>
|
||||
<span class="fas fa-upload"></span>
|
||||
<strong class="bg-orange-200 p-1">Upload location (room) specific files only!</strong>
|
||||
</div>
|
||||
<span class="text-sm text-gray-600 dark:text-gray-400 italic">
|
||||
<strong>Location (room) files only</strong><br>
|
||||
Recommended: PowerPoint (pptx) or Keynote (key)<br>
|
||||
Media: Audio and videos files should be directly embedded in PowerPoint (PPTX) files<br>
|
||||
Supplemental files: mp4, PDF, Word Doc, Excel, txt, etc
|
||||
</span>
|
||||
</span>
|
||||
</Comp_event_files_upload>
|
||||
|
||||
<div class="overflow-x-auto w-max max-w-full">
|
||||
<Element_manage_event_file_li_wrap
|
||||
link_to_type={'event_location'}
|
||||
link_to_id={$lq__event_location_obj?.event_location_id_random}
|
||||
allow_basic={$events_loc.auth__kv.location[$lq__event_location_obj.event_location_id_random] || $events_loc.auth__kv.location[$lq__event_location_obj?.event_location_id_random]}
|
||||
allow_moderator={$events_loc.auth__kv.location[$lq__event_location_obj.event_location_id_random]}
|
||||
container_class_li={''}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
{:else}
|
||||
|
||||
<div class="bg-red-100 p-4 border border-red-200 rounded-md">
|
||||
<h2 class="h3">
|
||||
<span class="fas fa-exclamation-triangle text-red-500 m-1"></span>
|
||||
Location Disabled
|
||||
</h2>
|
||||
<p>
|
||||
This location is currently disabled. Please contact the event organizer for more information.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/if}
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
{#if $events_sess.pres_mgmt?.show_form__sign_in}
|
||||
<div class="ae_quick_modal_container">
|
||||
<section class="ae_quick_popover">
|
||||
|
||||
<div class="flex flex-col items-center">
|
||||
|
||||
|
||||
<!-- <div class="h-4 p-10"> -->
|
||||
|
||||
<!-- </div> -->
|
||||
|
||||
<section class="ae_modal_scrollfix">
|
||||
<button
|
||||
on:click={
|
||||
() => {
|
||||
$events_sess.pres_mgmt.show_content__agree_text = null;
|
||||
}
|
||||
}
|
||||
class="btn btn-md variant-soft-secondary hover:variant-filled-secondary float-right"
|
||||
>
|
||||
<span class="fas fa-times m-1"></span>
|
||||
Close
|
||||
</button>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
<!-- <div class="h-12"> -->
|
||||
<button
|
||||
on:click={
|
||||
() => {
|
||||
$events_sess.pres_mgmt.show_content__agree_text = null;
|
||||
}
|
||||
}
|
||||
class="btn btn-md variant-soft-secondary hover:variant-filled-secondary"
|
||||
>
|
||||
<span class="fas fa-times m-1"></span>
|
||||
Close
|
||||
</button>
|
||||
<!-- </div> -->
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
|
||||
|
||||
<style lang="postcss">
|
||||
/* Use the div.ae_quick_modal_container to block background clicks when using the section.ae_quick_popover. */
|
||||
div.ae_quick_modal_container {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 100;
|
||||
background-color: hsla(0, 0%, 50%, .75);
|
||||
/* padding: 1rem; */
|
||||
/* border: solid thick red; */
|
||||
}
|
||||
|
||||
/* The section.ae_quick_popover should be above the rest of the content and centered on the page. */
|
||||
section.ae_quick_popover {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 100;
|
||||
background-color: hsla(0, 0%, 97%, .97);
|
||||
/* margin-top: 1rem;
|
||||
margin-bottom: 2rem; */
|
||||
/* padding: 1rem;
|
||||
padding-top:4rem; */
|
||||
/* padding-bottom: 4rem; */
|
||||
border: solid thin hsla(0, 0%, 0%, .9);
|
||||
border-radius: .5rem;
|
||||
box-shadow: 0 0 1rem hsla(0, 0%, 0%, .5);
|
||||
|
||||
min-height: 30%;
|
||||
/* max-height: 100vh; */
|
||||
min-width: 80%;
|
||||
|
||||
/* overflow-y: auto; */
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,111 @@
|
||||
/** @type {import('./$types').PageLoad} */
|
||||
import { error } from '@sveltejs/kit';
|
||||
console.log(`ae_events_pres_mgmt_event [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 }) { // route
|
||||
let log_lvl = 0;
|
||||
|
||||
let data = await parent();
|
||||
// console.log(`ae events_pres_mgmt location [event_location_id] +page.ts data:`, data);
|
||||
|
||||
let account_id = data.account_id;
|
||||
let ae_acct = data[account_id];
|
||||
// console.log(`ae_acct = `, ae_acct);
|
||||
|
||||
// if (!account_id) {
|
||||
// console.log(`ae events_pres_mgmt location [event_location_id] +page.ts: The account_id was not found in the data!!!`);
|
||||
// return false;
|
||||
// }
|
||||
|
||||
data.ae_events_pres_mgmt_event_slug_page_ts = true;
|
||||
|
||||
let event_location_id = params.event_location_id;
|
||||
if (!event_location_id) {
|
||||
console.log(`ae events_pres_mgmt location [event_location_id] +page.ts: The event_location_id was not found in the params!!!`);
|
||||
error(404, {
|
||||
message: 'Location not found'
|
||||
});
|
||||
}
|
||||
ae_acct.slct.event_location_id = event_location_id;
|
||||
|
||||
if (browser) {
|
||||
// Load event location object
|
||||
let load_event_location_obj = events_func.load_ae_obj_id__event_location({
|
||||
api_cfg: ae_acct.api,
|
||||
event_location_id: event_location_id,
|
||||
try_cache: true
|
||||
});
|
||||
|
||||
ae_acct.slct.event_location_obj = load_event_location_obj;
|
||||
|
||||
// Load event sessions for the location
|
||||
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,
|
||||
params: {qry__enabled: 'all', qry__limit: 50},
|
||||
try_cache: true,
|
||||
log_lvl: 1
|
||||
})
|
||||
.then((event_session_obj_li) => {
|
||||
if (log_lvl) {
|
||||
console.log(`event_session_obj_li = `, event_session_obj_li);
|
||||
}
|
||||
for (let index = 0; index < event_session_obj_li.length; index++) {
|
||||
let event_session_obj = event_session_obj_li[index];
|
||||
let event_session_id = event_session_obj.event_session_id_random;
|
||||
|
||||
let load_event_presentation_obj_li = events_func.load_ae_obj_li__event_presentation({
|
||||
api_cfg: ae_acct.api,
|
||||
for_obj_type: 'event_session',
|
||||
for_obj_id: event_session_id,
|
||||
params: {qry__enabled: 'all', qry__limit: 25},
|
||||
try_cache: true
|
||||
});
|
||||
if (log_lvl) {
|
||||
console.log(`load_event_presentation_obj_li = `, load_event_presentation_obj_li);
|
||||
}
|
||||
event_session_obj_li[index].event_presentation_li = load_event_presentation_obj_li;
|
||||
}
|
||||
|
||||
return event_session_obj_li;
|
||||
});
|
||||
if (log_lvl) {
|
||||
console.log(`load_event_session_obj_li = `, load_event_session_obj_li);
|
||||
}
|
||||
ae_acct.slct.event_session_obj_li = load_event_session_obj_li;
|
||||
|
||||
// Load event files for the location
|
||||
let ae_params = {
|
||||
qry__enabled: 'all',
|
||||
qry__hidden: 'all',
|
||||
qry__limit: 50
|
||||
}
|
||||
|
||||
let load_event_file_obj_li = await events_func.handle_load_ae_obj_li__event_file({
|
||||
api_cfg: ae_acct.api,
|
||||
for_obj_type: 'event_location',
|
||||
for_obj_id: event_location_id,
|
||||
params: ae_params,
|
||||
try_cache: true
|
||||
})
|
||||
.then((event_file_obj_li) => {
|
||||
if (log_lvl) {
|
||||
console.log(`event_file_obj_li = `, event_file_obj_li);
|
||||
}
|
||||
return event_file_obj_li;
|
||||
});
|
||||
if (log_lvl) {
|
||||
console.log(`load_event_file_obj_li = `, load_event_file_obj_li);
|
||||
}
|
||||
ae_acct.slct.event_file_obj_li = load_event_file_obj_li;
|
||||
}
|
||||
|
||||
// WARNING: Precaution against shared data between sites and sessions.
|
||||
data[account_id] = ae_acct;
|
||||
|
||||
return data;
|
||||
}
|
||||
@@ -0,0 +1,485 @@
|
||||
<script lang="ts">
|
||||
console.log(`ae_events_pres_mgmt location_view.svelte`);
|
||||
export let log_lvl = 1;
|
||||
|
||||
// import { clipboard } from '@skeletonlabs/skeleton';
|
||||
import { liveQuery } from "dexie";
|
||||
|
||||
// const dispatch = createEventDispatcher();
|
||||
|
||||
import type { key_val } from '$lib/ae_stores';
|
||||
import { ae_util } from '$lib/ae_utils';
|
||||
import Element_ae_crud from '$lib/element_ae_crud.svelte';
|
||||
import Element_data_store from '$lib/element_data_store_v2.svelte';
|
||||
|
||||
let ae_promises: key_val = {};
|
||||
// let ae_tmp: key_val = {};
|
||||
// let ae_triggers: key_val = {};
|
||||
|
||||
import { core_func } from '$lib/ae_core_functions';
|
||||
import { db_events } from "$lib/db_events";
|
||||
import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
|
||||
import { events_loc, events_sess, events_slct, events_trigger, events_trig_kv } from '$lib/ae_events_stores';
|
||||
import { events_func } from '$lib/ae_events_functions';
|
||||
|
||||
// Exports
|
||||
// export let event_location_id: string;
|
||||
// export let event_location_obj: key_val;
|
||||
// export let display_mode: string = 'default'; // 'default', 'compact', 'minimal', 'launcher'
|
||||
|
||||
if (!$events_sess.pres_mgmt) {
|
||||
$events_sess.pres_mgmt = {};
|
||||
// $events_sess.pres_mgmt.show_content__agree_text = null;
|
||||
// $events_sess.pres_mgmt.show_content__presentation_start = null;
|
||||
}
|
||||
|
||||
// $events_sess.pres_mgmt.show_content__agree_text = false;
|
||||
// $events_sess.pres_mgmt.show_content__presentation_start = false;
|
||||
|
||||
export let show__launcher_link: boolean = false;
|
||||
export let show__launcher_link_legacy: boolean = true;
|
||||
|
||||
export let lq__event_obj: any;
|
||||
|
||||
export let lq__event_location_obj: any;
|
||||
|
||||
// let lq__event_location_obj = liveQuery(
|
||||
// () => db_events.locations.get(event_location_id)
|
||||
// );
|
||||
|
||||
// export let lq__auth__event_presentation_obj: any;
|
||||
|
||||
export let lq__event_session_obj_li: any;
|
||||
|
||||
// let lq__event_session_obj_li = liveQuery(
|
||||
// () => db_events.sessions
|
||||
// .where('event_location_id_random')
|
||||
// .equals(event_location_id)
|
||||
// .sortBy('name')
|
||||
// );
|
||||
|
||||
let lq__event_session_obj = liveQuery(
|
||||
() => db_events.sessions.get($events_slct.event_session_id)
|
||||
);
|
||||
|
||||
// let lq__auth__event_presentation_obj = liveQuery(
|
||||
// () => db_events.presentations.get($events_slct.auth__event_presentation_id)
|
||||
// );
|
||||
|
||||
let lq__event_presentation_obj = liveQuery(
|
||||
() => db_events.presentations.get($events_slct.event_presentation_id)
|
||||
);
|
||||
|
||||
// $slct.person_obj_kv = {}; // This is intended for the person POC lookup list when generated.
|
||||
|
||||
|
||||
$events_sess.pres_mgmt.location__updated_on = null;
|
||||
$: if ($lq__event_location_obj) {
|
||||
if (log_lvl > 1) {
|
||||
console.log(`$lq__event_location_obj:`, $lq__event_location_obj);
|
||||
}
|
||||
|
||||
if ($events_loc.pres_mgmt.show_content__location_qr) {
|
||||
|
||||
if ($lq__event_location_obj.updated_on == $events_sess.pres_mgmt.location__updated_on) {
|
||||
if (log_lvl > 1) {
|
||||
console.log('Updated on is the same.');
|
||||
}
|
||||
} else {
|
||||
if (log_lvl) {
|
||||
console.log('Updated on is different.');
|
||||
}
|
||||
// FUTURE USE: Generate a QR code for the object ID.
|
||||
// ae_promises.generate_qr_code_obj_id = core_func.generate_qr_code({api_cfg: $ae_api, account_id: $slct.account_id, qr_type: 'obj', qr_id: $lq__event_location_obj?.event_location_id_random, obj_type: 'event_location', obj_id: $lq__event_location_obj?.event_location_id_random});
|
||||
|
||||
// Generate a QR code for the URL.
|
||||
let qr_id_url = `${$lq__event_location_obj?.event_location_id_random}_url`;
|
||||
|
||||
// URL for this page (be sure to URL encode it):
|
||||
let url_str = `${$ae_loc.url_origin}/events/${$lq__event_location_obj?.event_id_random}/location/${$lq__event_location_obj?.event_location_id_random}`;
|
||||
url_str = encodeURI(url_str);
|
||||
|
||||
ae_promises.generate_qr_code_url = core_func.generate_qr_code({api_cfg: $ae_api, account_id: $slct.account_id, qr_type: 'str', qr_id: qr_id_url, str: url_str});
|
||||
|
||||
$events_sess.pres_mgmt.location__updated_on = $lq__event_location_obj?.updated_on;
|
||||
}
|
||||
} else {
|
||||
if (log_lvl) {
|
||||
console.log('Clearing the URL.');
|
||||
}
|
||||
ae_promises.generate_qr_code_url = null;
|
||||
// Resetting the updated_on value helps with the QR code come back when switched back on.
|
||||
$events_sess.pres_mgmt.location__updated_on = null;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
{#if $lq__event_location_obj}
|
||||
|
||||
<section class="p-2">
|
||||
|
||||
|
||||
<!-- {#await ae_promises.generate_qr_code_url}
|
||||
Generating...
|
||||
{:then result}
|
||||
{#if ae_promises.generate_qr_code_url && $ae_loc.trusted_access}
|
||||
<span class="float-right m-1 p-1 flex flex-col items-center justify-center outline outline-gray-200 *:hover:inline">
|
||||
<img
|
||||
class="qr_code qr_type_url h-32 w-32 hover:h-48 hover:w-48"
|
||||
style=""
|
||||
src={result}
|
||||
alt="URL QR code"
|
||||
/>
|
||||
<span>
|
||||
<span class="fas fa-link"></span>
|
||||
<span>Location URL</span>
|
||||
</span>
|
||||
<div class="hidden">
|
||||
This QR is a link back to this page.
|
||||
</div>
|
||||
</span>
|
||||
{/if}
|
||||
{/await} -->
|
||||
|
||||
|
||||
<ul
|
||||
class="space-y-2 px-4"
|
||||
>
|
||||
<li
|
||||
class:hidden={!$ae_loc.manager_access || !$ae_loc.edit_mode}
|
||||
>
|
||||
<Element_ae_crud
|
||||
api_cfg={$ae_api}
|
||||
object_type={'event_location'}
|
||||
object_id={$lq__event_location_obj?.event_location_id_random}
|
||||
field_name={'external_id'}
|
||||
field_type={'text'}
|
||||
field_value={$lq__event_location_obj?.external_id}
|
||||
allow_null={true}
|
||||
hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
|
||||
outline_element={false}
|
||||
show_crud={false}
|
||||
display_inline={true}
|
||||
display_block_edit={true}
|
||||
class_li={''}
|
||||
on:ae_crud_updated={e => {
|
||||
console.log(`ae_crud_updated:`, e.detail);
|
||||
|
||||
events_func.load_ae_obj_id__event_location({
|
||||
api_cfg: $ae_api,
|
||||
event_location_id: $lq__event_location_obj?.event_location_id_random,
|
||||
log_lvl: 1
|
||||
})
|
||||
.then(function (load_results) {
|
||||
});
|
||||
}}
|
||||
>
|
||||
<strong class="text-sm">External ID:</strong> {$lq__event_location_obj.external_id}
|
||||
</Element_ae_crud>
|
||||
</li>
|
||||
|
||||
<li
|
||||
class:hidden={!$ae_loc.administrator_access || !$ae_loc.edit_mode}
|
||||
>
|
||||
<Element_ae_crud
|
||||
api_cfg={$ae_api}
|
||||
object_type={'event_location'}
|
||||
object_id={$lq__event_location_obj?.event_location_id_random}
|
||||
field_name={'code'}
|
||||
field_type={'text'}
|
||||
field_value={$lq__event_location_obj?.code}
|
||||
allow_null={true}
|
||||
hide_edit_btn={!$ae_loc.administrator_access || !$ae_loc.edit_mode}
|
||||
outline_element={false}
|
||||
show_crud={false}
|
||||
display_inline={true}
|
||||
display_block_edit={true}
|
||||
class_li={''}
|
||||
on:ae_crud_updated={e => {
|
||||
console.log(`ae_crud_updated:`, e.detail);
|
||||
|
||||
events_func.load_ae_obj_id__event_location({
|
||||
api_cfg: $ae_api,
|
||||
event_location_id: $lq__event_location_obj?.event_location_id_random,
|
||||
log_lvl: 1
|
||||
})
|
||||
.then(function (load_results) {
|
||||
});
|
||||
}}
|
||||
>
|
||||
<strong class="text-sm">Code:</strong> {$lq__event_location_obj.code}
|
||||
</Element_ae_crud>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<Element_ae_crud
|
||||
api_cfg={$ae_api}
|
||||
object_type={'event_location'}
|
||||
object_id={$lq__event_location_obj?.event_location_id_random}
|
||||
field_name={'name'}
|
||||
field_type={'text'}
|
||||
field_value={$lq__event_location_obj?.name}
|
||||
allow_null={false}
|
||||
hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
|
||||
outline_element={false}
|
||||
show_crud={false}
|
||||
display_inline={true}
|
||||
display_block_edit={true}
|
||||
class_li={''}
|
||||
on:ae_crud_updated={e => {
|
||||
console.log(`ae_crud_updated:`, e.detail);
|
||||
|
||||
events_func.load_ae_obj_id__event_location({
|
||||
api_cfg: $ae_api,
|
||||
event_location_id: $lq__event_location_obj?.event_location_id_random,
|
||||
log_lvl: 1
|
||||
})
|
||||
.then(function (load_results) {
|
||||
});
|
||||
}}
|
||||
>
|
||||
<strong class="text-sm">Name (room or area):</strong> {$lq__event_location_obj.name}
|
||||
</Element_ae_crud>
|
||||
|
||||
{#if !$events_loc.pres_mgmt?.hide__location_code}
|
||||
<Element_ae_crud
|
||||
api_cfg={$ae_api}
|
||||
object_type={'event_location'}
|
||||
object_id={$lq__event_location_obj?.event_location_id_random}
|
||||
field_name={'code'}
|
||||
field_type={'text'}
|
||||
field_value={$lq__event_location_obj?.code}
|
||||
allow_null={false}
|
||||
hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
|
||||
outline_element={false}
|
||||
show_crud={false}
|
||||
display_inline={true}
|
||||
display_block_edit={false}
|
||||
class_li={''}
|
||||
on:ae_crud_updated={e => {
|
||||
console.log(`ae_crud_updated:`, e.detail);
|
||||
|
||||
events_func.load_ae_obj_id__event_location({
|
||||
api_cfg: $ae_api,
|
||||
event_location_id: $lq__event_location_obj?.event_location_id_random,
|
||||
log_lvl: 1
|
||||
})
|
||||
.then(function (load_results) {
|
||||
});
|
||||
}}
|
||||
>
|
||||
<span class="text-sm text-gray-500 bg-yellow-100 p-1 rounded-md border border-yellow-200"
|
||||
title="Location code {$lq__event_location_obj.code}"
|
||||
>
|
||||
<strong class="text-sm">code:</strong>
|
||||
<span class="fas fa-barcode"></span>
|
||||
{$lq__event_location_obj.code}
|
||||
</span>
|
||||
</Element_ae_crud>
|
||||
{/if}
|
||||
|
||||
<!-- BEGIN: Legacy link -->
|
||||
{#if show__launcher_link_legacy}
|
||||
<a
|
||||
data-sveltekit-preload-data="false"
|
||||
href="/event/{$lq__event_location_obj?.event_id_random}/launcher/{$lq__event_location_obj?.event_location_id_random}"
|
||||
class="btn btn-sm variant-glass-secondary hover:variant-filled-secondary"
|
||||
title="Launcher: {$lq__event_location_obj?.name} {$lq__event_location_obj?.event_location_id_random}"
|
||||
>
|
||||
<span class="fas fa-paper-plane m-1"></span>
|
||||
{@html $lq__event_location_obj?.name ? $lq__event_location_obj?.name : ae_snip.html__not_set}
|
||||
</a>
|
||||
{/if}
|
||||
<!-- END: Legacy link -->
|
||||
|
||||
{#if show__launcher_link}
|
||||
<a
|
||||
data-sveltekit-preload-data="false"
|
||||
href="/events/${$lq__event_location_obj?.event_id_random}/launcher/{$lq__event_location_obj?.event_location_id_random}"
|
||||
class="btn btn-sm variant-glass-secondary hover:variant-filled-secondary"
|
||||
title="Launcher: {$lq__event_location_obj?.name} {$lq__event_location_obj?.event_location_id_random}"
|
||||
>
|
||||
<span class="fas fa-plane m-1"></span>
|
||||
<!-- {@html $lq__event_location_obj?.name ? $lq__event_location_obj?.name : ae_snip.html__not_set} -->
|
||||
</a>
|
||||
{/if}
|
||||
</li>
|
||||
|
||||
{#if $ae_loc.administrator_access}
|
||||
<li>
|
||||
<strong class="text-sm">Location passcode:</strong>
|
||||
<span class="fas fa-key"></span>
|
||||
{@html $lq__event_location_obj.passcode ? $lq__event_location_obj.passcode : ae_snip.html__not_set}
|
||||
<Element_ae_crud
|
||||
api_cfg={$ae_api}
|
||||
object_type={'event_location'}
|
||||
object_id={$lq__event_location_obj?.event_location_id_random}
|
||||
field_name={'passcode'}
|
||||
field_type={'text'}
|
||||
field_value={$lq__event_location_obj?.passcode}
|
||||
allow_null={true}
|
||||
hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
|
||||
outline_element={false}
|
||||
show_crud={false}
|
||||
display_inline={true}
|
||||
display_block_edit={false}
|
||||
class_li={''}
|
||||
on:ae_crud_updated={e => {
|
||||
console.log(`ae_crud_updated:`, e.detail);
|
||||
|
||||
events_func.load_ae_obj_id__event_location({
|
||||
api_cfg: $ae_api,
|
||||
event_location_id: $lq__event_location_obj?.event_location_id_random,
|
||||
log_lvl: 1
|
||||
})
|
||||
.then(function (load_results) {
|
||||
});
|
||||
}}
|
||||
>
|
||||
</Element_ae_crud>
|
||||
</li>
|
||||
{/if}
|
||||
|
||||
<li>
|
||||
<div>
|
||||
<Element_ae_crud
|
||||
api_cfg={$ae_api}
|
||||
object_type={'event_location'}
|
||||
object_id={$lq__event_location_obj?.event_location_id_random}
|
||||
field_name={'description'}
|
||||
field_type={'textarea'}
|
||||
field_value={$lq__event_location_obj.description}
|
||||
allow_null={false}
|
||||
hide_edit_btn={!$ae_loc.trusted_access || !$ae_loc.edit_mode}
|
||||
outline_element={false}
|
||||
show_crud={false}
|
||||
display_inline={true}
|
||||
display_block_edit={true}
|
||||
textarea_rows={15}
|
||||
class_li={''}
|
||||
on:ae_crud_updated={e => {
|
||||
console.log(`ae_crud_updated:`, e.detail);
|
||||
|
||||
events_func.load_ae_obj_id__event_location({
|
||||
api_cfg: $ae_api,
|
||||
event_location_id: $lq__event_location_obj?.event_location_id_random,
|
||||
log_lvl: 1
|
||||
});
|
||||
}}
|
||||
>
|
||||
<strong class="text-sm">
|
||||
Location description:
|
||||
</strong>
|
||||
|
||||
{#if $lq__event_location_obj.description}
|
||||
<button
|
||||
type="button"
|
||||
on:click={() => {
|
||||
console.log('Show/Hide Description');
|
||||
$events_loc.pres_mgmt.show_content__location_description = !$events_loc.pres_mgmt.show_content__location_description;
|
||||
}}
|
||||
class="btn btn-sm variant-soft-surface hover:variant-filled-surface text-xs"
|
||||
>
|
||||
{#if $events_loc.pres_mgmt.show_content__location_description}
|
||||
<span class="fas fa-eye-slash mx-1"></span>
|
||||
<span>Hide Description</span>
|
||||
{:else}
|
||||
<span class="fas fa-eye mx-1"></span>
|
||||
<span>Show</span>
|
||||
{/if}
|
||||
</button>
|
||||
|
||||
<pre
|
||||
class="whitespace-pre-wrap p-2 bg-gray-100 rounded-md"
|
||||
class:hidden={!$events_loc.pres_mgmt.show_content__location_description}
|
||||
>{$lq__event_location_obj.description}</pre>
|
||||
|
||||
{:else}
|
||||
{@html ae_snip.html__not_set}
|
||||
{/if}
|
||||
</Element_ae_crud>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<!-- <label
|
||||
class="text-sm"
|
||||
>Location description:
|
||||
<textarea
|
||||
class="textarea my-1 p-2"
|
||||
cols="30"
|
||||
rows="4"
|
||||
disabled
|
||||
>{$lq__event_location_obj.description}</textarea>
|
||||
</label> -->
|
||||
|
||||
<div class="m-1 flex flex-col flex-wrap gap-1 items-center">
|
||||
{#if $ae_loc.trusted_access }
|
||||
<!-- Message if they have agreed -->
|
||||
<Element_data_store
|
||||
ds_code="events__pres_mgmt__location_page_authorized_info"
|
||||
ds_name="Default: Events - Pres Mgmt Location Authorized Info"
|
||||
ds_type="html"
|
||||
for_type="event"
|
||||
for_id={$lq__event_presentation_obj?.event_id_random}
|
||||
class_li="w-fit max-w-screen-lg flex flex-col gap-1"
|
||||
show_edit={false}
|
||||
show_edit_btn={true}
|
||||
/>
|
||||
|
||||
|
||||
{:else}
|
||||
|
||||
Not authorized
|
||||
|
||||
{/if}
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
{/if}
|
||||
|
||||
|
||||
<style lang="postcss">
|
||||
/* Use the div.ae_quick_modal_container to block background clicks when using the section.ae_quick_popover. */
|
||||
div.ae_quick_modal_container {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 100;
|
||||
background-color: hsla(0, 0%, 50%, .75);
|
||||
/* padding: 1rem; */
|
||||
/* border: solid thick red; */
|
||||
}
|
||||
|
||||
/* The section.ae_quick_popover should be above the rest of the content and centered on the page. */
|
||||
section.ae_quick_popover {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 100;
|
||||
background-color: hsla(0, 0%, 97%, .97);
|
||||
/* margin-top: 1rem;
|
||||
margin-bottom: 2rem; */
|
||||
/* padding: 1rem;
|
||||
padding-top:4rem; */
|
||||
/* padding-bottom: 4rem; */
|
||||
border: solid thin hsla(0, 0%, 0%, .9);
|
||||
border-radius: .5rem;
|
||||
box-shadow: 0 0 1rem hsla(0, 0%, 0%, .5);
|
||||
|
||||
min-height: 30%;
|
||||
/* max-height: 100vh; */
|
||||
min-width: 80%;
|
||||
|
||||
/* overflow-y: auto; */
|
||||
}
|
||||
</style>
|
||||
472
src/routes/events/[event_id]/location/location_page_menu.svelte
Normal file
472
src/routes/events/[event_id]/location/location_page_menu.svelte
Normal file
@@ -0,0 +1,472 @@
|
||||
<script lang="ts">
|
||||
export let data: any;
|
||||
export let log_lvl = 0;
|
||||
|
||||
import type { key_val } from '$lib/ae_stores';
|
||||
import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
|
||||
import { events_loc, events_sess, events_slct, events_trigger, events_trig_kv } from '$lib/ae_events_stores';
|
||||
import { events_func } from '$lib/ae_events_functions';
|
||||
|
||||
import Element_ae_crud from '$lib/element_ae_crud.svelte';
|
||||
import Element_data_store from '$lib/element_data_store_v2.svelte';
|
||||
|
||||
export let event_location_id: string;
|
||||
export let lq__event_location_obj: any;
|
||||
export let lq__auth__event_presenter_obj: any;
|
||||
|
||||
let ae_tmp: key_val = {};
|
||||
let ae_triggers: key_val = {};
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<!-- New standard page specific menu 2024-08-01 -->
|
||||
<div
|
||||
class="pres_mgmt__location_menu {ae_snip.classes__events_pres_mgmt_menu}"
|
||||
class:border-gray-100={!$events_loc.pres_mgmt.show_menu__location}
|
||||
>
|
||||
|
||||
<!-- BEGIN: The menu button options -->
|
||||
<div
|
||||
class="flex flex-row flex-wrap gap-1 items-center justify-around w-full">
|
||||
|
||||
<span
|
||||
class="ae_menu__navigation_options flex flex-row items-center justify-around"
|
||||
>
|
||||
<a href="/events_pres_mgmt/event/{$lq__event_location_obj?.event_id_random}" class="{ae_snip.classes__events_pres_mgmt_menu__button}">
|
||||
<span class="fas fa-arrow-left m-1"></span>
|
||||
Back to Session Search
|
||||
</a>
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="ae_menu__object_options flex flex-row items-center justify-around"
|
||||
>
|
||||
<!-- Button to toggle between the regular location view and managing location files -->
|
||||
<button
|
||||
type="button"
|
||||
on:click={() => {
|
||||
if ($events_loc.pres_mgmt.show_content__location_view == 'manage_files') {
|
||||
$events_loc.pres_mgmt.show_content__location_view = null;
|
||||
} else {
|
||||
$events_loc.pres_mgmt.show_content__location_view = 'manage_files';
|
||||
}
|
||||
}}
|
||||
class="{ae_snip.classes__events_pres_mgmt_menu__button_special}"
|
||||
class:variant-filled-primary={$events_loc.pres_mgmt.show_content__location_view == 'manage_files'}
|
||||
class:variant-glass-primary={$events_loc.pres_mgmt.show_content__location_view != 'manage_files'}
|
||||
class:hidden={!$ae_loc.trusted_access}
|
||||
title="Manage files for the location"
|
||||
>
|
||||
{#if $events_loc.pres_mgmt.show_content__location_view == 'manage_files'}
|
||||
<span class="fas fa-users m-1"></span>
|
||||
<!-- View Details -->
|
||||
Location Sessions?
|
||||
{:else}
|
||||
<span class="fas fa-file-archive m-1"></span>
|
||||
Location Files?
|
||||
<span
|
||||
class="badge badge-icon variant-glass-success absolute -top-1.5 -right-1.5 z-10"
|
||||
class:hidden={!$lq__event_location_obj?.file_count}
|
||||
>
|
||||
{$lq__event_location_obj?.file_count}×
|
||||
</span>
|
||||
{/if}
|
||||
</button>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
on:click={() => {
|
||||
if ($events_loc.pres_mgmt.show_menu__location == 'options') {
|
||||
$events_loc.pres_mgmt.show_menu__location = null;
|
||||
} else {
|
||||
$events_loc.pres_mgmt.show_menu__location = 'options';
|
||||
}
|
||||
}}
|
||||
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
|
||||
class:variant-filled-secondary={$events_loc.pres_mgmt.show_menu__location == 'options'}
|
||||
class:variant-glass-secondary={$events_loc.pres_mgmt.show_menu__location != 'options'}
|
||||
class:hidden={!$ae_loc.trusted_access}
|
||||
title="Options for the location"
|
||||
>
|
||||
<span class="fas fa-cog m-1"></span>
|
||||
{#if $events_loc.pres_mgmt.show_menu__location == 'options'}
|
||||
Hide
|
||||
{:else}
|
||||
Show
|
||||
{/if}
|
||||
Options?
|
||||
</button>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
on:click={() => {
|
||||
if ($events_loc.pres_mgmt.show_menu__location == 'help') {
|
||||
$events_loc.pres_mgmt.show_menu__location = null;
|
||||
} else {
|
||||
$events_loc.pres_mgmt.show_menu__location = 'help';
|
||||
}
|
||||
}}
|
||||
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
|
||||
class:variant-filled-secondary={$events_loc.pres_mgmt.show_menu__location == 'help'}
|
||||
class:variant-glass-secondary={$events_loc.pres_mgmt.show_menu__location != 'help'}
|
||||
title="Help and information about the location"
|
||||
>
|
||||
<span class="fas fa-question-circle m-1"></span>
|
||||
{#if $events_loc.pres_mgmt.show_menu__location == 'help'}
|
||||
Hide Help?
|
||||
{:else}
|
||||
Help?
|
||||
{/if}
|
||||
</button>
|
||||
</span>
|
||||
|
||||
<!-- <span
|
||||
class="ae_menu__action_options"
|
||||
class:hidden={!$ae_loc.administrator_access}
|
||||
>
|
||||
No Actions
|
||||
</span> -->
|
||||
|
||||
|
||||
</div> <!-- END: The menu button options -->
|
||||
|
||||
|
||||
<!-- BEGIN: The expanded menu area for information and options -->
|
||||
<div
|
||||
class="flex flex-row items-center justify-around w-full bg-blue-100 hover:bg-blue-200 border border-blue-200 hover:border-blue-400 p-2 rounded-md"
|
||||
class:hidden={$events_loc.pres_mgmt.show_menu__location != 'options'}
|
||||
>
|
||||
|
||||
<Element_ae_crud
|
||||
trigger_patch={ae_triggers.priority}
|
||||
api_cfg={$ae_api}
|
||||
object_type={'event_location'}
|
||||
object_id={$lq__event_location_obj?.event_location_id_random}
|
||||
field_name={'priority'}
|
||||
field_type={'button'}
|
||||
field_value={ae_tmp.value__priority}
|
||||
allow_null={true}
|
||||
hide_edit_btn={true}
|
||||
outline_element={false}
|
||||
show_crud={false}
|
||||
display_inline={true}
|
||||
class_li={'m-1'}
|
||||
on:ae_crud_updated={e => {
|
||||
console.log(`ae_crud_updated:`, e.detail);
|
||||
|
||||
events_func.load_ae_obj_id__event_location({
|
||||
api_cfg: $ae_api,
|
||||
event_location_id: $lq__event_location_obj?.event_location_id_random,
|
||||
log_lvl: log_lvl
|
||||
});
|
||||
}}
|
||||
>
|
||||
<!-- {@html $lq__event_location_obj?.priority ? '<span class="fas fa-star m-1"></span> High Priority' : '<span class="far fa-star m-1"></span> Priority not set'} -->
|
||||
<button
|
||||
on:click={() => {
|
||||
ae_tmp.value__priority = !$lq__event_location_obj?.priority;
|
||||
|
||||
// $events_slct.exhibit_tracking_obj.priority = !$lq__event_location_obj?.priority;
|
||||
ae_triggers.priority = true;
|
||||
}}
|
||||
class="btn btn-sm m-1 transition-all hover:transition-all *:hover:inline"
|
||||
class:variant-ringed-surface={!$lq__event_location_obj?.priority}
|
||||
class:variant-ghost-success={$lq__event_location_obj?.priority}
|
||||
>
|
||||
{#if $lq__event_location_obj?.priority}
|
||||
<span class="fas fa-star m-1"></span>
|
||||
<!-- <span class="fas fa-arrow-down m-1"></span> -->
|
||||
<span class="hidden">
|
||||
Not Priority?
|
||||
</span>
|
||||
{:else}
|
||||
<!-- <span class="fas fa-toggle-off m-1"></span> -->
|
||||
<span class="far fa-star m-1"></span>
|
||||
<span class="hidden">
|
||||
Priority
|
||||
</span>
|
||||
?
|
||||
{/if}
|
||||
</button>
|
||||
</Element_ae_crud>
|
||||
|
||||
|
||||
<Element_ae_crud
|
||||
trigger_patch={ae_triggers.hide}
|
||||
api_cfg={$ae_api}
|
||||
object_type={'event_location'}
|
||||
object_id={$lq__event_location_obj?.event_location_id_random}
|
||||
field_name={'hide'}
|
||||
field_type={'button'}
|
||||
field_value={ae_tmp.value__hide}
|
||||
allow_null={false}
|
||||
hide_edit_btn={true}
|
||||
outline_element={false}
|
||||
show_crud={false}
|
||||
display_inline={true}
|
||||
class_li={'m-1'}
|
||||
on:ae_crud_updated={e => {
|
||||
console.log(`ae_crud_updated:`, e.detail);
|
||||
|
||||
events_func.load_ae_obj_id__event_location({
|
||||
api_cfg: $ae_api,
|
||||
event_location_id: $lq__event_location_obj?.event_location_id_random,
|
||||
log_lvl: log_lvl
|
||||
});
|
||||
}}
|
||||
>
|
||||
<!-- {($lq__event_location_obj?.hide ? 'Hidden' : 'Not Hidden')} -->
|
||||
<button
|
||||
on:click={() => {
|
||||
ae_tmp.value__hide = !$lq__event_location_obj?.hide;
|
||||
|
||||
// $events_slct.exhibit_tracking_obj.hide = !$lq__event_location_obj?.hide;
|
||||
ae_triggers.hide = true;
|
||||
}}
|
||||
class="btn btn-sm m-1 transition-all hover:transition-all *:hover:inline"
|
||||
class:variant-ghost-success={!$lq__event_location_obj?.hide}
|
||||
class:variant-ringed-warning={$lq__event_location_obj?.hide}
|
||||
disabled={!$ae_loc.trusted_access}
|
||||
>
|
||||
{#if $lq__event_location_obj?.hide}
|
||||
<span class="fas fa-toggle-on m-1"></span>
|
||||
Unhide?
|
||||
{:else}
|
||||
<!-- <span class="fas fa-toggle-off m-1"></span> -->
|
||||
<span class="fas fa-eye m-1"></span>
|
||||
<span class="hidden">
|
||||
Not Hidden
|
||||
</span>
|
||||
{/if}
|
||||
<!-- {@html ($lq__event_location_obj?.hide ? '<span class="fas fa-eye m-1"></span> Unhide?' : '<span class="fas fa-eye-slash m-1"></span> Hide?')} -->
|
||||
</button>
|
||||
</Element_ae_crud>
|
||||
|
||||
|
||||
<!-- Enable/Disable -->
|
||||
<Element_ae_crud
|
||||
trigger_patch={ae_triggers.enable}
|
||||
api_cfg={$ae_api}
|
||||
object_type={'event_location'}
|
||||
object_id={$lq__event_location_obj?.event_location_id_random}
|
||||
field_name={'enable'}
|
||||
field_type={'button'}
|
||||
field_value={ae_tmp.value__enable}
|
||||
allow_null={false}
|
||||
hide_edit_btn={true}
|
||||
outline_element={false}
|
||||
show_crud={false}
|
||||
display_inline={true}
|
||||
class_li={'m-1'}
|
||||
on:ae_crud_updated={e => {
|
||||
console.log(`ae_crud_updated:`, e.detail);
|
||||
|
||||
events_func.load_ae_obj_id__event_location({
|
||||
api_cfg: $ae_api,
|
||||
event_location_id: $lq__event_location_obj?.event_location_id_random,
|
||||
log_lvl: log_lvl
|
||||
})
|
||||
.then(function (load_results) {
|
||||
// Maybe reload page?
|
||||
// window.location.reload();
|
||||
});
|
||||
}}
|
||||
>
|
||||
<!-- {($lq__event_location_obj?.enable ? 'Enabled' : 'Disabled')} -->
|
||||
<button
|
||||
on:click={() => {
|
||||
ae_tmp.value__enable = !$lq__event_location_obj?.enable;
|
||||
|
||||
// $events_slct.exhibit_tracking_obj.hide = !$lq__event_location_obj?.hide;
|
||||
ae_triggers.enable = true;
|
||||
}}
|
||||
class="btn btn-sm"
|
||||
class:variant-ghost-success={$lq__event_location_obj?.enable}
|
||||
class:variant-ringed-warning={!$lq__event_location_obj?.enable}
|
||||
disabled={!$ae_loc.manager_access}
|
||||
>
|
||||
{#if $lq__event_location_obj?.enable}
|
||||
<span class="fas fa-toggle-on m-1"></span>
|
||||
Enabled
|
||||
{:else}
|
||||
<span class="fas fa-toggle-off m-1"></span>
|
||||
Enable?
|
||||
{/if}
|
||||
<!-- {@html ($lq__event_location_obj?.enable ? '<span class="fas fa-toggle-on m-1"></span> Disable?' : '<span class="fas fa-toggle-off m-1"></span> Enable?')} -->
|
||||
</button>
|
||||
</Element_ae_crud>
|
||||
|
||||
|
||||
<!-- Sort -->
|
||||
|
||||
|
||||
<!-- Group -->
|
||||
|
||||
{#if $ae_loc.administrator_access}
|
||||
<div
|
||||
class="flex flex-col gap-1 items-center"
|
||||
>
|
||||
<!-- {#if $events_loc.pres_mgmt.show_content__location_qr}
|
||||
<button
|
||||
disabled={!$ae_loc.manager_access}
|
||||
on:click={() => {
|
||||
$events_loc.pres_mgmt.show_content__location_qr = false;
|
||||
}}
|
||||
class="btn btn-sm variant-ghost-success"
|
||||
>
|
||||
<span class="fas fa-toggle-on m-1"></span>
|
||||
Showing QR Code
|
||||
</button>
|
||||
{:else}
|
||||
<button
|
||||
disabled={!$ae_loc.manager_access}
|
||||
on:click={() => {
|
||||
$events_loc.pres_mgmt.show_content__location_qr = true;
|
||||
}}
|
||||
class="btn btn-sm variant-ringed-warning"
|
||||
>
|
||||
<span class="fas fa-toggle-off m-1"></span>
|
||||
Show QR Code?
|
||||
</button>
|
||||
{/if} -->
|
||||
|
||||
<!-- Button to toggle between showing and not showing the launcher and location links -->
|
||||
{#if $events_loc.pres_mgmt.show_content__launcher_link || $events_loc.pres_mgmt.show_content__location_link}
|
||||
<button
|
||||
disabled={!$ae_loc.administrator_access}
|
||||
on:click={() => {
|
||||
$events_loc.pres_mgmt.show_content__launcher_link = false;
|
||||
$events_loc.pres_mgmt.show_content__location_link = false;
|
||||
}}
|
||||
class="btn btn-sm variant-ghost-success"
|
||||
>
|
||||
<span class="fas fa-toggle-on m-1"></span>
|
||||
Showing Links
|
||||
</button>
|
||||
{:else}
|
||||
<button
|
||||
disabled={!$ae_loc.administrator_access}
|
||||
on:click={() => {
|
||||
$events_loc.pres_mgmt.show_content__launcher_link = true;
|
||||
$events_loc.pres_mgmt.show_content__location_link = true;
|
||||
}}
|
||||
class="btn btn-sm variant-ringed-warning"
|
||||
>
|
||||
<span class="fas fa-toggle-off m-1"></span>
|
||||
Show Links?
|
||||
</button>
|
||||
{/if}
|
||||
|
||||
{#if $events_loc.pres_mgmt.show_content__session_files}
|
||||
<button
|
||||
disabled={!$ae_loc.manager_access}
|
||||
on:click={() => {
|
||||
$events_loc.pres_mgmt.show_content__session_files = false;
|
||||
}}
|
||||
class="btn btn-sm variant-ghost-success"
|
||||
>
|
||||
<span class="fas fa-toggle-on m-1"></span>
|
||||
Showing Files
|
||||
</button>
|
||||
{:else}
|
||||
<button
|
||||
disabled={!$ae_loc.manager_access}
|
||||
on:click={() => {
|
||||
$events_loc.pres_mgmt.show_content__session_files = true;
|
||||
}}
|
||||
class="btn btn-sm variant-ringed-warning"
|
||||
>
|
||||
<span class="fas fa-toggle-off m-1"></span>
|
||||
Show Files?
|
||||
</button>
|
||||
{/if}
|
||||
|
||||
{#if $events_loc.pres_mgmt.show_content__session_presentations}
|
||||
<button
|
||||
disabled={!$ae_loc.manager_access}
|
||||
on:click={() => {
|
||||
$events_loc.pres_mgmt.show_content__session_presentations = false;
|
||||
}}
|
||||
class="btn btn-sm variant-ghost-success"
|
||||
>
|
||||
<span class="fas fa-toggle-on m-1"></span>
|
||||
Showing Presentations
|
||||
</button>
|
||||
{:else}
|
||||
<button
|
||||
disabled={!$ae_loc.manager_access}
|
||||
on:click={() => {
|
||||
$events_loc.pres_mgmt.show_content__session_presentations = true;
|
||||
}}
|
||||
class="btn btn-sm variant-ringed-warning"
|
||||
>
|
||||
<span class="fas fa-toggle-off m-1"></span>
|
||||
Show Presentations?
|
||||
</button>
|
||||
{/if}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
{#if $ae_loc.trusted_access}
|
||||
{#if $ae_loc.edit_mode}
|
||||
<button
|
||||
on:click={() => {
|
||||
$ae_loc.edit_mode = false;
|
||||
}}
|
||||
class="btn btn-sm variant-ghost-success"
|
||||
>
|
||||
<!-- <span class="fas fa-toggle-on m-1"></span> -->
|
||||
<span class="fas fa-edit m-1"></span>
|
||||
Edit Mode On
|
||||
</button>
|
||||
{:else}
|
||||
<button
|
||||
on:click={() => {
|
||||
$ae_loc.edit_mode = true;
|
||||
}}
|
||||
class="btn btn-sm variant-ringed-warning"
|
||||
>
|
||||
<span class="fas fa-toggle-off m-1"></span>
|
||||
<!-- <span class="fas fa-edit m-1"></span> -->
|
||||
Edit Mode?
|
||||
</button>
|
||||
{/if}
|
||||
{/if}
|
||||
|
||||
</div> <!-- END: The expanded menu area for information and options -->
|
||||
|
||||
|
||||
<Element_data_store
|
||||
ds_code="events__pres_mgmt__location_help"
|
||||
ds_name="Default: Events - Pres Mgmt Session Help"
|
||||
ds_type="html"
|
||||
for_type="event"
|
||||
for_id={$lq__event_location_obj?.event_id_random}
|
||||
class_li="bg-yellow-100 border border-yellow-400 p-2 rounded-md max-w-xl"
|
||||
show_edit={false}
|
||||
show_edit_btn={true}
|
||||
hide={$events_loc.pres_mgmt.show_menu__location != 'help'}
|
||||
/>
|
||||
|
||||
<div>
|
||||
<button
|
||||
type="button"
|
||||
on:click={() => {
|
||||
$events_loc.pres_mgmt.show_menu__location = !$events_loc.pres_mgmt.show_menu__location;
|
||||
}}
|
||||
class="btn btn-sm mx-1 variant-ghost-error hover:variant-filled-error"
|
||||
class:hidden={!$events_loc.pres_mgmt.show_menu__location}
|
||||
title="Collapse the expanded menu"
|
||||
>
|
||||
<span class="fas fa-chevron-up m-1"></span>
|
||||
{#if $events_loc.pres_mgmt.show_menu__location}
|
||||
Hide
|
||||
<!-- Collapse -->
|
||||
{:else}
|
||||
Show
|
||||
{/if}
|
||||
<!-- Menu? -->
|
||||
</button>
|
||||
</div>
|
||||
</div> <!-- End of the new standard page specific menu -->
|
||||
670
src/routes/events/[event_id]/reports/+page.svelte
Normal file
670
src/routes/events/[event_id]/reports/+page.svelte
Normal file
@@ -0,0 +1,670 @@
|
||||
<script lang="ts">
|
||||
/** @type {import('./$types').PageData} */
|
||||
export let data: any;
|
||||
let log_lvl = 0;
|
||||
// console.log(`ae_events_pres_mgmt event [slug] +page.svelte data:`, data);
|
||||
|
||||
import { onMount } from 'svelte';
|
||||
|
||||
import type { key_val } from '$lib/ae_stores';
|
||||
import { ae_util } from '$lib/ae_utils';
|
||||
// import Element_data_store from '$lib/element_data_store_v2.svelte';
|
||||
import Comp_event_file_obj_tbl from '../../../events_pres_mgmt/ae_comp__event_file_obj_tbl.svelte';
|
||||
import Comp_event_session_obj_tbl from '../../../events_pres_mgmt/ae_comp__event_session_obj_tbl_wrapper.svelte';
|
||||
import Comp_event_presenter_obj_tbl from '../../../events_pres_mgmt/ae_comp__event_presenter_obj_tbl_wrapper.svelte';
|
||||
|
||||
import { liveQuery } from "dexie";
|
||||
// import { core_func } from '$lib/ae_core_functions';
|
||||
import { db_events } from "$lib/db_events";
|
||||
import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
|
||||
import { events_loc, events_sess, events_slct, events_trigger } from '$lib/ae_events_stores';
|
||||
import { events_func } from '$lib/ae_events_functions';
|
||||
|
||||
import Event_reports_page_menu from './event_reports_page_menu.svelte';
|
||||
|
||||
// Quickly save the data passed from the parent(s) to the Svelte stores, localStorage, and other.
|
||||
$slct.account_id = data.account_id;
|
||||
console.log(`$slct.account_id = `, $slct.account_id);
|
||||
let ae_acct = data[$slct.account_id];
|
||||
console.log(`ae_acct = `, ae_acct);
|
||||
|
||||
$events_slct.event_id = ae_acct.slct.event_id;
|
||||
$events_slct.event_obj = ae_acct.slct.event_obj;
|
||||
$events_slct.event_session_obj_li = ae_acct.slct.event_session_obj_li;
|
||||
|
||||
let lq__event_obj = liveQuery(
|
||||
() => db_events.events.get($events_slct.event_id)
|
||||
);
|
||||
|
||||
// It is important that these not be set to a value! It messes with the Dexie LiveQuery.
|
||||
let event_file_id_random_li: Array<string>;
|
||||
let event_session_id_random_li: Array<string>;
|
||||
// let event_presentation_id_random_li: Array<string>;
|
||||
let event_presenter_id_random_li: Array<string>;
|
||||
|
||||
let load_obj_li_results: Promise<any>|key_val;
|
||||
let search_submit_results: Promise<any>|key_val;
|
||||
|
||||
let ae_promises: key_val = {};
|
||||
let ae_tmp: key_val = {};
|
||||
let ae_triggers: key_val = {};
|
||||
|
||||
|
||||
onMount(() => {
|
||||
console.log('Events Event [slug] Reports: +page.svelte');
|
||||
|
||||
if (!$events_slct.event_id) {
|
||||
console.log(`No ID! Nothing to show. Try setting the ID again.`);
|
||||
$events_slct.event_id = $events_slct.event_id;
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
async function handle_search__event_file(
|
||||
{
|
||||
created_on = null,
|
||||
ft_search_str = '',
|
||||
lk_search_str = '',
|
||||
params = {
|
||||
'qry__enabled': $events_loc.pres_mgmt.qry_enabled ?? 'enabled',
|
||||
'qry__hidden': $events_loc.pres_mgmt.qry_hidden ?? 'not_hidden',
|
||||
'qry__limit': $events_loc.pres_mgmt.qry_limit__files ?? 50,
|
||||
},
|
||||
try_cache=true,
|
||||
log_lvl=0,
|
||||
}: {
|
||||
created_on?: null|string,
|
||||
ft_search_str?: string,
|
||||
lk_search_str?: string,
|
||||
params?: key_val,
|
||||
try_cache?: boolean,
|
||||
log_lvl?: number,
|
||||
}
|
||||
) {
|
||||
console.log('handle_search__event_file()');
|
||||
|
||||
$events_sess.pres_mgmt.status_qry__search = 'loading';
|
||||
$events_sess.pres_mgmt.status_rpt[$events_sess.pres_mgmt.show_report] = 'loading';
|
||||
|
||||
ae_promises.search__event_file = events_func.search__event_file({
|
||||
api_cfg: $ae_api,
|
||||
event_id: $events_slct.event_id,
|
||||
created_on: created_on,
|
||||
fulltext_search_qry_str: ft_search_str,
|
||||
like_search_qry_str: lk_search_str,
|
||||
// external_event_id: $events_loc.pres_mgmt.default__external_registration_id,
|
||||
params: params,
|
||||
try_cache: try_cache,
|
||||
log_lvl: log_lvl,
|
||||
})
|
||||
.then(function (search_results) {
|
||||
// Processing the results from the search.
|
||||
$events_sess.pres_mgmt.status_qry__search = 'processing';
|
||||
$events_sess.pres_mgmt.status_rpt[$events_sess.pres_mgmt.show_report] = 'processing';
|
||||
$events_slct.event_file_obj_li = search_results;
|
||||
console.log(search_results);
|
||||
// $events_sess.pres_mgmt.status_qry__search = 'done';
|
||||
})
|
||||
.finally(() => {
|
||||
if (log_lvl) {
|
||||
console.log('TEST SEARCH - Search done. Pulling out the event_file_id_randoms.');
|
||||
}
|
||||
// console.log(`TEST search: ${$lq_kv__event_file_obj_li}`);
|
||||
|
||||
event_file_id_random_li = [];
|
||||
|
||||
// We need to loop through the array of objects and get the event_file_id_random from each object a new list of event_file_id_randoms. Then we can use this list to get the full objects from the database.
|
||||
let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
|
||||
for (let i = 0; i < $events_slct.event_file_obj_li.length; i++) {
|
||||
tmp_li.push($events_slct.event_file_obj_li[i].event_file_id_random);
|
||||
}
|
||||
event_file_id_random_li = tmp_li;
|
||||
|
||||
// event_file_id_random_li = $events_slct.event_file_obj_li.map(file_obj => file_obj.event_file_id_random);
|
||||
|
||||
// Finally done with the search.
|
||||
$events_sess.pres_mgmt.status_qry__search = 'done';
|
||||
$events_sess.pres_mgmt.status_rpt[$events_sess.pres_mgmt.show_report] = 'done';
|
||||
|
||||
if (log_lvl > 1) {
|
||||
console.log(`TEST SEARCH - event_file_id_random_li:`, event_file_id_random_li);
|
||||
// console.log(`TEST SEARCH - search live query: ${$lq_kv__event_file_obj_li}`);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
async function handle_search__event_session(
|
||||
{
|
||||
poc_agree = null,
|
||||
ft_search_str = '',
|
||||
lk_search_str = '',
|
||||
params = {
|
||||
'qry__enabled': $events_loc.pres_mgmt.qry_enabled ?? 'enabled',
|
||||
'qry__hidden': $events_loc.pres_mgmt.qry_hidden ?? 'not_hidden',
|
||||
'qry__limit': $events_loc.pres_mgmt.qry_limit__sessions ?? 150,
|
||||
},
|
||||
try_cache=true,
|
||||
log_lvl=0,
|
||||
}: {
|
||||
poc_agree?: null|boolean,
|
||||
ft_search_str?: string,
|
||||
lk_search_str?: string,
|
||||
params?: key_val,
|
||||
try_cache?: boolean,
|
||||
log_lvl?: number,
|
||||
}
|
||||
) {
|
||||
if (log_lvl) {
|
||||
console.log('handle_search__event_session()');
|
||||
}
|
||||
|
||||
$events_sess.pres_mgmt.status_qry__search = 'loading';
|
||||
$events_sess.pres_mgmt.status_rpt[$events_sess.pres_mgmt.show_report] = 'loading';
|
||||
|
||||
ae_promises.handle_search__event_session = events_func.search__event_session({
|
||||
api_cfg: $ae_api,
|
||||
event_id: $events_slct.event_id,
|
||||
poc_agree: poc_agree,
|
||||
fulltext_search_qry_str: ft_search_str,
|
||||
like_search_qry_str: lk_search_str,
|
||||
// external_event_id: $events_loc.pres_mgmt.default__external_registration_id,
|
||||
params: params,
|
||||
try_cache: try_cache,
|
||||
log_lvl: log_lvl,
|
||||
})
|
||||
.then(function (search_results) {
|
||||
// Processing the results from the search.
|
||||
$events_sess.pres_mgmt.status_qry__search = 'processing';
|
||||
$events_sess.pres_mgmt.status_rpt[$events_sess.pres_mgmt.show_report] = 'processing';
|
||||
$events_slct.event_session_obj_li = search_results;
|
||||
console.log(search_results);
|
||||
// $events_sess.pres_mgmt.status_qry__search = 'done';
|
||||
})
|
||||
.finally(() => {
|
||||
if (log_lvl) {
|
||||
console.log('API query done. Pulling out the event_session_id_random values.');
|
||||
}
|
||||
// console.log(`TEST search: ${$lq_kv__event_session_obj_li}`);
|
||||
|
||||
event_session_id_random_li = [];
|
||||
|
||||
// We need to loop through the array of objects and get the event_session_id_random from each object a new list of event_session_id_randoms. Then we can use this list to get the full objects from the database.
|
||||
let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
|
||||
if ($events_slct.event_session_obj_li) {
|
||||
for (let i = 0; i < $events_slct.event_session_obj_li.length; i++) {
|
||||
tmp_li.push($events_slct.event_session_obj_li[i].event_session_id_random);
|
||||
}
|
||||
}
|
||||
event_session_id_random_li = tmp_li;
|
||||
|
||||
// event_session_id_random_li = $events_slct.event_session_obj_li.map(session_obj => session_obj.event_session_id_random);
|
||||
|
||||
// Finally done with the search.
|
||||
$events_sess.pres_mgmt.status_qry__search = 'done';
|
||||
$events_sess.pres_mgmt.status_rpt[$events_sess.pres_mgmt.show_report] = 'done';
|
||||
|
||||
if (log_lvl > 1) {
|
||||
console.log(`TEST SEARCH - event_session_id_random_li:`, event_session_id_random_li);
|
||||
// console.log(`TEST SEARCH - search live query: ${$lq_kv__event_session_obj_li}`);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
|
||||
async function handle_search__event_presenter(
|
||||
{
|
||||
agree = null,
|
||||
biography = null,
|
||||
ft_search_str = '',
|
||||
lk_search_str = '',
|
||||
params = {
|
||||
'qry__enabled': $events_loc.pres_mgmt.qry_enabled ?? 'enabled',
|
||||
'qry__hidden': $events_loc.pres_mgmt.qry_hidden ?? 'not_hidden',
|
||||
'qry__limit': $events_loc.pres_mgmt.qry_limit__presenters ?? 200,
|
||||
},
|
||||
try_cache=true,
|
||||
log_lvl=0,
|
||||
}: {
|
||||
agree?: null|boolean,
|
||||
biography?: null|boolean,
|
||||
ft_search_str?: string,
|
||||
lk_search_str?: string,
|
||||
search_delay?: number, // In milliseconds
|
||||
max_tries?: number,
|
||||
params?: key_val,
|
||||
try_cache?: boolean,
|
||||
log_lvl?: number,
|
||||
}
|
||||
) {
|
||||
if (log_lvl) {
|
||||
console.log('handle_search__event_presenter()');
|
||||
}
|
||||
|
||||
$events_sess.pres_mgmt.status_qry__search = 'loading';
|
||||
$events_sess.pres_mgmt.status_rpt[$events_sess.pres_mgmt.show_report] = 'loading';
|
||||
|
||||
let order_by_li = {'updated_on': 'DESC', 'priority': 'DESC', 'sort': 'DESC', 'given_name': 'ASC', 'family_name': 'ASC', 'email': 'ASC', 'created_on': 'DESC'};
|
||||
|
||||
ae_promises.search__event_presenter = events_func.search__event_presenter({
|
||||
api_cfg: $ae_api,
|
||||
event_id: $events_slct.event_id,
|
||||
agree: agree,
|
||||
biography: biography,
|
||||
fulltext_search_qry_str: ft_search_str,
|
||||
ft_presenter_search_qry_str: null,
|
||||
like_search_qry_str: lk_search_str,
|
||||
like_presentation_search_qry_str: lk_search_str,
|
||||
like_presenter_search_qry_str: lk_search_str,
|
||||
// external_event_id: $events_loc.pres_mgmt.default__external_registration_id,
|
||||
order_by_li: order_by_li,
|
||||
params: params,
|
||||
try_cache: try_cache,
|
||||
log_lvl: log_lvl,
|
||||
})
|
||||
.then(function (search_results) {
|
||||
// Processing the results from the search.
|
||||
$events_sess.pres_mgmt.status_qry__search = 'processing';
|
||||
$events_sess.pres_mgmt.status_rpt[$events_sess.pres_mgmt.show_report] = 'processing';
|
||||
$events_slct.event_presenter_obj_li = search_results;
|
||||
console.log(search_results);
|
||||
// $events_sess.pres_mgmt.status_qry__search = 'done';
|
||||
})
|
||||
.finally(() => {
|
||||
if (log_lvl) {
|
||||
console.log('TEST SEARCH - Search done. Pulling out the event_presenter_id_randoms.');
|
||||
}
|
||||
// console.log(`TEST search: ${$lq_kv__event_presenter_obj_li}`);
|
||||
|
||||
event_presenter_id_random_li = [];
|
||||
|
||||
// We need to loop through the array of objects and get the event_presenter_id_random from each object a new list of event_presenter_id_randoms. Then we can use this list to get the full objects from the database.
|
||||
let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
|
||||
for (let i = 0; i < $events_slct.event_presenter_obj_li.length; i++) {
|
||||
tmp_li.push($events_slct.event_presenter_obj_li[i].event_presenter_id_random);
|
||||
}
|
||||
event_presenter_id_random_li = tmp_li;
|
||||
|
||||
// event_presenter_id_random_li = $events_slct.event_presenter_obj_li.map(presenter_obj => presenter_obj.event_presenter_id_random);
|
||||
|
||||
// Finally done with the search.
|
||||
$events_sess.pres_mgmt.status_qry__search = 'done';
|
||||
$events_sess.pres_mgmt.status_rpt[$events_sess.pres_mgmt.show_report] = 'done';
|
||||
|
||||
if (log_lvl > 1) {
|
||||
console.log(`TEST SEARCH - event_presenter_id_random_li:`, event_presenter_id_random_li);
|
||||
// console.log(`TEST SEARCH - search live query: ${$lq_kv__event_presenter_obj_li}`);
|
||||
}
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
async function handle_qry__event_session(
|
||||
{
|
||||
qry_files = false,
|
||||
// file_count = false,
|
||||
// file_count_all = null,
|
||||
// ft_search_str = '',
|
||||
// lk_search_str = '',
|
||||
enabled = $events_loc.pres_mgmt.qry_enabled ?? 'enabled',
|
||||
hidden = $events_loc.pres_mgmt.qry_hidden ?? 'not_hidden',
|
||||
limit = $events_loc.pres_mgmt.qry_limit__sessions ?? 150,
|
||||
log_lvl=0,
|
||||
}: {
|
||||
qry_files?: boolean,
|
||||
// file_count?: boolean,
|
||||
// file_count_all?: null|number,
|
||||
// ft_search_str?: string,
|
||||
// lk_search_str?: string,
|
||||
enabled?: string,
|
||||
hidden?: string,
|
||||
limit?: number,
|
||||
log_lvl?: number,
|
||||
}
|
||||
) {
|
||||
console.log('handle_qry__event_session()');
|
||||
|
||||
$events_sess.pres_mgmt.status_qry__search = 'loading';
|
||||
$events_sess.pres_mgmt.status_rpt[$events_sess.pres_mgmt.show_report] = 'loading';
|
||||
|
||||
ae_promises.handle_qry__event_session = events_func.qry__event_session({
|
||||
api_cfg: $ae_api,
|
||||
event_id: $events_slct.event_id,
|
||||
// file_count_all: file_count_all,
|
||||
// fulltext_search_qry_str: ft_search_str,
|
||||
// like_search_qry_str: lk_search_str,
|
||||
// external_event_id: $events_loc.pres_mgmt.default__external_registration_id,
|
||||
qry_files: qry_files,
|
||||
qry_start_datetime: null,
|
||||
enabled: enabled,
|
||||
hidden: hidden,
|
||||
limit: limit,
|
||||
log_lvl: log_lvl,
|
||||
})
|
||||
.then(function (search_results) {
|
||||
// Processing the results from the search.
|
||||
$events_sess.pres_mgmt.status_qry__search = 'processing';
|
||||
$events_sess.pres_mgmt.status_rpt[$events_sess.pres_mgmt.show_report] = 'processing';
|
||||
$events_slct.event_session_obj_li = search_results;
|
||||
if (log_lvl) {
|
||||
console.log(`Search results:`, search_results);
|
||||
}
|
||||
// $events_sess.pres_mgmt.status_qry__search = 'done';
|
||||
})
|
||||
.finally(() => {
|
||||
if (log_lvl) {
|
||||
console.log('API query done. Pulling out the event_session_id_random values.');
|
||||
}
|
||||
// console.log(`TEST search: ${$lq_kv__event_session_obj_li}`);
|
||||
|
||||
event_session_id_random_li = [];
|
||||
|
||||
// We need to loop through the array of objects and get the event_session_id_random from each object a new list of event_session_id_randoms. Then we can use this list to get the full objects from the database.
|
||||
let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
|
||||
if ($events_slct.event_session_obj_li) {
|
||||
for (let i = 0; i < $events_slct.event_session_obj_li.length; i++) {
|
||||
tmp_li.push($events_slct.event_session_obj_li[i].event_session_id_random);
|
||||
}
|
||||
}
|
||||
event_session_id_random_li = tmp_li;
|
||||
|
||||
// event_session_id_random_li = $events_slct.event_session_obj_li.map(session_obj => session_obj.event_session_id_random);
|
||||
|
||||
// Finally done with the search.
|
||||
$events_sess.pres_mgmt.status_qry__search = 'done';
|
||||
$events_sess.pres_mgmt.status_rpt[$events_sess.pres_mgmt.show_report] = 'done';
|
||||
|
||||
if (log_lvl > 1) {
|
||||
console.log(`TEST SEARCH - event_session_id_random_li:`, event_session_id_random_li);
|
||||
// console.log(`TEST SEARCH - search live query: ${$lq_kv__event_session_obj_li}`);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<title>
|
||||
Reports: {ae_util.shorten_string({string: $lq__event_obj?.name, max_length: 12})}
|
||||
({$lq__event_obj?.event_id}) - Pres Mgmt - {$events_loc?.title}
|
||||
</title>
|
||||
</svelte:head>
|
||||
|
||||
|
||||
<section
|
||||
class="
|
||||
ae_events_pres_mgmt_event
|
||||
md:container h-full mx-auto
|
||||
flex flex-col gap-1
|
||||
py-1 px-2 pb-16
|
||||
items-center
|
||||
min-w-100
|
||||
w-3/4
|
||||
max-w-max
|
||||
"
|
||||
>
|
||||
<!-- lg:bg-green-100
|
||||
xl:bg-green-200 -->
|
||||
|
||||
|
||||
{#if $lq__event_obj}
|
||||
<header>
|
||||
<h2 class="h3 text-center hidden md:block">{$lq__event_obj?.name}</h2>
|
||||
<h3 class="h4 text-center">Presentations - Reports</h3>
|
||||
</header>
|
||||
{/if}
|
||||
|
||||
|
||||
<Event_reports_page_menu
|
||||
data={data}
|
||||
lq__event_obj={lq__event_obj}
|
||||
/>
|
||||
|
||||
|
||||
<div class="variant-ghost-success my-2 p-2 rounded-md flex flex-row flex-wrap gap-1 items-center justify-center">
|
||||
|
||||
<button
|
||||
type="button"
|
||||
disabled={!$ae_loc.trusted_access}
|
||||
on:click={() => {
|
||||
ae_promises.handle_search__event_session = handle_search__event_session({
|
||||
poc_agree: true,
|
||||
ft_search_str: '',
|
||||
lk_search_str: '',
|
||||
log_lvl: log_lvl,
|
||||
});
|
||||
$events_sess.pres_mgmt.show_report = 'sessions_poc_agree';
|
||||
}}
|
||||
class="btn btn-sm variant-ghost-success hover:variant-filled-success transition-all m-1"
|
||||
class:hidden={!$events_loc.pres_mgmt?.require__session_agree}
|
||||
title="Show POCs who have agreed to session terms and conditions."
|
||||
>
|
||||
{#if $events_sess.pres_mgmt?.show_report == 'sessions_poc_agree' && $events_sess.pres_mgmt.status_rpt[$events_sess.pres_mgmt?.show_report] == 'loading'}
|
||||
<span class="fas fa-spinner fa-spin"></span>
|
||||
{/if}
|
||||
<span class="fas fa-check m-1"></span>
|
||||
Session {$events_loc.pres_mgmt?.label__session_poc_name}s Agreed
|
||||
</button>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
disabled={!$ae_loc.trusted_access}
|
||||
on:click={() => {
|
||||
ae_promises.handle_search__event_presenter = handle_search__event_presenter({
|
||||
agree: true,
|
||||
ft_search_str: '',
|
||||
lk_search_str: '',
|
||||
log_lvl: log_lvl,
|
||||
});
|
||||
$events_sess.pres_mgmt.show_report = 'presenters_agree';
|
||||
// $events_sess.pres_mgmt.show_report__presenters_agree = !$events_sess.pres_mgmt.show_report__presenters_agree;
|
||||
// $events_sess.pres_mgmt.show_report__presenters_biography = false;
|
||||
// $events_sess.pres_mgmt.show_report__recent_files = false;
|
||||
}}
|
||||
class="btn btn-sm variant-ghost-success hover:variant-filled-success transition-all m-1"
|
||||
title="Show presenters who have agreed to present."
|
||||
>
|
||||
<!-- {#await ae_promises.handle_search__event_presenter}
|
||||
<span class="fas fa-spinner fa-spin"></span>
|
||||
{/await} -->
|
||||
{#if $events_sess.pres_mgmt?.show_report == 'presenters_agree' && $events_sess.pres_mgmt.status_rpt[$events_sess.pres_mgmt?.show_report] == 'loading'}
|
||||
<span class="fas fa-spinner fa-spin"></span>
|
||||
{/if}
|
||||
<span class="fas fa-check m-1"></span>
|
||||
Presenters Agreed
|
||||
</button>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
disabled={!$ae_loc.trusted_access}
|
||||
on:click={() => {
|
||||
handle_search__event_presenter({
|
||||
biography: true,
|
||||
ft_search_str: '',
|
||||
lk_search_str: '',
|
||||
log_lvl: log_lvl,
|
||||
});
|
||||
$events_sess.pres_mgmt.show_report = 'presenters_biography';
|
||||
// $events_sess.pres_mgmt.show_report__presenters_biography = !$events_sess.pres_mgmt.show_report__presenters_biography;
|
||||
// $events_sess.pres_mgmt.show_report__presenters_agree = false;
|
||||
// $events_sess.pres_mgmt.show_report__recent_files = false;
|
||||
}}
|
||||
class="btn btn-sm variant-ghost-success hover:variant-filled-success transition-all m-1"
|
||||
title="NOT READY YET: Show presenters with bios."
|
||||
>
|
||||
{#if $events_sess.pres_mgmt?.show_report == 'presenters_biography' && $events_sess.pres_mgmt.status_rpt[$events_sess.pres_mgmt?.show_report] == 'loading'}
|
||||
<span class="fas fa-spinner fa-spin"></span>
|
||||
{/if}
|
||||
<span class="fas fa-book m-1"></span>
|
||||
Presenter Bios
|
||||
</button>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
disabled={!$ae_loc.trusted_access}
|
||||
on:click={() => {
|
||||
handle_search__event_file({
|
||||
created_on: null,
|
||||
ft_search_str: '',
|
||||
lk_search_str: '',
|
||||
log_lvl: log_lvl,
|
||||
});
|
||||
$events_sess.pres_mgmt.show_report = 'recent_files';
|
||||
// $events_sess.pres_mgmt.show_report__presenters_agree = false;
|
||||
// $events_sess.pres_mgmt.show_report__presenters_biography = false;
|
||||
// $events_sess.pres_mgmt.show_report__recent_files = !$events_sess.pres_mgmt.show_report__recent_files;
|
||||
}}
|
||||
class="btn btn-sm variant-ghost-success hover:variant-filled-success transition-all m-1"
|
||||
title="Show recent file uploads."
|
||||
>
|
||||
{#if $events_sess.pres_mgmt?.show_report == 'recent_files' && $events_sess.pres_mgmt.status_rpt[$events_sess.pres_mgmt?.show_report] == 'loading'}
|
||||
<span class="fas fa-spinner fa-spin"></span>
|
||||
{/if}
|
||||
<span class="fas fa-file m-1"></span>
|
||||
Recent File Uploads
|
||||
</button>
|
||||
|
||||
<!-- Sessions without files uploaded -->
|
||||
<button
|
||||
type="button"
|
||||
disabled={!$ae_loc.trusted_access}
|
||||
on:click={() => {
|
||||
handle_qry__event_session({
|
||||
qry_files: false,
|
||||
});
|
||||
$events_sess.pres_mgmt.show_report = 'session_no_files';
|
||||
}}
|
||||
class="btn btn-sm variant-ghost-success hover:variant-filled-success transition-all m-1"
|
||||
title="Show sessions without files uploaded."
|
||||
>
|
||||
{#if $events_sess.pres_mgmt?.show_report == 'session_no_files' && $events_sess.pres_mgmt.status_rpt[$events_sess.pres_mgmt?.show_report] == 'loading'}
|
||||
<span class="fas fa-spinner fa-spin"></span>
|
||||
{/if}
|
||||
<span class="fas fa-clipboard-list m-1"></span>
|
||||
Sessions without Files
|
||||
</button>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!-- {#await load_obj_li_results}
|
||||
<span class="modal-loading">
|
||||
<span class="fas fa-spinner fa-spin"></span>
|
||||
<span class="loading-text">
|
||||
Loading...
|
||||
</span>
|
||||
</span>
|
||||
{:then load_obj_li_results}
|
||||
{#if load_obj_li_results}
|
||||
<span class="fas fa-check text-green-500"></span>
|
||||
<span class="saved-text">
|
||||
Loaded
|
||||
</span>
|
||||
{/if}
|
||||
{/await} -->
|
||||
|
||||
<!-- Show session POC that have agreed -->
|
||||
{#if $events_sess.pres_mgmt.show_report == 'sessions_poc_agree' && event_session_id_random_li}
|
||||
<h3 class="h4 text-center">Sessions POC Agreed</h3>
|
||||
|
||||
<Comp_event_session_obj_tbl
|
||||
link_to_type="event"
|
||||
link_to_id={$events_slct.event_id}
|
||||
bind:event_session_id_random_li={event_session_id_random_li}
|
||||
log_lvl={1}
|
||||
>
|
||||
</Comp_event_session_obj_tbl>
|
||||
{/if}
|
||||
|
||||
<!-- Show presenters that have agreed -->
|
||||
{#if $events_sess.pres_mgmt.show_report == 'presenters_agree' && event_presenter_id_random_li}
|
||||
<!-- <div class="overflow-x-auto"> -->
|
||||
<h3 class="h4 text-center">Presenters Agreed</h3>
|
||||
|
||||
<Comp_event_presenter_obj_tbl
|
||||
bind:event_presenter_id_random_li={event_presenter_id_random_li}
|
||||
show_presentation_fields={true}
|
||||
show_session_fields={true}
|
||||
log_lvl={log_lvl}
|
||||
>
|
||||
</Comp_event_presenter_obj_tbl>
|
||||
{/if}
|
||||
|
||||
<!-- Show presenters with bios -->
|
||||
{#if $events_sess.pres_mgmt.show_report == 'presenters_biography' && event_presenter_id_random_li}
|
||||
<h3 class="h4 text-center">Presenters with Bios</h3>
|
||||
|
||||
<Comp_event_presenter_obj_tbl
|
||||
bind:event_presenter_id_random_li={event_presenter_id_random_li}
|
||||
show_presentation_fields={true}
|
||||
show_session_fields={true}
|
||||
log_lvl={log_lvl}
|
||||
>
|
||||
</Comp_event_presenter_obj_tbl>
|
||||
{/if}
|
||||
|
||||
<!-- Show recently uploaded files -->
|
||||
{#if $events_sess.pres_mgmt.show_report == 'recent_files' && event_file_id_random_li}
|
||||
<h3 class="h4 text-center">Recent File Uploads</h3>
|
||||
|
||||
<Comp_event_file_obj_tbl
|
||||
bind:event_file_id_random_li={event_file_id_random_li}
|
||||
show_location_fields={true}
|
||||
show_presenter_fields={true}
|
||||
show_presentation_fields={true}
|
||||
show_session_fields={true}
|
||||
>
|
||||
</Comp_event_file_obj_tbl>
|
||||
{/if}
|
||||
|
||||
|
||||
<!-- Show sessions without files -->
|
||||
{#if $events_sess.pres_mgmt.show_report == 'session_no_files' && event_session_id_random_li}
|
||||
<h3 class="h4 text-center">Sessions without Files</h3>
|
||||
|
||||
<Comp_event_session_obj_tbl
|
||||
link_to_type="event"
|
||||
link_to_id={$events_slct.event_id}
|
||||
bind:event_session_id_random_li={event_session_id_random_li}
|
||||
log_lvl={1}
|
||||
>
|
||||
</Comp_event_session_obj_tbl>
|
||||
{/if}
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<style lang="postcss">
|
||||
/* Use the div.ae_quick_modal_container to block background clicks when using the section.ae_quick_popover. */
|
||||
/* div.ae_quick_modal_container {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 100;
|
||||
background-color: hsla(0, 0%, 0%, .5);
|
||||
} */
|
||||
|
||||
/* The section.ae_quick_popover should be above the rest of the content and centered on the page. */
|
||||
/* section.ae_quick_popover {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 100;
|
||||
background-color: hsla(0, 0%, 100%, .95);
|
||||
padding: 1rem;
|
||||
border-radius: .5rem;
|
||||
box-shadow: 0 0 1rem hsla(0, 0%, 0%, .5);
|
||||
|
||||
min-height: 30%;
|
||||
min-width: 80%;
|
||||
} */
|
||||
</style>
|
||||
@@ -0,0 +1,336 @@
|
||||
<script lang="ts">
|
||||
export let data: any;
|
||||
|
||||
import type { key_val } from '$lib/ae_stores';
|
||||
import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
|
||||
import { events_loc, events_sess, events_slct, events_trigger, events_trig_kv } from '$lib/ae_events_stores';
|
||||
// import { events_func } from '$lib/ae_events_functions';
|
||||
|
||||
// import Element_ae_crud from '$lib/element_ae_crud.svelte';
|
||||
import Element_data_store from '$lib/element_data_store_v2.svelte';
|
||||
import Comp__pres_mgmt_menu_nav from './../../ae_comp__events_menu_nav.svelte';
|
||||
|
||||
export let lq__event_obj: any;
|
||||
|
||||
let ae_tmp: key_val = {};
|
||||
let ae_triggers: key_val = {};
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<!-- New standard page specific menu 2024-08-02 -->
|
||||
<div
|
||||
class="pres_mgmt__event_reports {ae_snip.classes__events_pres_mgmt_menu}"
|
||||
class:border-gray-100={!$events_loc.pres_mgmt.show_menu__event_reports}
|
||||
>
|
||||
|
||||
<!-- BEGIN: The menu button options -->
|
||||
<div
|
||||
class="flex flex-row flex-wrap gap-1 items-center justify-around w-full">
|
||||
|
||||
<Comp__pres_mgmt_menu_nav
|
||||
hide={!$ae_loc.authenticated_access}
|
||||
event_id={$lq__event_obj?.event_id}
|
||||
ae_core={$ae_loc.administrator_access}
|
||||
events__locations={$ae_loc.administrator_access}
|
||||
events__reports={$ae_loc.trusted_access}
|
||||
events__session_search={$events_slct.event_id}
|
||||
/>
|
||||
|
||||
<span
|
||||
class="ae_menu__object_options flex flex-row items-center justify-around"
|
||||
>
|
||||
<!-- Button to toggle between showing and not showing the extended options menu -->
|
||||
<button
|
||||
type="button"
|
||||
on:click={() => {
|
||||
if ($events_loc.pres_mgmt.show_menu__event_reports == 'options') {
|
||||
$events_loc.pres_mgmt.show_menu__event_reports = null;
|
||||
} else {
|
||||
$events_loc.pres_mgmt.show_menu__event_reports = 'options';
|
||||
}
|
||||
}}
|
||||
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
|
||||
class:variant-filled-secondary={$events_loc.pres_mgmt.show_menu__event_reports == 'options'}
|
||||
class:variant-glass-secondary={$events_loc.pres_mgmt.show_menu__event_reports != 'options'}
|
||||
class:hidden={!$ae_loc.trusted_access}
|
||||
title="Options for the presenter"
|
||||
>
|
||||
<span class="fas fa-cog m-1"></span>
|
||||
{#if $events_loc.pres_mgmt.show_menu__event_reports == 'options'}
|
||||
Hide
|
||||
{:else}
|
||||
<span class="hidden">
|
||||
Show
|
||||
</span>
|
||||
{/if}
|
||||
Options?
|
||||
</button>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
on:click={() => {
|
||||
if ($events_loc.pres_mgmt.show_menu__event_reports == 'help') {
|
||||
$events_loc.pres_mgmt.show_menu__event_reports = null;
|
||||
} else {
|
||||
$events_loc.pres_mgmt.show_menu__event_reports = 'help';
|
||||
}
|
||||
}}
|
||||
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
|
||||
class:variant-filled-secondary={$events_loc.pres_mgmt.show_menu__event_reports == 'help'}
|
||||
class:variant-glass-secondary={$events_loc.pres_mgmt.show_menu__event_reports != 'help'}
|
||||
title="Help and information about the reports"
|
||||
>
|
||||
<span class="fas fa-question-circle mx-1"></span>
|
||||
{#if $events_loc.pres_mgmt.show_menu__event_reports == 'help'}
|
||||
Hide Help?
|
||||
{:else}
|
||||
Help?
|
||||
{/if}
|
||||
</button>
|
||||
</span>
|
||||
|
||||
|
||||
</div> <!-- END: The menu button options -->
|
||||
|
||||
|
||||
<!-- BEGIN: The expanded menu area for information and options -->
|
||||
<div
|
||||
class="flex flex-row items-center justify-around w-full bg-blue-100 hover:bg-blue-200 border border-blue-200 hover:border-blue-400 p-2 rounded-md"
|
||||
class:hidden={$events_loc.pres_mgmt.show_menu__event_reports != 'options'}
|
||||
>
|
||||
|
||||
{#if $ae_loc.authenticated_access}
|
||||
<div
|
||||
class="flex flex-col gap-1 items-end w-56"
|
||||
>
|
||||
<!-- Max presenters select options -->
|
||||
<span
|
||||
class="flex flex-row gap-1 items-center justify-around"
|
||||
>
|
||||
<label
|
||||
class="text-sm w-32 text-right"
|
||||
for="qry_limit__presenters">
|
||||
Max presenters:
|
||||
</label>
|
||||
<select
|
||||
id="qry_limit__presenters"
|
||||
bind:value={$events_loc.pres_mgmt.qry_limit__presenters}
|
||||
on:change={() => {
|
||||
// search__event_presenter({
|
||||
// api_cfg: $ae_api,
|
||||
// event_id: $events_slct.event_id,
|
||||
// agree: true,
|
||||
// biography: null,
|
||||
// ft_search_str: '',
|
||||
// lk_search_str: '',
|
||||
// params: {
|
||||
// 'qry__enabled': 'enabled',
|
||||
// 'qry__hidden': 'not_hidden',
|
||||
// 'qry__limit': $events_loc.pres_mgmt.qry_limit__presenters,},
|
||||
// try_cache: false,
|
||||
// log_lvl: log_lvl,
|
||||
// });
|
||||
}}
|
||||
class="select w-20 text-sm"
|
||||
>
|
||||
<option value={25}>25</option>
|
||||
<option value={50}>50</option>
|
||||
<option value={75}>75</option>
|
||||
<option value={100}>100</option>
|
||||
<option value={200}>200</option>
|
||||
<option value={500}>500</option>
|
||||
</select>
|
||||
</span>
|
||||
|
||||
<!-- Max sessions select options -->
|
||||
<span
|
||||
class="flex flex-row gap-1 items-center justify-around"
|
||||
>
|
||||
<label
|
||||
class="text-sm w-32 text-right"
|
||||
for="qry_limit__sessions">
|
||||
Max sessions:
|
||||
</label>
|
||||
<select
|
||||
id="qry_limit__sessions"
|
||||
bind:value={$events_loc.pres_mgmt.qry_limit__sessions}
|
||||
on:change={() => {
|
||||
// search__event_presenter({
|
||||
// api_cfg: $ae_api,
|
||||
// event_id: $events_slct.event_id,
|
||||
// agree: true,
|
||||
// biography: null,
|
||||
// ft_search_str: '',
|
||||
// lk_search_str: '',
|
||||
// params: {
|
||||
// 'qry__enabled': 'enabled',
|
||||
// 'qry__hidden': 'not_hidden',
|
||||
// 'qry__limit': $events_loc.pres_mgmt.qry_limit__sessions,},
|
||||
// try_cache: false,
|
||||
// log_lvl: log_lvl,
|
||||
// });
|
||||
}}
|
||||
class="select w-20 text-sm"
|
||||
>
|
||||
<option value={25}>25</option>
|
||||
<option value={50}>50</option>
|
||||
<option value={75}>75</option>
|
||||
<option value={100}>100</option>
|
||||
<option value={200}>200</option>
|
||||
<option value={500}>500</option>
|
||||
</select>
|
||||
</span>
|
||||
|
||||
<!-- Max files select options -->
|
||||
<span
|
||||
class="flex flex-row gap-1 items-center justify-around"
|
||||
>
|
||||
<label
|
||||
class="text-sm w-32 text-right"
|
||||
for="qry_limit__files">
|
||||
Max files:
|
||||
</label>
|
||||
<select
|
||||
id="qry_limit__files"
|
||||
bind:value={$events_loc.pres_mgmt.qry_limit__files}
|
||||
on:change={() => {
|
||||
// search__event_presenter({
|
||||
// api_cfg: $ae_api,
|
||||
// event_id: $events_slct.event_id,
|
||||
// agree: true,
|
||||
// biography: null,
|
||||
// ft_search_str: '',
|
||||
// lk_search_str: '',
|
||||
// params: {
|
||||
// 'qry__enabled': 'enabled',
|
||||
// 'qry__hidden': 'not_hidden',
|
||||
// 'qry__limit': $events_loc.pres_mgmt.qry_limit__sessions,},
|
||||
// try_cache: false,
|
||||
// log_lvl: log_lvl,
|
||||
// });
|
||||
}}
|
||||
class="select w-20 text-sm"
|
||||
>
|
||||
<option value={25}>25</option>
|
||||
<option value={50}>50</option>
|
||||
<option value={75}>75</option>
|
||||
<option value={100}>100</option>
|
||||
<option value={200}>200</option>
|
||||
<option value={500}>500</option>
|
||||
</select>
|
||||
</span>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
{#if $ae_loc.authenticated_access}
|
||||
<div class="flex flex-col gap-1 items-center">
|
||||
<!-- Button to toggle between the showing hidden sessions -->
|
||||
{#if $events_loc.pres_mgmt.qry_hidden == 'all'}
|
||||
<button
|
||||
type="button"
|
||||
on:click={() => {
|
||||
if ($events_loc.pres_mgmt.qry_hidden == 'all') {
|
||||
$events_loc.pres_mgmt.qry_hidden = 'not_hidden';
|
||||
} else {
|
||||
$events_loc.pres_mgmt.qry_hidden = 'all';
|
||||
}
|
||||
}}
|
||||
class="btn btn-sm variant-ghost-success"
|
||||
title="Hide sessions marked as hidden?"
|
||||
>
|
||||
<span class="fas fa-eye-slash m-1"></span>
|
||||
Hide Sessions?
|
||||
</button>
|
||||
{:else}
|
||||
<button
|
||||
type="button"
|
||||
on:click={() => {
|
||||
if ($events_loc.pres_mgmt.qry_hidden == 'all') {
|
||||
$events_loc.pres_mgmt.qry_hidden = 'not_hidden';
|
||||
} else {
|
||||
$events_loc.pres_mgmt.qry_hidden = 'all';
|
||||
}
|
||||
}}
|
||||
class="btn btn-sm variant-ghost-warning"
|
||||
title="Show all (hidden) sessions?"
|
||||
>
|
||||
<span class="fas fa-eye m-1"></span>
|
||||
Show All (Hidden) Sessions?
|
||||
</button>
|
||||
{/if}
|
||||
|
||||
{#if $ae_loc.manager_access}
|
||||
{#if $events_loc.pres_mgmt.qry_enabled == 'all'}
|
||||
<button
|
||||
type="button"
|
||||
on:click={() => {
|
||||
if ($events_loc.pres_mgmt.qry_enabled == 'all') {
|
||||
$events_loc.pres_mgmt.qry_enabled = 'enabled';
|
||||
} else {
|
||||
$events_loc.pres_mgmt.qry_enabled = 'all';
|
||||
}
|
||||
}}
|
||||
class="btn btn-sm variant-ghost-success"
|
||||
title="Hide disabled sessions?"
|
||||
>
|
||||
<span class="fas fa-eye-slash m-1"></span>
|
||||
Hide Disabled Sessions?
|
||||
</button>
|
||||
{:else}
|
||||
<button
|
||||
type="button"
|
||||
on:click={() => {
|
||||
if ($events_loc.pres_mgmt.qry_enabled == 'all') {
|
||||
$events_loc.pres_mgmt.qry_enabled = 'enabled';
|
||||
} else {
|
||||
$events_loc.pres_mgmt.qry_enabled = 'all';
|
||||
}
|
||||
}}
|
||||
class="btn btn-sm variant-ghost-warning"
|
||||
title="Show disabled sessions?"
|
||||
>
|
||||
<span class="fas fa-eye m-1"></span>
|
||||
Show All (Disabled) Sessions?
|
||||
</button>
|
||||
{/if}
|
||||
{/if}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
</div> <!-- END: The expanded menu area for information and options -->
|
||||
|
||||
|
||||
<Element_data_store
|
||||
ds_code="events__pres_mgmt__reports_help"
|
||||
ds_name="Default: Events - Pres Mgmt Event Reports Help"
|
||||
ds_type="html"
|
||||
for_type="event"
|
||||
for_id={$events_slct.event_id}
|
||||
class_li="bg-yellow-100 border border-yellow-400 p-2 rounded-md max-w-xl"
|
||||
show_edit={false}
|
||||
show_edit_btn={true}
|
||||
hide={$events_loc.pres_mgmt.show_menu__event_reports != 'help'}
|
||||
/>
|
||||
|
||||
<div>
|
||||
<button
|
||||
type="button"
|
||||
on:click={() => {
|
||||
$events_loc.pres_mgmt.show_menu__event_reports = !$events_loc.pres_mgmt.show_menu__event_reports;
|
||||
}}
|
||||
class="btn btn-sm mx-1 variant-ghost-error hover:variant-filled-error"
|
||||
class:hidden={!$events_loc.pres_mgmt.show_menu__event_reports}
|
||||
title="Collapse the expanded menu"
|
||||
>
|
||||
<span class="fas fa-chevron-up m-1"></span>
|
||||
{#if $events_loc.pres_mgmt.show_menu__event_reports}
|
||||
Hide
|
||||
<!-- Collapse -->
|
||||
{:else}
|
||||
Show
|
||||
{/if}
|
||||
<!-- Menu? -->
|
||||
</button>
|
||||
</div>
|
||||
</div> <!-- End of the new standard page specific menu -->
|
||||
@@ -4,13 +4,16 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig_kv }
|
||||
|
||||
export let hide: boolean = true;
|
||||
|
||||
export let event_id: null|string = null;
|
||||
|
||||
export let ae_core: boolean = false;
|
||||
export let pres_mgmt__launcher_id: boolean = false; // event_location_id
|
||||
export let pres_mgmt__location_id: boolean = false; // event_location_id
|
||||
export let pres_mgmt__presenter_id: boolean = false; // event_presenter_id
|
||||
export let pres_mgmt__reports: boolean = false; // event_id
|
||||
export let pres_mgmt__session_id: boolean = false; // event_session_id
|
||||
export let pres_mgmt__session_search: boolean = false; // event_id
|
||||
export let events__launcher_id: boolean = false; // event_location_id
|
||||
export let events__location_id: boolean = false; // event_location_id
|
||||
export let events__locations: boolean = false; // event_id
|
||||
export let events__presenter_id: boolean = false; // event_presenter_id
|
||||
export let events__reports: boolean = false; // event_id
|
||||
export let events__session_id: boolean = false; // event_session_id
|
||||
export let events__session_search: boolean = false; // event_id
|
||||
|
||||
|
||||
</script>
|
||||
@@ -34,31 +37,39 @@ export let pres_mgmt__session_search: boolean = false; // event_id
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/events_pres_mgmt/event/{pres_mgmt__reports}/reports"
|
||||
href="/events/{event_id}/reports"
|
||||
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
|
||||
class:hidden={!pres_mgmt__reports}
|
||||
class:hidden={!events__reports}
|
||||
>
|
||||
<span class="fas fa-chart-line m-1"></span>
|
||||
Pres Mgmt Reports
|
||||
</a>
|
||||
<a
|
||||
href="/events/{event_id}/locations"
|
||||
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
|
||||
class:hidden={!events__locations}
|
||||
>
|
||||
<span class="fas fa-map-marker-alt m-1"></span>
|
||||
Locations
|
||||
</a>
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="ae_menu__navigation_options flex flex-row items-center justify-around"
|
||||
>
|
||||
<a
|
||||
href="/events_pres_mgmt/event/{pres_mgmt__session_search}"
|
||||
href="/events_pres_mgmt/event/{events__session_search}"
|
||||
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
|
||||
class:hidden={!pres_mgmt__session_search}
|
||||
class:hidden={!events__session_search}
|
||||
>
|
||||
<span class="fas fa-arrow-left m-1"></span>
|
||||
Back to Session Search
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="/events_pres_mgmt/session/{pres_mgmt__session_id}"
|
||||
href="/events_pres_mgmt/session/{events__session_id}"
|
||||
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
|
||||
class:hidden={!pres_mgmt__session_id}
|
||||
class:hidden={!events__session_id}
|
||||
>
|
||||
<span class="fas fa-arrow-left m-1"></span>
|
||||
Back to Session
|
||||
|
||||
@@ -8,7 +8,7 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig_kv }
|
||||
|
||||
// import Element_ae_crud from '$lib/element_ae_crud.svelte';
|
||||
import Element_data_store from '$lib/element_data_store_v2.svelte';
|
||||
import Comp__pres_mgmt_menu_nav from './../ae_comp__events_menu_nav.svelte';
|
||||
import Comp__pres_mgmt_menu_nav from './ae_comp__events_menu_nav.svelte';
|
||||
|
||||
export let lq__event_obj: any;
|
||||
|
||||
@@ -29,9 +29,11 @@ let ae_triggers: key_val = {};
|
||||
class="flex flex-row flex-wrap gap-1 items-center justify-around w-full">
|
||||
|
||||
<Comp__pres_mgmt_menu_nav
|
||||
hide={!$ae_loc.trusted_access}
|
||||
hide={!$ae_loc.authenticated_access}
|
||||
event_id={$lq__event_obj?.event_id}
|
||||
ae_core={$ae_loc.administrator_access}
|
||||
pres_mgmt__reports={$events_slct.event_id && $ae_loc.trusted_access}
|
||||
events__locations={$ae_loc.administrator_access}
|
||||
events__reports={$ae_loc.trusted_access}
|
||||
/>
|
||||
|
||||
<span
|
||||
Reference in New Issue
Block a user