Improvements to bio and agree

src/routes/events_pres_mgmt/ae_comp__event_session_poc_profile.svelte

@@ -36,6 +36,7 @@ let ae_tmp: key_val = {};
 ae_tmp.biography = null;
 
 let poc_type = $events_loc.pres_mgmt.label__session_poc_type;
+let poc_name = $events_loc.pres_mgmt.label__session_poc_name;
 
 $: if (browser && ae_tmp.biography === null && $lq__event_session_obj?.poc_kv_json && $lq__event_session_obj?.poc_kv_json[poc_type]?.biography) {
     ae_tmp.biography = $lq__event_session_obj?.poc_kv_json[poc_type].biography;
@@ -81,7 +82,7 @@ $: if (browser && ae_tmp.biography === null && $lq__event_session_obj?.poc_kv_js
 
     <label for="session_poc__biography" class="label">
         <span class="fas fa-book"></span>
-        Presenter Biography
+        Session {poc_name} Biography
         <span class="text-sm text-gray-500">
             (75 to 100 words or 600 character limit)
         </span>

src/routes/events_pres_mgmt/session_view.svelte

@@ -425,7 +425,7 @@ $: if ($lq__event_session_obj) {
         >
         <strong class="text-sm">{$events_loc.pres_mgmt?.label__session_poc_name}:</strong>
         {#if $lq__event_session_obj?.poc_person_id_random}
-            {#if $ae_loc.administrator_access}
+            {#if $ae_loc.manager_access}
             <a
                 href="/core/person/{$lq__event_session_obj.poc_person_id_random}"
                 class="text-blue-500 hover:text-blue-800 hover:underline"
@@ -433,30 +433,12 @@ $: if ($lq__event_session_obj) {
                 >
                 {@html $lq__event_session_obj.poc_person_full_name ? $lq__event_session_obj.poc_person_full_name : ae_snip.html__not_set}
             </a>
+            {/if}
 
-            <!-- <button
+        {#if $ae_loc.trusted_access}
-                type="button"
-                on:click={() => {
-                    console.log('View the person profile.');
-                    $events_loc.pres_mgmt.show__session_poc_profile = !$events_loc.pres_mgmt.show__session_poc_profile;
-                }}
-
-                class="btn btn-sm variant-ghost-primary hover:variant-filled-primary"
-                title="View their event session profile."
-                >
-                <span class="fas fa-id-card m-1"></span>
-                {$events_loc.pres_mgmt?.label__session_poc_name}'s
-                Profile
-            </button> -->
-            <!-- Generate a modal popover for the person profile. -->
-            <!-- <div
-                class="modal_popover bg-yellow border border-gray-200 rounded-md shadow-md p-4"
-                class:hidden={!$events_loc.pres_mgmt.show__session_poc_profile}
-                > -->
-
             <!-- Modal toggle -->
             <button
-    class="btn btn-sm variant-ghost-primary hover:variant-filled-primary"
+                class="btn btn-sm variant-soft-primary hover:variant-filled-primary"
                 on:click={() => ($events_loc.pres_mgmt.show__session_poc_profile = true)}>
                 <span class="fas fa-id-card m-1"></span>
                 {$events_loc.pres_mgmt?.label__session_poc_name}'s
@@ -468,10 +450,11 @@ $: if ($lq__event_session_obj) {
                 title="{$events_loc.pres_mgmt?.label__session_poc_name}'s Profile"
                 bind:open={$events_loc.pres_mgmt.show__session_poc_profile}
                 autoclose={false}
+                class="bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200 rounded-lg border-gray-200 dark:border-gray-700 divide-gray-200 dark:divide-gray-700 shadow-md relative flex flex-col mx-auto w-full divide-y"
                 >
 
             <Comp_event_session_poc_profile
-        class_li={$events_loc.pres_mgmt.show__session_poc_profile ? 'border' : 'outline'}
+                    class_li={$events_loc.pres_mgmt.show__session_poc_profile ? '' : ''}
                     person_id={$lq__event_session_obj.poc_person_id_random}
                     lq__event_session_obj={lq__event_session_obj}
                     />
@@ -512,19 +495,24 @@ $: if ($lq__event_session_obj) {
 
             <!-- Main modal -->
             <Modal
-    title="Profile"
+                title="{$events_loc.pres_mgmt?.label__session_poc_name}'s Consent and Release and Terms and Conditions"
                 bind:open={$events_loc.pres_mgmt.show__session_poc_agree}
                 autoclose={false}
                 >
                 {#if !$lq__event_session_obj?.poc_kv_json[poc_type]?.agree}
-        <div>
+                    <div
-            <div>
+                        class="text-center text-red-500"
-                Not Agreed:
+                        >
+                        <div
+                            class="text-red-500"
+                            >
                             <span class="fas fa-times text-red-500 m-1"></span>
-                <!-- <span class="fas fa-question text-red-500 m-1"></span> -->
+                            Not Yet Agreed
                         </div>
-            <div>
+                        <div
-                Waiting for agreement to the {$events_loc.pres_mgmt?.label__session_poc_name} Consent and Release and Terms and Conditions before you can move on.
+                            class="bg-red-100 p-4 border border-red-200 rounded-md"
+                            >
+                            Waiting for agreement to the {$events_loc.pres_mgmt?.label__session_poc_name} Consent and Release and Terms and Conditions before you can move on. Please review and mark as agreed below.
                         </div>
                     </div>
                 {/if}
@@ -533,10 +521,10 @@ $: if ($lq__event_session_obj) {
                 Agreement text goes here
                 </div>
 
-    <svelte:fragment slot="footer">
                 <div class="text-center w-full">
                 {#if !$lq__event_session_obj?.poc_kv_json[poc_type]?.agree}
                     <button
+                        disabled={!$ae_loc.administrator_access}
                         on:click={() => {
                             console.log('Agree to the terms and conditions.');
 
@@ -586,11 +574,25 @@ $: if ($lq__event_session_obj) {
                         }}
                         class="btn btn-lg variant-ghost-success hover:variant-filled-warning m-2"
                         >
-                <span class="fas fa-times text-red-500 mx-1"></span>
+                        <span class="fas fa-times text-red-500 m-1"></span>
                         Change to not agreed?
                     </button>
                 {/if}
                 </div>
+
+                <svelte:fragment slot="footer">
+                    <div class="text-center w-full">
+
+                        <button
+                            on:click={() => {
+                                $events_loc.pres_mgmt.show__session_poc_agree = false;
+                            }}
+                            class="btn btn-sm variant-soft-warning hover:variant-ghost-warning"
+                            >
+                            <span class="fas fa-times m-1"></span>
+                            Close
+                        </button>
+                    </div>
                 </svelte:fragment>
 
             </Modal>