From 429403ced60d0bafb8e65eabe1f86ac6eae7fcc2 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Wed, 2 Jul 2025 17:38:34 -0400
Subject: [PATCH] Work on some layout and placement issues with the Journal cfg
 edit, sys menu, and debug menu. Wrapping up for the week. Long vacation
 weekend finally!

---
 src/lib/ae_journals/ae_journals_stores.ts       |  4 +++-
 src/lib/e_app_debug_menu.svelte                 |  7 ++++++-
 src/lib/e_app_sys_menu.svelte                   | 15 +++++++++------
 src/routes/journals/[journal_id]/+layout.svelte |  4 ++--
 src/routes/journals/[journal_id]/+page.svelte   | 16 +++++++---------
 5 files changed, 27 insertions(+), 19 deletions(-)

diff --git a/src/lib/ae_journals/ae_journals_stores.ts b/src/lib/ae_journals/ae_journals_stores.ts
index f0ad44ad..f0e75e09 100644
--- a/src/lib/ae_journals/ae_journals_stores.ts
+++ b/src/lib/ae_journals/ae_journals_stores.ts
@@ -70,13 +70,15 @@ let journals_session_data_struct: key_val = {
     trigger__journal_id: null,
     // trigger__journal_li: null,
 
-    show__modal_edit__journal_id: false,
+    show__modal_edit__journal_obj: false,
     show__modal_new__journal_obj: false,
     show__modal_view__journal_id: null,
     show_list__journal_entry_li_group: true,
     show__modal_view__journal_entry_id: null,
     show__modal_edit__journal_entry_id: null,
 
+    show__modal_edit__journal_obj: false,
+
     show__content__journal_entry_history: false,
 
     journal: {
diff --git a/src/lib/e_app_debug_menu.svelte b/src/lib/e_app_debug_menu.svelte
index 0fbe019d..149fa753 100644
--- a/src/lib/e_app_debug_menu.svelte
+++ b/src/lib/e_app_debug_menu.svelte
@@ -38,7 +38,12 @@ hover:opacity-100 -->
 <!-- text-slate-400 hover:text-slate-800 -->
 <section
     class="
+        ae_app__debug_menu
+
+        hidden-print
+        z-50
         absolute bottom-0 left-0
+
         flex
         text-sm sm:text-sm md:text-md lg:text-md xl:text-md 2xl:text-lg
 
@@ -53,7 +58,7 @@ hover:opacity-100 -->
         transition-delay-1000
         transition-duration-1000
         ease-in
-        z-50
+
 
         border-2
         border-red-300 dark:border-red-700
diff --git a/src/lib/e_app_sys_menu.svelte b/src/lib/e_app_sys_menu.svelte
index ef15b129..46593dbd 100644
--- a/src/lib/e_app_sys_menu.svelte
+++ b/src/lib/e_app_sys_menu.svelte
@@ -84,15 +84,16 @@ max-w-max -->
 <!-- We need to be able to hide the menu button in certain situations. Mainly iframes. -->
 <section
     class="
-        absolute bottom-6 right-0
         hidden-print
-
-        w-min
-        max-w-md
+        z-50
+        absolute bottom-0 right-0
 
         opacity-60
         hover:opacity-100
-        z-50
+        active:opacity-100
+
+        w-min
+        max-w-md
 
         flex flex-col-reverse gap-1
         items-end justify-center
@@ -102,6 +103,7 @@ max-w-max -->
         bg-transparent
         dark:text-slate-400 dark:hover:text-slate-200
         hover:bg-blue-200/50 hover:dark:bg-blue-900
+        active:bg-blue-300/50 active:dark:bg-blue-800
 
         border-2
         border-blue-300/20 dark:border-blue-700
@@ -407,7 +409,8 @@ max-w-max -->
          <!-- bg-white dark:bg-gray-800 -->
 <div
     class="
-        ae_app__menu
+        ae_app__sys_menu
+
         hidden-print
         flex flex-col
         items-end
diff --git a/src/routes/journals/[journal_id]/+layout.svelte b/src/routes/journals/[journal_id]/+layout.svelte
index 3f7f44f9..33d29d6c 100644
--- a/src/routes/journals/[journal_id]/+layout.svelte
+++ b/src/routes/journals/[journal_id]/+layout.svelte
@@ -412,7 +412,7 @@ async function handle_update_journal() {
 
 
 <!-- Modal for editing journal -->
-{#if $journals_sess.show__modal_edit__journal_obj}
+<!-- {#if $journals_sess.show__modal_edit__journal_obj} -->
 <Modal
     title="Edit Journal"
     bind:open={$journals_sess.show__modal_edit__journal_obj}
@@ -1476,4 +1476,4 @@ async function handle_update_journal() {
         </div>
     </div>
 </Modal>
-{/if}
+<!-- {/if} -->
diff --git a/src/routes/journals/[journal_id]/+page.svelte b/src/routes/journals/[journal_id]/+page.svelte
index f2de6713..1ff65e06 100644
--- a/src/routes/journals/[journal_id]/+page.svelte
+++ b/src/routes/journals/[journal_id]/+page.svelte
@@ -229,7 +229,7 @@ if (browser) {
 <!-- Modal: Journal edit ID -->
 <Modal
     title="{$lq__journal_obj?.name} - {$lq__journal_obj?.id}"
-    bind:open={$journals_sess.show__modal_edit__journal_id}
+    bind:open={$journals_sess.show__modal_edit__journal_obj}
     autoclose={false}
     placement="top-center"
     size="xl"
@@ -245,15 +245,11 @@ if (browser) {
                     <button
                         type="button"
                         onclick={() => {
-                        // const url = new URL(location);
-                        // url.searchParams.set('event_id', $lq__journal_obj?.event_id_random);
-                        // history.pushState({}, '', url);
-
-                        $journals_sess.show__modal_view__journal_id = $journals_slct.journal_id;
-                        $journals_sess.show__modal_edit__journal_id = false;
-                    }}
+                            $journals_sess.show__modal_view__journal_id = $journals_slct.journal_id;
+                            $journals_sess.show__modal_edit__journal_obj = false;
+                        }}
                         class="novi_btn btn btn-sm preset-tonal-warning border border-warning-500 hover:preset-filled-warning-500 transition"
-                        title={`View meeting: ${$lq__journal_obj?.name}`}
+                        title={`View journal: ${$lq__journal_obj?.name}`}
                         >
                         <span class="fas fa-eye m-1"></span> View
                     </button>
@@ -270,6 +266,8 @@ if (browser) {
 
     {/snippet}
 
+    NO LONGER USED
+
 </Modal>
 
 {:else}