From e7b7948b06b69545eda24e6b2154e4bb3e2e9479 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Thu, 1 Aug 2024 16:33:03 -0400
Subject: [PATCH] Going live with the new menu after some testing.

---
 .../session/[slug]/+page.svelte               | 81 ++++++++++++++-----
 1 file changed, 61 insertions(+), 20 deletions(-)

diff --git a/src/routes/events_pres_mgmt/session/[slug]/+page.svelte b/src/routes/events_pres_mgmt/session/[slug]/+page.svelte
index 78907faa..a6dd8362 100644
--- a/src/routes/events_pres_mgmt/session/[slug]/+page.svelte
+++ b/src/routes/events_pres_mgmt/session/[slug]/+page.svelte
@@ -230,7 +230,7 @@ onMount(() => {
         class="ae_menu__navigation_options"
         >
         <a href="/events_pres_mgmt/event/{$events_slct.event_session_obj.event_id_random}" class="{ae_snip.classes__events_pres_mgmt_menu__button}">
-            <span class="fas fa-arrow-left mx-1"></span>
+            <span class="fas fa-arrow-left m-1"></span>
             Back to Session Search
         </a>
     </span>
@@ -249,9 +249,10 @@ onMount(() => {
                 // $events_loc.pres_mgmt.show_menu__session = !$events_loc.pres_mgmt.show_menu__session;
             }}
             class="{ae_snip.classes__events_pres_mgmt_menu__button}"
+            class:hidden={!$ae_loc.trusted_access}
             title="Options for the session"
             >
-            <span class="fas fa-cog mx-1"></span>
+            <span class="fas fa-cog m-1"></span>
             {#if $events_loc.pres_mgmt.show_menu__session == 'options'}
                 Hide
             {:else}
@@ -273,7 +274,7 @@ onMount(() => {
             class="{ae_snip.classes__events_pres_mgmt_menu__button}"
             title="Help and information about the session"
             >
-            <span class="fas fa-question-circle mx-1"></span>
+            <span class="fas fa-question-circle m-1"></span>
             {#if $events_loc.pres_mgmt.show_menu__session == 'help'}
                 Hide
             {:else}
@@ -285,6 +286,7 @@ onMount(() => {
 
     <span
         class="ae_menu__action_options"
+        class:hidden={!$events_loc.auth__person?.id}
         >
         <!-- The Sign_in_out component is usually just a button for Sign Out if they are signed in as a POC or presenter. -->
         <Sign_in_out data={data} />
@@ -318,7 +320,7 @@ onMount(() => {
                 events_func.handle_load_ae_obj_id__event_session({api_cfg: $ae_api, event_session_id: $lq__event_session_obj?.event_session_id_random, log_lvl: 1});
             }}
             >
-            {@html $lq__event_session_obj?.priority ? '<span class="fas fa-star m-1"></span> High Priority' : '<span class="far fa-star m-1"></span> Priority not set'}
+            <!-- {@html $lq__event_session_obj?.priority ? '<span class="fas fa-star m-1"></span> High Priority' : '<span class="far fa-star m-1"></span> Priority not set'} -->
             <button
                 on:click={() => {
                     ae_tmp.value__priority = !$lq__event_session_obj?.priority;
@@ -326,9 +328,24 @@ onMount(() => {
                     // $events_slct.exhibit_tracking_obj.priority = !$lq__event_session_obj?.priority;
                     ae_triggers.priority = true;
                 }}
-                class="btn btn-sm variant-soft-warning"
+                class="btn btn-sm m-1 transition-all hover:transition-all *:hover:inline"
+                class:variant-soft-success={!$lq__event_session_obj?.priority}
+                class:variant-soft-warning={$lq__event_session_obj?.priority}
                 >
-                {@html ($lq__event_session_obj?.priority ? '<span class="fas fa-arrow-down m-1"></span> Not Priority?' : '<span class="fas fa-star m-1"></span> High?')}
+                {#if $lq__event_session_obj?.priority}
+                    <span class="fas fa-star m-1"></span>
+                    <!-- <span class="fas fa-arrow-down m-1"></span> -->
+                    <span class="hidden">
+                    Not Priority?
+                    </span>
+                {:else}
+                    <!-- <span class="fas fa-toggle-off m-1"></span> -->
+                    <span class="far fa-star m-1"></span>
+                    <span class="hidden">
+                    Priority
+                    </span>
+                    ?
+                {/if}
             </button>
         </Element_ae_crud>
 
@@ -352,7 +369,7 @@ onMount(() => {
                 events_func.handle_load_ae_obj_id__event_session({api_cfg: $ae_api, event_session_id: $lq__event_session_obj?.event_session_id_random, log_lvl: 1});
             }}
             >
-            {($lq__event_session_obj?.hide ? 'Hidden' : 'Not Hidden')}
+            <!-- {($lq__event_session_obj?.hide ? 'Hidden' : 'Not Hidden')} -->
             <button
                 on:click={() => {
                     ae_tmp.value__hide = !$lq__event_session_obj?.hide;
@@ -360,9 +377,22 @@ onMount(() => {
                     // $events_slct.exhibit_tracking_obj.hide = !$lq__event_session_obj?.hide;
                     ae_triggers.hide = true;
                 }}
-                class="btn btn-sm variant-soft-warning"
+                class="btn btn-sm m-1 transition-all hover:transition-all *:hover:inline"
+                class:variant-soft-success={!$lq__event_session_obj?.hide}
+                class:variant-soft-warning={$lq__event_session_obj?.hide}
+                disabled={!$ae_loc.trusted_access}
                 >
-                {@html ($lq__event_session_obj?.hide ? '<span class="fas fa-eye m-1"></span> Unhide?' : '<span class="fas fa-eye-slash m-1"></span> Hide?')}
+                {#if $lq__event_session_obj?.hide}
+                    <span class="fas fa-toggle-on m-1"></span>
+                    Unhide?
+                {: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 ($lq__event_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>
 
@@ -392,7 +422,7 @@ onMount(() => {
                 });
             }}
             >
-            {($lq__event_session_obj?.enable ? 'Enabled' : 'Disabled')}
+            <!-- {($lq__event_session_obj?.enable ? 'Enabled' : 'Disabled')} -->
             <button
                 on:click={() => {
                     ae_tmp.value__enable = !$lq__event_session_obj?.enable;
@@ -400,10 +430,19 @@ onMount(() => {
                     // $events_slct.exhibit_tracking_obj.hide = !$lq__event_session_obj?.hide;
                     ae_triggers.enable = true;
                 }}
-                class="btn btn-sm variant-soft-warning"
+                class="btn btn-sm"
+                class:variant-soft-success={$lq__event_session_obj?.enable}
+                class:variant-soft-warning={!$lq__event_session_obj?.enable}
+                disabled={!$ae_loc.administrator_access}
                 >
-
-                {@html ($lq__event_session_obj?.enable ? '<span class="fas fa-toggle-on m-1"></span> Disable?' : '<span class="fas fa-toggle-off m-1"></span> Enable?')}
+                {#if $lq__event_session_obj?.enable}
+                    <span class="fas fa-toggle-on m-1"></span>
+                    Enabled
+                {:else}
+                    <span class="fas fa-toggle-off m-1"></span>
+                    Enable?
+                {/if}
+                <!-- {@html ($lq__event_session_obj?.enable ? '<span class="fas fa-toggle-on m-1"></span> Disable?' : '<span class="fas fa-toggle-off m-1"></span> Enable?')} -->
             </button>
         </Element_ae_crud>
 
@@ -422,7 +461,8 @@ onMount(() => {
                     }}
                     class="btn btn-sm variant-soft-success"
                     >
-                    <span class="fas fa-toggle-on mx-1"></span>
+                    <!-- <span class="fas fa-toggle-on m-1"></span> -->
+                    <span class="fas fa-edit m-1"></span>
                     Edit Mode On
                 </button>
             {:else}
@@ -432,7 +472,8 @@ onMount(() => {
                     }}
                     class="btn btn-sm variant-soft-warning"
                     >
-                    <span class="fas fa-toggle-off mx-1"></span>
+                    <span class="fas fa-toggle-off m-1"></span>
+                    <!-- <span class="fas fa-edit m-1"></span> -->
                     Edit Mode?
                 </button>
             {/if}
@@ -457,11 +498,11 @@ onMount(() => {
             on:click={() => {
                 $events_loc.pres_mgmt.show_menu__session = !$events_loc.pres_mgmt.show_menu__session;
             }}
-            class="btn btn-sm mx-1 variant-ghost-error hover:variant-filled-error"
+            class="btn btn-sm m-1 variant-ghost-error hover:variant-filled-error"
             class:hidden={!$events_loc.pres_mgmt.show_menu__session}
             title="Collapse the expanded menu"
             >
-            <span class="fas fa-chevron-up mx-1"></span>
+            <span class="fas fa-chevron-up m-1"></span>
             {#if $events_loc.pres_mgmt.show_menu__session}
                 Hide
                 <!-- Collapse -->
@@ -474,7 +515,7 @@ onMount(() => {
 </div> <!-- End of the new standard page specific menu -->
 
 {#if !$lq__event_session_obj}
-    <span class="fas fa-spinner fa-spin mx-1"></span>
+    <span class="fas fa-spinner fa-spin m-1"></span>
     <span>Loading...</span>
 {:else}
     <!-- {$lq__event_session_obj?.name} -->
@@ -507,7 +548,7 @@ onMount(() => {
                 }
                 class="btn btn-md variant-soft-secondary hover:variant-filled-secondary float-right"
                 >
-                <span class="fas fa-times mx-1"></span>
+                <span class="fas fa-times m-1"></span>
                 Close
             </button>
 
@@ -526,7 +567,7 @@ onMount(() => {
                 }
                 class="btn btn-md variant-soft-secondary hover:variant-filled-secondary"
                 >
-                <span class="fas fa-times mx-1"></span>
+                <span class="fas fa-times m-1"></span>
                 Close
             </button>
             <!-- </div>   -->