Cleaning up the hide/unhide buttons

src/routes/events_pres_mgmt/ae_comp__event_session_obj_li.svelte

@@ -37,7 +37,10 @@ export let show__location_link: boolean = false;
 // Variables
 // let ae_promises: key_val = {};
 let ae_tmp: key_val = {};
-let ae_triggers: key_val = {};
+let ae_triggers: key_val = {
+    hide_event_launcher: {},
+    hide: {},
+};
 
 // let dq__where_type_val: string = link_to_type; // "event", "event_location", "event_track"
 let dq__where_type_id_val: string = `${link_to_type}_id_random`;
@@ -370,6 +373,7 @@ let lq_kv__event_session_obj_li = liveQuery(
                 $events_slct.event_obj = null;
             }}
             class="btn btn-sm variant-soft-warning hover:variant-ghost-warning"
+            title="Cancel edit the POC person for the session"
             >
             <span class="fas fa-times mx-1"></span>
             Cancel
@@ -398,6 +402,7 @@ let lq_kv__event_session_obj_li = liveQuery(
             }}
             class="btn btn-sm variant-soft-warning hover:variant-ghost-warning"
             class:hidden={!$ae_loc.edit_mode}
+            title="Edit the POC person for the session"
             >
             <span class="fas fa-edit mx-1"></span>
             Edit
@@ -412,8 +417,9 @@ let lq_kv__event_session_obj_li = liveQuery(
     <td
         class:hidden={!$ae_loc.edit_mode || !$ae_loc.authenticated_access}
         >
+        <div class="flex flex-row gap-1">
         <Element_ae_crud
-            trigger_patch={ae_triggers.hide_event_launcher}
+            bind:trigger_patch={ae_triggers.hide_event_launcher[session_obj?.event_session_id_random]}
             api_cfg={$ae_api}
             object_type={'event_session'}
             object_id={session_obj?.event_session_id_random}
@@ -442,16 +448,22 @@ let lq_kv__event_session_obj_li = liveQuery(
                     ae_tmp.value__hide_event_launcher = !session_obj?.hide_event_launcher;
 
                     // $events_slct.exhibit_tracking_obj.hide_event_launcher = !session_obj?.hide_event_launcher;
-                    ae_triggers.hide_event_launcher = true;
+                    ae_triggers.hide_event_launcher[session_obj?.event_session_id_random] = true;
                 }}
-                class="btn btn-sm variant-soft-warning hover:variant-ghost-warning transition-all hover:transition-all *:hover:inline"
+                class="btn btn-sm hover:variant-ghost-warning transition-all hover:transition-all *:hover:inline"
-                class:variant-ghost-success={!session_obj?.hide_event_launcher}
+                class:variant-glass-success={!session_obj?.hide_event_launcher}
                 class:variant-ringed-warning={session_obj?.hide_event_launcher}
                 disabled={!$ae_loc.trusted_access}
+                title="Hide or unhide the session from the launcher"
                 >
                 {#if session_obj?.hide_event_launcher}
                     <span class="fas fa-toggle-on m-1"></span>
-                    Unhide from Launcher?
+                    <span class="fas fa-paper-plane m-1"></span>
+                    <span>
+                    Unhide
+                    </span>
+                    <span class="hidden">from Launcher</span>
+                    ?
                 {:else}
                     <!-- <span class="fas fa-toggle-off m-1"></span> -->
                     <span class="fas fa-paper-plane m-1"></span>
@@ -462,6 +474,61 @@ let lq_kv__event_session_obj_li = liveQuery(
                 <!-- {@html (session_obj?.hide_event_launcher ? '<span class="fas fa-eye m-1"></span> Unhide?' : '<span class="fas fa-eye-slash m-1"></span> Hide?')} -->
             </button>
         </Element_ae_crud>
+
+        <Element_ae_crud
+            bind:trigger_patch={ae_triggers.hide[session_obj?.event_session_id_random]}
+            api_cfg={$ae_api}
+            object_type={'event_session'}
+            object_id={session_obj?.event_session_id_random}
+            field_name={'hide'}
+            field_type={'button'}
+            field_value={ae_tmp.value__hide}
+            allow_null={false}
+            hide_edit_btn={true}
+            outline_element={false}
+            show_crud={false}
+            display_inline={true}
+            class_li={'m-1'}
+            on:ae_crud_updated={e => {
+                console.log(`ae_crud_updated:`, e.detail);
+
+                events_func.load_ae_obj_id__event_session({
+                    api_cfg: $ae_api,
+                    event_session_id: session_obj?.event_session_id_random,
+                    log_lvl: log_lvl
+                });
+            }}
+            >
+            <!-- {(session_obj?.hide ? 'Hidden' : 'Not Hidden')} -->
+            <button
+                on:click={() => {
+                    ae_tmp.value__hide = !session_obj?.hide;
+
+                    // $events_slct.exhibit_tracking_obj.hide = !session_obj?.hide;
+                    ae_triggers.hide[session_obj?.event_session_id_random] = true;
+                }}
+                class="btn btn-sm hover:variant-ghost-warning transition-all hover:transition-all *:hover:inline"
+                class:variant-glass-success={!session_obj?.hide}
+                class:variant-ringed-warning={session_obj?.hide}
+                disabled={!$ae_loc.trusted_access}
+                >
+                {#if session_obj?.hide}
+                    <span class="fas fa-toggle-on m-1"></span>
+                    <span class="fas fa-eye m-1"></span>
+                    <span>
+                    Unhide?
+                    </span>
+                {:else}
+                    <!-- <span class="fas fa-toggle-off m-1"></span> -->
+                    <span class="fas fa-eye m-1"></span>
+                    <span class="hidden">
+                    Not Hidden
+                    </span>
+                {/if}
+                <!-- {@html (session_obj?.hide ? '<span class="fas fa-eye m-1"></span> Unhide?' : '<span class="fas fa-eye-slash m-1"></span> Hide?')} -->
+            </button>
+        </Element_ae_crud>
+        </div>
     </td>
 </tr>
 {/each}