Work on help information for session search and session view

src/lib/ae_events_stores.ts

@@ -137,6 +137,8 @@ let events_local_data_struct: key_val = {
         show_content__presentation_description: false,
         // show_content__agree_text: false,
         // show_content__presenter_start: false,
+        show_content__session_help: true,
+        show_content__session_search_help: true,
 
         disable_submit__opt_out: true,
         submit_status__opt_out: null,

src/lib/element_data_store.svelte

@@ -23,6 +23,7 @@ console.log(`ae_e_data_store ${ds_code} for_type=${for_type} for_id=${for_id} ac
 export let class_li: string = ''; // : string[] = [];
 export let try_cache: boolean = true;
 
+export let hide: boolean = false; // Hide the entire element
 export let show_edit: boolean = false;
 export let show_edit_btn: boolean = true;
 export let show_view: boolean = true;
@@ -471,7 +472,10 @@ async function handle_update__data_store({
 </script>
 
 
-<div class="ae__elem__data_store relative {class_li}">
+<div
+    class="ae__elem__data_store relative {class_li}"
+    class:hide={hide}
+    >
 {#if ae_ds_tmp}
 
 
@@ -796,4 +800,8 @@ section.edit {
 
     min-width: 80%;
 }
+
+.hide {
+    display: none;
+}
 </style>

src/routes/+page.svelte

@@ -92,6 +92,10 @@ onMount(() => {
 	/>
 <!-- page footer DS: {$ae_sess.ds_loaded.hub__site__root_page_footer} -->
 
+<ol class="list-decimal hidden">
+<li>Placeholder for Tailwind</li>
+</ol>
+
 </section>
 
 </section>

src/routes/events_pres_mgmt/event/[slug]/+page.svelte

@@ -12,6 +12,7 @@ import type { key_val } from '$lib/ae_stores';
 import { ae_util } from '$lib/ae_utils';
 import { api } from '$lib/api';
 import Element_ae_crud from '$lib/element_ae_crud.svelte';
+import Element_data_store from '$lib/element_data_store.svelte';
 
 import { liveQuery } from "dexie";
 import { core_func } from '$lib/ae_core_functions';
@@ -210,6 +211,40 @@ $: if ($events_trigger == 'load__event_session_obj_li' && $events_slct.event_id)
     >
 
 
+<div class="pres_mgmt__session_search_help flex flex-col items-center space-y-2">
+<div>
+<button
+    type="button"
+    on:click={() => {
+        $events_loc.pres_mgmt.show_content__session_search_help = !$events_loc.pres_mgmt.show_content__session_search_help;
+    }}
+    class="btn btn-sm m-1 variant-soft-tertiary text-info-300 hover:text-info-800"
+    title="Help and information about the session search"
+    >
+    <span class="fas fa-question-circle mx-1"></span>
+    {#if $events_loc.pres_mgmt.show_content__session_search_help}
+        Hide
+    {:else}
+        Show
+    {/if}
+    Help
+</button>
+</div>
+
+<Element_data_store
+    ds_code="events__pres_mgmt__session_search_help"
+    ds_name="Default: Events - Pres Mgmt Session Search Help"
+    ds_type="html"
+    for_type="event"
+    for_id={$events_slct.event_id}
+    class_li="bg-yellow-100 p-2 rounded-md border border-yellow-200"
+    show_edit={false}
+    show_edit_btn={true}
+    hide={!$events_loc.pres_mgmt.show_content__session_search_help}
+    />
+</div>
+
+
 {#if $events_slct.event_id && $event_obj}
 <h2 class="h3 text-center">{$event_obj.name}</h2>
 <h3 class="h4 text-center">Presentation Management Hub</h3>

src/routes/events_pres_mgmt/session/[slug]/+page.svelte

@@ -11,7 +11,7 @@ import type { key_val } from '$lib/ae_stores';
 import { ae_util } from '$lib/ae_utils';
 import { api, send_email } from '$lib/api';
 import Element_ae_crud from '$lib/element_ae_crud.svelte';
-// import Element_data_store from '$lib/element_data_store.svelte';
+import Element_data_store from '$lib/element_data_store.svelte';
 
 let ae_promises: key_val = {};
 let ae_tmp: key_val = {};
@@ -427,6 +427,38 @@ function send_sign_in_poc_email(
     class="ae_events_pres_mgmt_event_session md:container h-full mx-auto flex flex-col space-y-4 pt-0 pb-8"
     >
 
+<div class="pres_mgmt__session_help flex flex-col items-center space-y-2">
+<div>
+<button
+    type="button"
+    on:click={() => {
+        $events_loc.pres_mgmt.show_content__session_help = !$events_loc.pres_mgmt.show_content__session_help;
+    }}
+    class="btn btn-sm m-1 variant-soft-tertiary text-info-300 hover:text-info-800"
+    title="Help and information about the session"
+    >
+    <span class="fas fa-question-circle mx-1"></span>
+    {#if $events_loc.pres_mgmt.show_content__session_help}
+        Hide
+    {:else}
+        Show
+    {/if}
+    Help
+</button>
+</div>
+
+<Element_data_store
+    ds_code="events__pres_mgmt__session_help"
+    ds_name="Default: Events - Pres Mgmt Session Help"
+    ds_type="html"
+    for_type="event"
+    for_id={$events_slct.event_id}
+    class_li="bg-yellow-100 p-2 rounded-md border border-yellow-200"
+    show_edit={false}
+    show_edit_btn={true}
+    hide={!$events_loc.pres_mgmt.show_content__session_help}
+    />
+</div>
 
 {#if $events_slct.event_session_id && $lq__event_session_obj}
 
@@ -434,7 +466,6 @@ function send_sign_in_poc_email(
 
 <!-- Information about the session -->
 <section>
-<h3 class="h3">Session Information:</h3>
 
 <ul
     class="space-y-2 px-4"

src/routes/events_pres_mgmt/session/[slug]/form_agree.svelte

@@ -171,7 +171,6 @@ async function handle_update__event_presenter({
 <Element_data_store
     ds_code="event_presenter_agree_text"
     ds_type="html"
-    display="block"
     class_li="p-2"
     />
 

src/routes/events_pres_mgmt/session/[slug]/presenter_view.svelte

@@ -12,14 +12,13 @@ const dispatch = createEventDispatcher();
 import type { key_val } from '$lib/ae_stores';
 import { ae_util, shorten_string } from '$lib/ae_utils';
 import { api } from '$lib/api';
-import Element_data_store from '$lib/element_data_store.svelte';
 import Element_ae_crud from '$lib/element_ae_crud.svelte';
+// import Element_data_store from '$lib/element_data_store.svelte';
 
 import { ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
 import { db_events } from "$lib/db_events";
 import { events_loc, events_sess, events_slct, events_trigger } from '$lib/ae_events_stores';
 import { events_func } from '$lib/ae_events_functions';
-	import ElementAeCrud from '$lib/element_ae_crud.svelte';
 
 
 let ae_placeholder_li: key_val = {};

tailwind.config.ts

@@ -8,7 +8,22 @@ export default {
 	darkMode: 'class',
 	content: ['./src/**/*.{html,js,svelte,ts}', join(require.resolve('@skeletonlabs/skeleton'), '../**/*.{html,js,svelte,ts}')],
 	theme: {
-		extend: {},
+		extend: {
+			listStyleType: {
+				// none: 'none',
+				// disc: 'disc',
+				// decimal: 'decimal',
+				// square: 'square',
+				// roman: 'upper-roman',
+			},
+		},
+		// listStyleType: {
+		// 	none: 'none',
+		// 	disc: 'disc',
+		// 	decimal: 'decimal',
+		// 	square: 'square',
+		// 	roman: 'upper-roman',
+		// },
 	},
 	plugins: [
 		forms,
@@ -42,3 +57,15 @@ export default {
 		}),
 	],
 } satisfies Config;
+
+// module.exports = {
+// 	theme: {
+// 	  listStyleType: {
+// 		none: 'none',
+// 		disc: 'disc',
+// 		decimal: 'decimal',
+// 		square: 'square',
+// 		roman: 'upper-roman',
+// 	  },
+// 	},
+// };