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;
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>

310
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>
{#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> -->