Saving work on reports. Trying separate out the session specific reports.

This commit is contained in:
Scott Idem
2025-09-16 18:37:50 -04:00
parent c7b8d49730
commit 15e0e423f2
9 changed files with 761 additions and 109 deletions

View File

@@ -5,13 +5,15 @@ interface Props {
lq__event_session_obj_li: any;
log_lvl?: number;
show_location_fields?: boolean;
hide_session_code?: boolean;
}
let {
container_class_li = [],
lq__event_session_obj_li,
log_lvl = $bindable(0),
show_location_fields = true
show_location_fields = true,
hide_session_code = false
}: Props = $props();
// Imports
@@ -33,6 +35,20 @@ if (log_lvl) {
console.log(`container_class_li: ${container_class_li}; show_location_fields: ${show_location_fields}`);
// console.log(`link_to_type: ${link_to_type}; link_to_id: ${link_to_id}`);
}
let horiz_scroll_warning: boolean = $state(false);
let horiz_check_element: HTMLElement|null = $state(null);
// Check if element is scrolling horizontally
$effect(() => {
if (horiz_check_element && horiz_check_element.scrollWidth > horiz_check_element.offsetWidth) {
horiz_scroll_warning = true;
// console.log('Element is too wide for the container. Horizontal scrolling detected.');
} else {
horiz_scroll_warning = false;
// console.log('Element fits within the container. No horizontal scrolling.', horiz_check_element);
}
});
</script>
@@ -40,7 +56,14 @@ if (log_lvl) {
{#if $lq__event_session_obj_li && $lq__event_session_obj_li?.length}
<div class="overflow-auto space-y-2">
<div
bind:this={horiz_check_element}
id="tbl_container"
class="overflow-auto space-y-2"
class:border-r-2={horiz_scroll_warning}
class:border-dashed={horiz_scroll_warning}
class:border-warning-900-100={horiz_scroll_warning}
>
<h2 class="h3">
<span class="text-base">
Results:
@@ -58,7 +81,7 @@ if (log_lvl) {
</h2>
<table
class="table table-auto table-striped w-full text-xs lg:text-sm"
class="table table-auto table-striped w-full text-xs lg:text-sm"
>
<thead
class=""