From e7e532f61a579875e4001f6a2b2af278ad963cd8 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Thu, 12 Sep 2024 19:36:33 -0400
Subject: [PATCH] Improvements to bio and agree

---
 .../ae_comp__event_session_poc_profile.svelte |   3 +-
 .../events_pres_mgmt/session_view.svelte      | 310 +++++++++---------
 2 files changed, 158 insertions(+), 155 deletions(-)

diff --git a/src/routes/events_pres_mgmt/ae_comp__event_session_poc_profile.svelte b/src/routes/events_pres_mgmt/ae_comp__event_session_poc_profile.svelte
index c8fbdf7d..95b834ee 100644
--- a/src/routes/events_pres_mgmt/ae_comp__event_session_poc_profile.svelte
+++ b/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>
diff --git a/src/routes/events_pres_mgmt/session_view.svelte b/src/routes/events_pres_mgmt/session_view.svelte
index fb4f4d56..27fe1fe0 100644
--- a/src/routes/events_pres_mgmt/session_view.svelte
+++ b/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,167 +433,169 @@ $: 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
-                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."
-                >
+        {#if $ae_loc.trusted_access}
+            <!-- Modal toggle -->
+            <button
+                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
                 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"
-    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
-    Profile
-</button>
-
-<!-- Main modal -->
-<Modal
-    title="{$events_loc.pres_mgmt?.label__session_poc_name}'s Profile"
-    bind:open={$events_loc.pres_mgmt.show__session_poc_profile}
-    autoclose={false}
-    >
-
-  <Comp_event_session_poc_profile
-        class_li={$events_loc.pres_mgmt.show__session_poc_profile ? 'border' : 'outline'}
-        person_id={$lq__event_session_obj.poc_person_id_random}
-        lq__event_session_obj={lq__event_session_obj}
-        />
-
-  <svelte:fragment slot="footer">
-    <div class="text-center w-full">
-        <button
-            type="button"
-            on:click={() => {
-                console.log('Close modal session poc profile.');
-                $events_loc.pres_mgmt.show__session_poc_profile = !$events_loc.pres_mgmt.show__session_poc_profile;
-            }}
-            class="btn btn-sm variant-soft-warning hover:variant-ghost-warning"
-            >
-            <span class="fas fa-times mx-1"></span>
-            Close
-        </button>
-    </div>
-  </svelte:fragment>
-
-</Modal>
-
-<!-- Modal toggle -->
-<button
-    type="button"
-    disabled={!$ae_loc.trusted_access && !$ae_loc.edit_mode}
-    class="btn btn-sm variant-ghost-primary hover:variant-filled-primary"
-    class:variant-soft-warning={!$lq__event_session_obj?.poc_kv_json[poc_type]?.agree}
-    on:click={() => ($events_loc.pres_mgmt.show__session_poc_agree = true)}>
-    {#if !$lq__event_session_obj?.poc_kv_json[poc_type]?.agree}
-        <span class="fas fa-times bg-red-500 text-white px-1 mx-1" title="Not agreed to terms and conditions"></span>
-        Not yet agreed
-    {:else}
-        <span class="fas fa-check text-green-500 px-1" title="Agreed to terms and conditions"></span>
-        Agreed
-    {/if}
-</button>
-
-<!-- Main modal -->
-<Modal
-    title="Profile"
-    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>
-                Not Agreed:
-                <span class="fas fa-times text-red-500 m-1"></span>
-                <!-- <span class="fas fa-question text-red-500 m-1"></span> -->
-            </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.
-            </div>
-        </div>
-    {/if}
-
-    <div class="bg-gray-100 p-4 border border-gray-200 rounded-md">
-    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
-                on:click={() => {
-                    console.log('Agree to the terms and conditions.');
-
-                    let event_session_data = {poc_kv_json: $lq__event_session_obj?.poc_kv_json};
-                    console.log('event_session_data:', event_session_data);
-
-                    event_session_data.poc_kv_json[poc_type]['agree'] = true;
-
-                    ae_promises.update__event_session_obj = events_func.update_ae_obj__event_session({
-                        api_cfg: $ae_api,
-                        event_session_id: $lq__event_session_obj?.event_session_id_random,
-                        data_kv: event_session_data,
-                        log_lvl: log_lvl,
-                    })
-                    .then(function (update_result) {
-                        // console.log(update_result);
-                        // return update_result;
-                    });
-
-                }}
-                class="btn btn-lg variant-ghost-warning hover:variant-filled-success m-2"
-                >
-                <span class="fa fa-check m-1 text-green-500"></span>
-                Mark as agreed?
             </button>
-        {:else}
-            <button
-                on:click={() => {
-                    console.log('Change to not agreed.');
 
-                    let event_session_data = {poc_kv_json: $lq__event_session_obj?.poc_kv_json};
-                    console.log('event_session_data:', event_session_data);
-
-                    event_session_data.poc_kv_json[poc_type]['agree'] = false;
-
-                    ae_promises.update__event_session_obj = events_func.update_ae_obj__event_session({
-                        api_cfg: $ae_api,
-                        event_session_id: $lq__event_session_obj?.event_session_id_random,
-                        data_kv: event_session_data,
-                        log_lvl: log_lvl,
-                    })
-                    .then(function (update_result) {
-                        // console.log(update_result);
-                        // return update_result;
-                    });
-
-                }}
-                class="btn btn-lg variant-ghost-success hover:variant-filled-warning m-2"
+            <!-- Main modal -->
+            <Modal
+                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"
                 >
-                <span class="fas fa-times text-red-500 mx-1"></span>
-                Change to not agreed?
-            </button>
-        {/if}
-        </div>
-    </svelte:fragment>
 
-</Modal>
+            <Comp_event_session_poc_profile
+                    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}
+                    />
+
+            <svelte:fragment slot="footer">
+                <div class="text-center w-full">
+                    <button
+                        type="button"
+                        on:click={() => {
+                            console.log('Close modal session poc profile.');
+                            $events_loc.pres_mgmt.show__session_poc_profile = !$events_loc.pres_mgmt.show__session_poc_profile;
+                        }}
+                        class="btn btn-sm variant-soft-warning hover:variant-ghost-warning"
+                        >
+                        <span class="fas fa-times mx-1"></span>
+                        Close
+                    </button>
+                </div>
+            </svelte:fragment>
+
+            </Modal>
+
+            <!-- Modal toggle -->
+            <button
+                type="button"
+                disabled={!$ae_loc.trusted_access && !$ae_loc.edit_mode}
+                class="btn btn-sm variant-ghost-primary hover:variant-filled-primary"
+                class:variant-soft-warning={!$lq__event_session_obj?.poc_kv_json[poc_type]?.agree}
+                on:click={() => ($events_loc.pres_mgmt.show__session_poc_agree = true)}>
+                {#if !$lq__event_session_obj?.poc_kv_json[poc_type]?.agree}
+                    <span class="fas fa-times bg-red-500 text-white px-1 mx-1" title="Not agreed to terms and conditions"></span>
+                    Not yet agreed
+                {:else}
+                    <span class="fas fa-check text-green-500 px-1" title="Agreed to terms and conditions"></span>
+                    Agreed
+                {/if}
+            </button>
+
+            <!-- Main modal -->
+            <Modal
+                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
+                        class="text-center text-red-500"
+                        >
+                        <div
+                            class="text-red-500"
+                            >
+                            <span class="fas fa-times text-red-500 m-1"></span>
+                            Not Yet Agreed
+                        </div>
+                        <div
+                            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}
+
+                <div class="bg-gray-100 p-4 border border-gray-200 rounded-md">
+                Agreement text goes here
+                </div>
+
+                <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.');
+
+                            let event_session_data = {poc_kv_json: $lq__event_session_obj?.poc_kv_json};
+                            console.log('event_session_data:', event_session_data);
+
+                            event_session_data.poc_kv_json[poc_type]['agree'] = true;
+
+                            ae_promises.update__event_session_obj = events_func.update_ae_obj__event_session({
+                                api_cfg: $ae_api,
+                                event_session_id: $lq__event_session_obj?.event_session_id_random,
+                                data_kv: event_session_data,
+                                log_lvl: log_lvl,
+                            })
+                            .then(function (update_result) {
+                                // console.log(update_result);
+                                // return update_result;
+                            });
+
+                        }}
+                        class="btn btn-lg variant-ghost-warning hover:variant-filled-success m-2"
+                        >
+                        <span class="fa fa-check m-1 text-green-500"></span>
+                        Mark as agreed?
+                    </button>
+                {:else}
+                    <button
+                        on:click={() => {
+                            console.log('Change to not agreed.');
+
+                            let event_session_data = {poc_kv_json: $lq__event_session_obj?.poc_kv_json};
+                            console.log('event_session_data:', event_session_data);
+
+                            event_session_data.poc_kv_json[poc_type]['agree'] = false;
+
+                            ae_promises.update__event_session_obj = events_func.update_ae_obj__event_session({
+                                api_cfg: $ae_api,
+                                event_session_id: $lq__event_session_obj?.event_session_id_random,
+                                data_kv: event_session_data,
+                                log_lvl: log_lvl,
+                            })
+                            .then(function (update_result) {
+                                // console.log(update_result);
+                                // return update_result;
+                            });
+
+                        }}
+                        class="btn btn-lg variant-ghost-success hover:variant-filled-warning m-2"
+                        >
+                        <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>
 
 
             <!-- </div> -->