Saving work on reports. Trying separate out the session specific reports.
This commit is contained in:
@@ -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=""
|
||||
|
||||
Reference in New Issue
Block a user