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

Wrapping up for the day. Lots of improvements. More menu options for location and device related.

Browse Source
This commit is contained in:
Scott Idem
2024-10-16 18:48:14 -04:00
parent 590d274910
commit 63fea17472
13 changed files with 482 additions and 236 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/lib/ae_events_stores.ts
View File

@@ -263,6 +263,13 @@ let events_local_data_struct: key_val = {
disable_submit__opt_out: true,
submit_status__opt_out: null,
device_kv: {
// 'LNDF-67-89-92': {'collapse': true},
},
location_kv: {
// 'LNDF-67-89-92': {'collapse': true},
},
},
// Speakers Management (Collection)

26
src/routes/+layout.svelte
View File

@@ -94,8 +94,9 @@ $slct = {
}
// console.log(`$slct = `, $slct);
// Check if the last reload timestamp for $ae_loc.last_idb_reload is no more than 15 minutes ago.
let default_idb_reload_time = 120 * 60 * 1000; // 120 minutes
// IDB caches - Check if the last reload timestamp for $ae_loc.last_idb_reload is no more than 15 minutes ago.
let default_idb_reload_time = 120 * 60 * 1000; // 15 minutes?
let trusted_idb_reload_time = 4 * 60 * 60 * 1000; // 4 hours or 120 minutes?
if (!$ae_loc.last_idb_reload) {
console.log(`Last reload not found. Need to reset.`);
@@ -116,7 +117,7 @@ if (!$ae_loc.last_idb_reload) {
// window.location.reload();
}
} else if ($ae_loc.last_idb_reload && (Date.now() - $ae_loc.last_idb_reload) > default_idb_reload_time) {
} else if ($ae_loc.last_idb_reload && $ae_loc.trusted_access && (Date.now() - $ae_loc.last_idb_reload) > trusted_idb_reload_time) {
console.log(`Last reload too old:`, $ae_loc.last_idb_reload);
if (browser) {
@@ -132,10 +133,25 @@ if (!$ae_loc.last_idb_reload) {
// localStorage.removeItem('ae_loc');
// localStorage.removeItem('events_loc');
// window.location.reload();
window.location.reload();
}
} else if ($ae_loc.last_idb_reload && (Date.now() - $ae_loc.last_idb_reload) > default_idb_reload_time) {
console.log(`Last reload too old:`, $ae_loc.last_idb_reload);
if (browser) {
$ae_loc.last_idb_reload = Date.now();
// Clear Indexed DB as well
indexedDB.deleteDatabase('ae_core_db');
indexedDB.deleteDatabase('ae_events_db');
// localStorage.removeItem('ae_loc');
// localStorage.removeItem('events_loc');
window.location.reload();
}
} else if (browser) {
console.log(`Last reload is recent:`, $ae_loc.last_idb_reload);
console.log(`Last reload is recent: ${$ae_loc.last_idb_reload}`);
// Clear Indexed DB as well
// indexedDB.deleteDatabase('ae_core_db');
// indexedDB.deleteDatabase('ae_events_db');

269
src/routes/events/[event_id]/device/ae_comp__event_device_obj_li.svelte
View File

@@ -25,6 +25,10 @@ if (log_lvl) {
// let ae_tmp: key_val = {};
// let ae_triggers: key_val = {};
if (!$events_loc.pres_mgmt?.device_kv) {
$events_loc.pres_mgmt.device_kv = {};
}
// Functions and Logic
</script>
@@ -38,7 +42,7 @@ if (log_lvl) {
class:hidden={!$lq__event_device_obj_li?.length}
title="Devices: {$lq__event_device_obj_li?.length ?? 'None'}"
>
<span class="fas fa-chalkboard-teacher m-1"></span>
<span class="fas fa-laptop m-1"></span>
{@html ($lq__event_device_obj_li?.length ? `${$lq__event_device_obj_li?.length}&times;` : '')}
</span>
@@ -59,9 +63,12 @@ if (log_lvl) {
{#each $lq__event_device_obj_li as event_device_obj}
<li
class="space-y-2 border border-gray-200 p-2 rounded-md"
class:dim={event_device_obj?.hide}
class:hidden={event_device_obj?.hide && !$ae_loc.edit_mode}
>
<h4 class="h5 rounded-md p-2 bg-gray-200">
<h4 class="h5 rounded-md p-2 bg-gray-200 flex flex-row gap-1 items-center justify-between">
<span>
<Element_ae_crud
api_cfg={$ae_api}
object_type={'event_device'}
@@ -94,7 +101,7 @@ if (log_lvl) {
"{event_device_obj?.name}"
</Element_ae_crud>
<!-- "{event_device_obj.name}" -->
{#if event_device_obj?.code}
{#if event_device_obj?.code && !$events_loc.pres_mgmt?.hide__device_code}
<span class="text-sm text-gray-500 bg-yellow-100 p-1 rounded-md border border-yellow-200"
title="Device code {event_device_obj?.code}"
>
@@ -102,128 +109,176 @@ if (log_lvl) {
{event_device_obj?.code ?? ''}
</span>
{/if}
</h4>
</span>
<div>
<div
class="text-red-500 bg-red-200 p-1 rounded-md border border-red-200 text-center"
class:hidden={!event_device_obj?.alert && !event_device_obj?.alert_msg}
>
<span class="fas fa-exclamation-triangle mx-1" />
{event_device_obj?.alert ? 'Alert' : 'No Alert'}
<span class="fas fa-exclamation-triangle mx-1" />
<br>
{event_device_obj?.alert_msg ?? 'No Alert Message'}
</div>
<div class="flex flex-col gap-1">
<span>
<strong class="text-sm">hostname:</strong>
{event_device_obj?.info_hostname}
</span>
<span>
<strong class="text-sm">IPs:</strong>
{event_device_obj?.info_ip_list}
</span>
</div>
<div
class="text-sm text-gray-500 bg-gray-100"
>
Last updated:
<span>
<span>
{ae_util.iso_datetime_formatter(event_device_obj?.updated_on, 'dddd')},
</span>
<span>
{ae_util.iso_datetime_formatter(event_device_obj?.updated_on, 'date_long_month_day')}
</span>
</span>
@
{#if event_device_obj?.alert}
<!-- {event_device_obj.alert} -->
<span
class="px-1"
class:bg-yellow-200={ae_util.is_datetime_recent({datetime: event_device_obj?.updated_on, minutes: 30})}
class:bg-green-200={ae_util.is_datetime_recent({datetime: event_device_obj?.updated_on, minutes: 240})}
class:bg-blue-200={ae_util.is_datetime_recent({datetime: event_device_obj?.updated_on, minutes: 2880})}
class="text-red-500 bg-red-200 p-1 rounded-md border border-red-200 text-center"
title="{event_device_obj.alert_msg}"
>
{ae_util.iso_datetime_formatter(event_device_obj?.updated_on, 'time_iso_12_tz')}
<span class="fas fa-exclamation-triangle mx-1" />
</span>
</div>
</div>
<div
class:hidden={!$events_loc.pres_mgmt.show_content__device_description}
>
<Element_ae_crud
api_cfg={$ae_api}
object_type={'event_device'}
object_id={event_device_obj?.event_device_id_random}
field_name={'description'}
field_type={'textarea'}
field_value={event_device_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_device({api_cfg: $ae_api, event_device_id: event_device_obj.event_device_id_random, log_lvl: 1});
}}
>
<strong class="text-sm">
Description:
</strong>
{#if event_device_obj?.description}
{/if}
<button
type="button"
on:click={() => {
console.log('Show/Hide Description');
if ($events_sess.pres_mgmt.show_content__device_description == event_device_obj.event_device_id_random) {
$events_sess.pres_mgmt.show_content__device_description = null;
// Was testing with LiveQuery
$events_slct.event_device_id = null;
console.log('Show/Hide Device');
if (!$events_loc.pres_mgmt.device_kv) {
$events_loc.pres_mgmt.device_kv = {
[event_device_obj.event_device_id]: {collapse: true}
};
} else if (!$events_loc.pres_mgmt.device_kv[event_device_obj.event_device_id]) {
$events_loc.pres_mgmt.device_kv[event_device_obj.event_device_id] = {collapse: true};
} else {
$events_sess.pres_mgmt.show_content__device_description = event_device_obj.event_device_id_random;
$events_loc.pres_mgmt.device_kv[event_device_obj.event_device_id].collapse = !$events_loc.pres_mgmt.device_kv[event_device_obj.event_device_id].collapse;
// Was testing with LiveQuery
$events_slct.event_device_id = event_device_obj.event_device_id_random;
}
}}
class="btn btn-sm variant-soft-surface hover:variant-filled-surface text-xs"
class="btn btn-sm variant-ghost-surface hover:variant-filled-surface transition-all hover:transition-all *:hover:inline text-xs"
class:variant-glass-warning={$events_loc.pres_mgmt?.device_kv[event_device_obj.event_device_id]?.collapse}
>
{#if $events_sess.pres_mgmt.show_content__device_description == event_device_obj.event_device_id_random}
<span class="fas fa-eye-slash mx-1"></span>
<span>Hide Description</span>
{#if $events_loc.pres_mgmt.device_kv && $events_loc.pres_mgmt.device_kv[event_device_obj.event_device_id]?.collapse}
<!-- <span class="fas fa-minus mx-1"></span> -->
<span class="fas fa-chevron-up m-1"></span>
<span
class="hidden"
>
Show?</span>
{:else}
<span class="fas fa-eye mx-1"></span>
<span>Show</span>
<span class="fas fa-chevron-down m-1"></span>
<!-- <span class="fas fa-plus mx-1"></span> -->
<!-- <span>Device</span> -->
{/if}
</button>
</h4>
<pre
class="whitespace-pre-wrap p-2 bg-gray-100 rounded-md"
class:hidden={$events_sess.pres_mgmt.show_content__device_description !== event_device_obj.event_device_id_random}
>{event_device_obj.description}</pre>
<div
class:hidden={$events_loc.pres_mgmt.device_kv && $events_loc.pres_mgmt.device_kv[event_device_obj.event_device_id]?.collapse}
>
{:else}
{@html ae_snip.html__not_set}
{/if}
<!-- {:else}
<div class="text-sm text-gray-500 bg-gray-100 p-1 rounded-md border border-gray-200"
class:hidden={!$ae_loc.administrator_access}
>
<span class="fas fa-exclamation-triangle mx-1"></span>
No description provided.
<div>
<div
class="text-red-500 bg-red-200 p-1 rounded-md border border-red-200 text-center"
class:hidden={!event_device_obj?.alert && !event_device_obj?.alert_msg}
>
<span class="fas fa-exclamation-triangle mx-1" />
{event_device_obj?.alert ? 'Alert' : 'No Alert'}
<span class="fas fa-exclamation-triangle mx-1" />
<br>
{event_device_obj?.alert_msg ?? 'No Alert Message'}
</div>
<div class="flex flex-col gap-1">
<span>
<strong class="text-sm">hostname:</strong>
{event_device_obj?.info_hostname}
</span>
<span>
<strong class="text-sm">IPs:</strong>
{event_device_obj?.info_ip_list}
</span>
</div>
<div
class="text-sm text-gray-500 bg-gray-100"
>
Last updated:
<span>
<span>
{ae_util.iso_datetime_formatter(event_device_obj?.updated_on, 'dddd')},
</span>
<span>
{ae_util.iso_datetime_formatter(event_device_obj?.updated_on, 'date_long_month_day')}
</span>
</span>
@
<span
class="px-1"
class:bg-yellow-200={ae_util.is_datetime_recent({datetime: event_device_obj?.updated_on, minutes: 30})}
class:bg-green-200={ae_util.is_datetime_recent({datetime: event_device_obj?.updated_on, minutes: 240})}
class:bg-blue-200={ae_util.is_datetime_recent({datetime: event_device_obj?.updated_on, minutes: 2880})}
>
{ae_util.iso_datetime_formatter(event_device_obj?.updated_on, 'time_iso_12_tz')}
</span>
</div>
</div>
{/if} -->
</Element_ae_crud>
</div>
<div
class:hidden={!$events_loc.pres_mgmt.show_content__device_description}
>
<Element_ae_crud
api_cfg={$ae_api}
object_type={'event_device'}
object_id={event_device_obj?.event_device_id_random}
field_name={'description'}
field_type={'textarea'}
field_value={event_device_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_device({api_cfg: $ae_api, event_device_id: event_device_obj.event_device_id_random, log_lvl: 1});
}}
>
<strong class="text-sm">
Description:
</strong>
{#if event_device_obj?.description}
<button
type="button"
on:click={() => {
console.log('Show/Hide Description');
if ($events_sess.pres_mgmt.show_content__device_description == event_device_obj.event_device_id_random) {
$events_sess.pres_mgmt.show_content__device_description = null;
// Was testing with LiveQuery
$events_slct.event_device_id = null;
} else {
$events_sess.pres_mgmt.show_content__device_description = event_device_obj.event_device_id_random;
// Was testing with LiveQuery
$events_slct.event_device_id = event_device_obj.event_device_id_random;
}
}}
class="btn btn-sm variant-soft-surface hover:variant-filled-surface text-xs"
>
{#if $events_sess.pres_mgmt.show_content__device_description == event_device_obj.event_device_id_random}
<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_sess.pres_mgmt.show_content__device_description !== event_device_obj.event_device_id_random}
>{event_device_obj.description}</pre>
{:else}
{@html ae_snip.html__not_set}
{/if}
<!-- {:else}
<div class="text-sm text-gray-500 bg-gray-100 p-1 rounded-md border border-gray-200"
class:hidden={!$ae_loc.administrator_access}
>
<span class="fas fa-exclamation-triangle mx-1"></span>
No description provided.
</div>
{/if} -->
</Element_ae_crud>
</div>
</div> <!-- End of device content -->
</li>
{/each}

1
src/routes/events/[event_id]/locations/+page.svelte
View File

@@ -104,7 +104,6 @@ onMount(() => {
<span
class="flex flex-row gap-1 items-center"
>
<!-- <span class="fas fa-calendar-day m-1"></span> -->
<span class="fas fa-map-marked m-1"></span>
Locations/Rooms
<!-- Button to toggle between the regular location view and managing locations??? -->

237
src/routes/events/[event_id]/locations/ae_comp__event_location_obj_li.svelte
View File

@@ -27,6 +27,10 @@ if (log_lvl) {
// let ae_tmp: key_val = {};
// let ae_triggers: key_val = {};
if (!$events_loc.pres_mgmt?.location_kv) {
$events_loc.pres_mgmt.location_kv = {};
}
// Functions and Logic
</script>
@@ -74,7 +78,7 @@ if (log_lvl) {
class:hidden={!$lq__event_location_obj_li?.length}
title="Locations: {$lq__event_location_obj_li?.length ?? 'None'}"
>
<span class="fas fa-chalkboard-teacher m-1"></span>
<span class="fas fa-map-marked m-1"></span>
{@html ($lq__event_location_obj_li?.length ? `${$lq__event_location_obj_li?.length}&times;` : '')}
</span>
@@ -95,9 +99,12 @@ if (log_lvl) {
{#each $lq__event_location_obj_li as event_location_obj}
<li
class="space-y-2 border border-gray-200 p-2 rounded-md"
class:dim={event_location_obj?.hide}
class:hidden={event_location_obj?.hide && !$ae_loc.edit_mode}
>
<h4 class="h5 rounded-md p-2 bg-gray-200">
<h4 class="h5 rounded-md p-2 bg-gray-200 flex flex-row gap-1 items-center justify-between">
<span>
<Element_ae_crud
api_cfg={$ae_api}
object_type={'event_location'}
@@ -130,7 +137,7 @@ if (log_lvl) {
"{event_location_obj?.name}"
</Element_ae_crud>
<!-- "{event_location_obj.name}" -->
{#if event_location_obj?.code}
{#if event_location_obj?.code && !$events_loc.pres_mgmt?.hide__location_code}
<span class="text-sm text-gray-500 bg-yellow-100 p-1 rounded-md border border-yellow-200"
title="Location code {event_location_obj?.code}"
>
@@ -138,114 +145,156 @@ if (log_lvl) {
{event_location_obj?.code ?? ''}
</span>
{/if}
</h4>
</span>
<div
class:hidden={!$events_loc.pres_mgmt.show_content__location_description}
>
<Element_ae_crud
api_cfg={$ae_api}
object_type={'event_location'}
object_id={event_location_obj?.event_location_id_random}
field_name={'description'}
field_type={'textarea'}
field_value={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: event_location_obj.event_location_id_random, log_lvl: 1});
}}
>
<strong class="text-sm">
Description:
</strong>
{#if event_location_obj?.description}
<button
type="button"
on:click={() => {
console.log('Show/Hide Description');
if ($events_sess.pres_mgmt.show_content__location_description == event_location_obj.event_location_id_random) {
$events_sess.pres_mgmt.show_content__location_description = null;
// Was testing with LiveQuery
$events_slct.event_location_id = null;
console.log('Show/Hide Location');
if (!$events_loc.pres_mgmt.location_kv) {
$events_loc.pres_mgmt.location_kv = {
[event_location_obj.event_location_id]: {collapse: true}
};
} else if (!$events_loc.pres_mgmt.location_kv[event_location_obj.event_location_id]) {
$events_loc.pres_mgmt.location_kv[event_location_obj.event_location_id] = {collapse: true};
} else {
$events_sess.pres_mgmt.show_content__location_description = event_location_obj.event_location_id_random;
$events_loc.pres_mgmt.location_kv[event_location_obj.event_location_id].collapse = !$events_loc.pres_mgmt.location_kv[event_location_obj.event_location_id].collapse;
// Was testing with LiveQuery
$events_slct.event_location_id = event_location_obj.event_location_id_random;
}
}}
class="btn btn-sm variant-soft-surface hover:variant-filled-surface text-xs"
class="btn btn-sm variant-ghost-surface hover:variant-filled-surface transition-all hover:transition-all *:hover:inline text-xs"
class:variant-glass-warning={$events_loc.pres_mgmt?.location_kv[event_location_obj.event_location_id]?.collapse}
>
{#if $events_sess.pres_mgmt.show_content__location_description == event_location_obj.event_location_id_random}
<span class="fas fa-eye-slash mx-1"></span>
<span>Hide Description</span>
{#if $events_loc.pres_mgmt.location_kv && $events_loc.pres_mgmt.location_kv[event_location_obj.event_location_id]?.collapse}
<!-- <span class="fas fa-minus mx-1"></span> -->
<span class="fas fa-chevron-up m-1"></span>
<span
class="hidden"
>
Show?</span>
{:else}
<span class="fas fa-eye mx-1"></span>
<span>Show</span>
<span class="fas fa-chevron-down m-1"></span>
<!-- <span class="fas fa-plus mx-1"></span> -->
<!-- <span>Location</span> -->
{/if}
</button>
</h4>
<pre
class="whitespace-pre-wrap p-2 bg-gray-100 rounded-md"
class:hidden={$events_sess.pres_mgmt.show_content__location_description !== event_location_obj.event_location_id_random}
>{event_location_obj.description}</pre>
<div
class:hidden={$events_loc.pres_mgmt.location_kv && $events_loc.pres_mgmt.location_kv[event_location_obj.event_location_id]?.collapse}
>
{:else}
{@html ae_snip.html__not_set}
{/if}
<!-- {:else}
<div class="text-sm text-gray-500 bg-gray-100 p-1 rounded-md border border-gray-200"
class:hidden={!$ae_loc.administrator_access}
<div
class:hidden={!$events_loc.pres_mgmt.show_content__location_description}
>
<span class="fas fa-exclamation-triangle mx-1"></span>
No description provided.
<Element_ae_crud
api_cfg={$ae_api}
object_type={'event_location'}
object_id={event_location_obj?.event_location_id_random}
field_name={'description'}
field_type={'textarea'}
field_value={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: event_location_obj.event_location_id_random, log_lvl: 1});
}}
>
<strong class="text-sm">
Description:
</strong>
{#if event_location_obj?.description}
<button
type="button"
on:click={() => {
console.log('Show/Hide Description');
if ($events_sess.pres_mgmt.show_content__location_description == event_location_obj.event_location_id_random) {
$events_sess.pres_mgmt.show_content__location_description = null;
// Was testing with LiveQuery
$events_slct.event_location_id = null;
} else {
$events_sess.pres_mgmt.show_content__location_description = event_location_obj.event_location_id_random;
// Was testing with LiveQuery
$events_slct.event_location_id = event_location_obj.event_location_id_random;
}
}}
class="btn btn-sm variant-soft-surface hover:variant-filled-surface text-xs"
>
{#if $events_sess.pres_mgmt.show_content__location_description == event_location_obj.event_location_id_random}
<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_sess.pres_mgmt.show_content__location_description !== event_location_obj.event_location_id_random}
>{event_location_obj.description}</pre>
{:else}
{@html ae_snip.html__not_set}
{/if}
<!-- {:else}
<div class="text-sm text-gray-500 bg-gray-100 p-1 rounded-md border border-gray-200"
class:hidden={!$ae_loc.administrator_access}
>
<span class="fas fa-exclamation-triangle mx-1"></span>
No description provided.
</div>
{/if} -->
</Element_ae_crud>
</div>
{/if} -->
</Element_ae_crud>
{#if !$events_loc.pres_mgmt.show_content__location_devices_sessions || $events_loc.pres_mgmt.show_content__location_devices_sessions == 'default' || $events_loc.pres_mgmt.show_content__location_devices_sessions == 'sessions'}
<!-- Show sessions for this location -->
{#if event_location_obj?.event_location_id_random}
<Comp_event_session_obj_li
link_to_type={'event_location'}
link_to_id={event_location_obj?.event_location_id_random}
event_session_id_random_li={[]}
log_lvl={log_lvl}
>
</Comp_event_session_obj_li>
{/if}
{:else if $events_loc.pres_mgmt.show_content__location_devices_sessions == 'devices'}
<!-- Show devices for this location -->
{#if event_location_obj?.event_location_id_random}
<Comp_event_device_obj_li
link_to_type={'event_location'}
link_to_id={event_location_obj?.event_location_id_random}
event_device_id_random_li={[]}
log_lvl={log_lvl}
>
</Comp_event_device_obj_li>
{/if}
{/if}
<!-- Show files for this location -->
<!-- <Element_manage_event_file_li_wrap
link_to_type={'event_location'}
link_to_id={event_location_obj?.event_location_id_random}
allow_basic={$events_loc.trusted_access}
allow_moderator={$events_loc.trusted_access}
container_class_li={''}
/> -->
</div>
<!-- Show devices for this location -->
{#if event_location_obj?.event_location_id_random}
<Comp_event_device_obj_li
link_to_type={'event_location'}
link_to_id={event_location_obj?.event_location_id_random}
event_device_id_random_li={[]}
log_lvl={log_lvl}
>
</Comp_event_device_obj_li>
{/if}
<!-- Show sessions for this location -->
<!-- {#if event_location_obj?.event_location_id_random}
<Comp_event_session_obj_li
link_to_type={'event_location'}
link_to_id={event_location_obj?.event_location_id_random}
event_session_id_random_li={[]}
log_lvl={log_lvl}
>
</Comp_event_session_obj_li>
{/if} -->
<!-- Show files for this location -->
<!-- <Element_manage_event_file_li_wrap
link_to_type={'event_location'}
link_to_id={event_location_obj?.event_location_id_random}
allow_basic={$events_loc.trusted_access}
allow_moderator={$events_loc.trusted_access}
container_class_li={''}
/> -->
</li>
{/each}
</ul>

111
src/routes/events/[event_id]/locations/locations_page_menu.svelte
View File

@@ -9,13 +9,14 @@ 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__events_menu_nav from './../../ae_comp__events_menu_nav.svelte';
// export let event_location_id: string;
export let lq__event_obj: any;
// export let lq__auth__event_presenter_obj: any;
let ae_tmp: key_val = {};
let ae_triggers: key_val = {};
// let ae_tmp: key_val = {};
// let ae_triggers: key_val = {};
</script>
@@ -30,18 +31,18 @@ let ae_triggers: key_val = {};
<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/{$lq__event_obj?.event_id}" class="{ae_snip.classes__events_pres_mgmt_menu__button}">
<span class="fas fa-arrow-left m-1"></span>
Back to Session Search
</a>
</span>
<Comp__events_menu_nav
hide={!$ae_loc.authenticated_access}
event_id={$lq__event_obj?.event_id}
ae_core={$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={() => {
@@ -93,11 +94,97 @@ let ae_triggers: key_val = {};
<!-- 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="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 transition-all duration-1000 ease-in-out overflow-hidden"
class:hidden={$events_loc.pres_mgmt.show_menu__location != 'options'}
>
Not much here yet...
<div
class="flex flex-row flex-wrap gap-1 items-center justify-center w-full"
>
<!-- Show the session list or device list -->
<button
type="button"
on:click={() => {
if ($events_loc.pres_mgmt.show_content__location_devices_sessions == 'sessions') {
$events_loc.pres_mgmt.show_content__location_devices_sessions = 'devices';
} else {
$events_loc.pres_mgmt.show_content__location_devices_sessions = 'sessions';
}
}}
class="btn btn-sm"
class:variant-ghost-success={$events_loc.pres_mgmt?.show_content__location_devices_sessions== 'sessions'}
class:variant-ghost-warning={$events_loc.pres_mgmt?.show_content__location_devices_sessions== 'devices'}
title="Show the session list or device list."
>
{#if $events_loc.pres_mgmt.show_content__location_devices_sessions == 'sessions'}
<span class="fas fa-toggle-on m-1"></span>
Session List
{:else}
<span class="fas fa-toggle-off m-1"></span>
Device List
{/if}
</button>
<!-- Show or hide the device code -->
<button
type="button"
on:click={() => {
$events_loc.pres_mgmt.hide__device_code = !$events_loc.pres_mgmt.hide__device_code;
}}
class="btn btn-sm"
class:variant-ghost-success={!$events_loc.pres_mgmt?.hide__device_code}
class:variant-ghost-warning={$events_loc.pres_mgmt?.hide__device_code}
title="Show or hide the device code."
>
{#if !$events_loc.pres_mgmt.hide__device_code}
<span class="fas fa-toggle-on m-1"></span>
Device Code
{:else}
<span class="fas fa-toggle-off m-1"></span>
Device Code
{/if}
</button>
<!-- Show or hide the location code -->
<button
type="button"
on:click={() => {
$events_loc.pres_mgmt.hide__location_code = !$events_loc.pres_mgmt.hide__location_code;
}}
class="btn btn-sm"
class:variant-ghost-success={!$events_loc.pres_mgmt?.hide__location_code}
class:variant-ghost-warning={$events_loc.pres_mgmt?.hide__location_code}
title="Show or hide the location code."
>
{#if !$events_loc.pres_mgmt.hide__location_code}
<span class="fas fa-toggle-on m-1"></span>
Location Code
{:else}
<span class="fas fa-toggle-off m-1"></span>
Location Code
{/if}
</button>
<!-- Show or hide the session code -->
<button
type="button"
on:click={() => {
$events_loc.pres_mgmt.hide__session_code = !$events_loc.pres_mgmt.hide__session_code;
}}
class="btn btn-sm"
class:variant-ghost-success={!$events_loc.pres_mgmt?.hide__session_code}
class:variant-ghost-warning={$events_loc.pres_mgmt?.hide__session_code}
title="Show or hide the session code."
>
{#if !$events_loc.pres_mgmt.hide__session_code}
<span class="fas fa-toggle-on m-1"></span>
Session Code
{:else}
<span class="fas fa-toggle-off m-1"></span>
Session Code
{/if}
</button>
</div>
</div> <!-- END: The expanded menu area for information and options -->

44
src/routes/events/[event_id]/reports/+page.svelte
View File

@@ -503,12 +503,14 @@ async function handle_qry__event_session(
<section
class="
ae_events_pres_mgmt_event
md:container h-full mx-auto
md:container
flex flex-col gap-1
py-1 px-2 pb-16
items-center
min-w-100
w-3/4
justify-start
mx-auto
py-1 px-2 pb-16
h-full
min-w-full
max-w-max
"
>
@@ -516,19 +518,35 @@ async function handle_qry__event_session(
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}
/>
{#if !$lq__event_obj}
<div>
<span class="fas fa-spinner fa-spin m-1"></span>
<span>Loading event information...</span>
</div>
{:else}
<h2 class="h2 text-center rounded-md p-1 px-2 bg-gray-300 flex flex-row gap-0.25 items-center justify-between w-full">
<span
class="flex flex-row gap-1 items-center"
>
<span class="fas fa-chart-line m-1"></span>
Reports
</span>
<!-- Reports for: -->
{#if $lq__event_obj?.cfg_json?.short_name}
{@html $lq__event_obj?.cfg_json.short_name ?? ae_snip.html__not_set}
{:else}
{@html $lq__event_obj?.name ?? ae_snip.html__not_set}
{/if}
</h2>
<div class="variant-ghost-success my-2 p-2 rounded-md flex flex-row flex-wrap gap-1 items-center justify-center">
@@ -933,6 +951,8 @@ async function handle_qry__event_session(
{/if}
{/if}
</section>

3
src/routes/events/[event_id]/reports/event_reports_page_menu.svelte
View File

@@ -32,8 +32,7 @@ let ae_triggers: key_val = {};
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__locations={$ae_loc.trusted_access}
events__session_search={$events_slct.event_id}
/>

3
src/routes/events/ae_comp__events_menu_nav.svelte
View File

@@ -49,7 +49,8 @@ export let events__session_search: boolean = false; // event_id
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
class:hidden={!events__locations}
>
<span class="fas fa-map-marker-alt m-1"></span>
<!-- <span class="fas fa-map-marker-alt m-1"></span> -->
<span class="fas fa-map-marked-alt m-1"></span>
Locations
</a>
</span>

6
src/routes/events_pres_mgmt/ae_comp__event_session_obj_li.svelte
View File

@@ -46,11 +46,13 @@ let ae_triggers: key_val = {};
</script>
<!-- xs:max-w-sm lg:max-w-100 -->
<!-- sm:border-red-200 md:border-yellow-200 lg:border-gray-100 -->
<section
class="
ae_comp event_session_obj_li
sm:bg-red-100 md:bg-yellow-100 lg:bg-white
py-2 space-y-2
border border-2 border-dashed border-x-red-500 border-y-white
sm:border-x-red-400 md:border-x-yellow-400 lg:border-x-gray-100
px-0.5 py-2 space-y-2
min-w-full
w-full
container overflow-x-scroll {container_class_li}

9
src/routes/events_pres_mgmt/ae_comp__pres_mgmt_menu_nav.svelte
View File

@@ -45,6 +45,15 @@ export let pres_mgmt__session_search: boolean = false; // event_id
<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={!pres_mgmt__locations}
>
<!-- <span class="fas fa-map-marker-alt m-1"></span> -->
<span class="fas fa-map-marked-alt m-1"></span>
Locations
</a>
</span>
<span

1
src/routes/events_pres_mgmt/event_page_menu.svelte
View File

@@ -33,6 +33,7 @@ let ae_triggers: key_val = {};
event_id={$lq__event_obj?.event_id}
ae_core={$ae_loc.administrator_access}
pres_mgmt__reports={$ae_loc.trusted_access}
pres_mgmt__locations={$ae_loc.trusted_access}
/>
<span

1
src/routes/events_pres_mgmt/session_page_menu.svelte
View File

@@ -39,6 +39,7 @@ let ae_triggers: key_val = {};
hide={false}
event_id={$lq__event_session_obj?.event_id}
pres_mgmt__session_search={$lq__event_session_obj?.event_id}
pres_mgmt__locations={$ae_loc.administrator_access}
/>
<span