Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improvements to bio and agree

Browse Source
This commit is contained in:
Scott Idem
2024-09-12 19:36:33 -04:00
parent 9fd9f61ddb
commit e7e532f61a
2 changed files with 158 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/routes/events_pres_mgmt/ae_comp__event_session_poc_profile.svelte
View File

@@ -36,6 +36,7 @@ let ae_tmp: key_val = {};
ae_tmp.biography = null; ae_tmp.biography = null;
let poc_type = $events_loc.pres_mgmt.label__session_poc_type; 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) { $: 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; 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"> <label for="session_poc__biography" class="label">
<span class="fas fa-book"></span> <span class="fas fa-book"></span>
Presenter Biography Session {poc_name} Biography
<span class="text-sm text-gray-500"> <span class="text-sm text-gray-500">
(75 to 100 words or 600 character limit) (75 to 100 words or 600 character limit)
</span> </span>

90
src/routes/events_pres_mgmt/session_view.svelte
View File

@@ -425,7 +425,7 @@ $: if ($lq__event_session_obj) {
> >
<strong class="text-sm">{$events_loc.pres_mgmt?.label__session_poc_name}:</strong> <strong class="text-sm">{$events_loc.pres_mgmt?.label__session_poc_name}:</strong>
{#if $lq__event_session_obj?.poc_person_id_random} {#if $lq__event_session_obj?.poc_person_id_random}
{#if $ae_loc.administrator_access} {#if $ae_loc.manager_access}
<a <a
href="/core/person/{$lq__event_session_obj.poc_person_id_random}" href="/core/person/{$lq__event_session_obj.poc_person_id_random}"
class="text-blue-500 hover:text-blue-800 hover:underline" class="text-blue-500 hover:text-blue-800 hover:underline"
@@ -433,45 +433,28 @@ $: 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} {@html $lq__event_session_obj.poc_person_full_name ? $lq__event_session_obj.poc_person_full_name : ae_snip.html__not_set}
</a> </a>
{/if}
<!-- <button {#if $ae_loc.trusted_access}
type="button" <!-- Modal toggle -->
on:click={() => { <button
console.log('View the person profile.'); class="btn btn-sm variant-soft-primary hover:variant-filled-primary"
$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"
on:click={() => ($events_loc.pres_mgmt.show__session_poc_profile = true)}> on:click={() => ($events_loc.pres_mgmt.show__session_poc_profile = true)}>
<span class="fas fa-id-card m-1"></span> <span class="fas fa-id-card m-1"></span>
{$events_loc.pres_mgmt?.label__session_poc_name}'s {$events_loc.pres_mgmt?.label__session_poc_name}'s
Profile Profile
</button> </button>
<!-- Main modal --> <!-- Main modal -->
<Modal <Modal
title="{$events_loc.pres_mgmt?.label__session_poc_name}'s Profile" title="{$events_loc.pres_mgmt?.label__session_poc_name}'s Profile"
bind:open={$events_loc.pres_mgmt.show__session_poc_profile} bind:open={$events_loc.pres_mgmt.show__session_poc_profile}
autoclose={false} 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 <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} person_id={$lq__event_session_obj.poc_person_id_random}
lq__event_session_obj={lq__event_session_obj} lq__event_session_obj={lq__event_session_obj}
/> />
@@ -492,10 +475,10 @@ $: if ($lq__event_session_obj) {
</div> </div>
</svelte:fragment> </svelte:fragment>
</Modal> </Modal>
<!-- Modal toggle --> <!-- Modal toggle -->
<button <button
type="button" type="button"
disabled={!$ae_loc.trusted_access && !$ae_loc.edit_mode} disabled={!$ae_loc.trusted_access && !$ae_loc.edit_mode}
class="btn btn-sm variant-ghost-primary hover:variant-filled-primary" class="btn btn-sm variant-ghost-primary hover:variant-filled-primary"
@@ -508,23 +491,28 @@ $: if ($lq__event_session_obj) {
<span class="fas fa-check text-green-500 px-1" title="Agreed to terms and conditions"></span> <span class="fas fa-check text-green-500 px-1" title="Agreed to terms and conditions"></span>
Agreed Agreed
{/if} {/if}
</button> </button>
<!-- Main modal --> <!-- Main modal -->
<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} bind:open={$events_loc.pres_mgmt.show__session_poc_agree}
autoclose={false} autoclose={false}
> >
{#if !$lq__event_session_obj?.poc_kv_json[poc_type]?.agree} {#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-times text-red-500 m-1"></span>
<!-- <span class="fas fa-question text-red-500 m-1"></span> --> Not Yet Agreed
</div> </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>
</div> </div>
{/if} {/if}
@@ -533,10 +521,10 @@ $: if ($lq__event_session_obj) {
Agreement text goes here Agreement text goes here
</div> </div>
<svelte:fragment slot="footer">
<div class="text-center w-full"> <div class="text-center w-full">
{#if !$lq__event_session_obj?.poc_kv_json[poc_type]?.agree} {#if !$lq__event_session_obj?.poc_kv_json[poc_type]?.agree}
<button <button
disabled={!$ae_loc.administrator_access}
on:click={() => { on:click={() => {
console.log('Agree to the terms and conditions.'); console.log('Agree to the terms and conditions.');
@@ -586,14 +574,28 @@ $: if ($lq__event_session_obj) {
}} }}
class="btn btn-lg variant-ghost-success hover:variant-filled-warning m-2" 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? Change to not agreed?
</button> </button>
{/if} {/if}
</div> </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> </svelte:fragment>
</Modal> </Modal>
<!-- </div> --> <!-- </div> -->