Now with upload and download percent! Also better editing for session POC.
This commit is contained in:
Scott Idem
@@ -11,7 +11,10 @@ import { clipboard, FileDropzone, getModalStore, localStorageStore, ProgressRadi
|
||||
import type { key_val } from '$lib/ae_stores';
|
||||
import { ae_util } from '$lib/ae_utils';
|
||||
import { api } from '$lib/api';
|
||||
import Element_ae_crud from '$lib/element_ae_crud.svelte';
|
||||
|
||||
import { liveQuery } from "dexie";
|
||||
import { core_func } from '$lib/ae_core_functions';
|
||||
import { db_events } from "$lib/db_events";
|
||||
import { ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
|
||||
import { events_loc, events_sess, events_slct, events_trigger } from '$lib/ae_events_stores';
|
||||
@@ -52,7 +55,7 @@ let event_obj_v2 = db_events.events.get($events_slct.event_id);
|
||||
let load_obj_li_results: Promise<any>|key_val;
|
||||
let search_submit_results: Promise<any>|key_val;
|
||||
|
||||
// These will likely be used for patch/update triggers. Maybe delete?
|
||||
let ae_tmp: key_val = {};
|
||||
let ae_triggers: key_val = {};
|
||||
|
||||
let ae_event_session_get_promise: Promise<any>;
|
||||
@@ -294,7 +297,7 @@ $: if ($events_trigger == 'load__event_session_obj_li' && $events_slct.event_id)
|
||||
<th>Date</th>
|
||||
<th>Start/End</th>
|
||||
<th>Location</th>
|
||||
<!-- <th>Actions</th> -->
|
||||
<th>POC</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@@ -330,15 +333,153 @@ $: if ($events_trigger == 'load__event_session_obj_li' && $events_slct.event_id)
|
||||
{/if}
|
||||
</td>
|
||||
<td>{session_obj.event_location_name ?? '-- not set --'}</td>
|
||||
<!-- <td>
|
||||
<a
|
||||
href="/events_pres_mgmt/session/{session_obj.event_session_id_random}"
|
||||
class="btn btn-md variant-ghost-secondary hover:variant-glass-secondary"
|
||||
<td>
|
||||
{#if session_obj.poc_person_full_name}
|
||||
<span style="break-inside: avoid;">
|
||||
<span class="fas fa-user mx-1"></span>
|
||||
{session_obj.poc_person_full_name}
|
||||
</span>
|
||||
<!-- <br> -->
|
||||
{#if $ae_loc.trusted_access}
|
||||
<span style="break-inside: avoid;">
|
||||
<a href="mailto:{session_obj.poc_person_primary_email}" class="hover:underline">
|
||||
<span class="fas fa-envelope mx-1"></span>
|
||||
{session_obj.poc_person_primary_email}
|
||||
</a>
|
||||
</span>
|
||||
{/if}
|
||||
{:else}
|
||||
-- not set --
|
||||
{/if}
|
||||
|
||||
{#if $ae_loc.trusted_access}
|
||||
|
||||
{#if session_obj.event_session_id_random == $events_slct.event_session_id && ae_tmp[$events_slct.event_session_id] && ae_tmp[$events_slct.event_session_id].show__edit_poc_person}
|
||||
<Element_ae_crud
|
||||
trigger_patch={ae_triggers.update_person_poc}
|
||||
api_cfg={$ae_api}
|
||||
object_type={'event_session'}
|
||||
object_id={$events_slct?.event_session_id}
|
||||
field_name={'poc_person_id_random'}
|
||||
field_type={'button'}
|
||||
field_value={ae_tmp[$events_slct.event_session_id].poc_person_id}
|
||||
allow_null={false}
|
||||
hide_edit_btn={true}
|
||||
outline_element={false}
|
||||
show_crud={false}
|
||||
display_inline={true}
|
||||
class_li={'m-1'}
|
||||
on:ae_crud_updated={e => {
|
||||
console.log(`ae_crud_updated:`, e.detail);
|
||||
|
||||
events_func.handle_load_ae_obj_id__event_session({api_cfg: $ae_api, event_session_id: $events_slct?.event_session_id, log_lvl: 1})
|
||||
.then(function (load_results) {
|
||||
ae_tmp[$events_slct.event_session_id].poc_person_id = null;
|
||||
ae_tmp[$events_slct.event_session_id].show__edit_poc_person = false;
|
||||
|
||||
$events_slct.event_session_id = null;
|
||||
$events_slct.event_obj = null;
|
||||
|
||||
// Careful with the trigger_patch. It will keep firing if not reset.
|
||||
ae_triggers.update_person_poc = false;
|
||||
|
||||
// Maybe reload page?
|
||||
// window.location.reload();
|
||||
});
|
||||
}}
|
||||
>
|
||||
<span class="fas fa-eye mx-1"></span>
|
||||
View
|
||||
</a>
|
||||
</td> -->
|
||||
{#await $slct.person_obj_li}
|
||||
<span class="fas fa-spinner fa-spin mx-1"></span>
|
||||
{:then person_obj_li}
|
||||
{#if person_obj_li && person_obj_li.length > 0}
|
||||
<label class="text-sm">PoC:
|
||||
<select
|
||||
bind:value={ae_tmp[$events_slct.event_session_id].poc_person_id}
|
||||
class="select min-w-fit max-w-md text-sm"
|
||||
>
|
||||
<option value="">-- Select a person --</option>
|
||||
{#each person_obj_li as person_obj}
|
||||
<option
|
||||
value={person_obj.person_id_random}
|
||||
selected={person_obj.person_id_random == $events_slct?.event_session_obj?.poc_person_id_random}
|
||||
>
|
||||
{person_obj.full_name}
|
||||
({person_obj.primary_email})
|
||||
<!-- (ID: {person_obj.person_id_random}) -->
|
||||
</option>
|
||||
{/each}
|
||||
</select>
|
||||
</label>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
disabled={ae_tmp[$events_slct.event_session_id].poc_person_id == $events_slct?.event_session_obj?.poc_person_id_random}
|
||||
on:click={() => {
|
||||
console.log('Save the POC person for the session.');
|
||||
|
||||
let person_id = ae_tmp[$events_slct.event_session_id].poc_person_id;
|
||||
console.log('Selected person ID:', person_id);
|
||||
|
||||
ae_triggers.update_person_poc = true;
|
||||
}}
|
||||
class="btn btn-sm variant-soft-warning hover:variant-ghost-warning"
|
||||
>
|
||||
<span class="fas fa-save mx-1"></span>
|
||||
Save
|
||||
</button>
|
||||
{/if}
|
||||
{/await}
|
||||
</Element_ae_crud>
|
||||
{/if}
|
||||
|
||||
{#if ae_tmp[$events_slct.event_session_id] && ae_tmp[$events_slct.event_session_id].show__edit_poc_person}
|
||||
<button
|
||||
type="button"
|
||||
on:click={() => {
|
||||
console.log('Cancel the POC person for the session.');
|
||||
|
||||
ae_tmp[$events_slct.event_session_id].poc_person_id = null;
|
||||
ae_tmp[$events_slct.event_session_id].show__edit_poc_person = false;
|
||||
|
||||
$events_slct.event_session_id = null;
|
||||
$events_slct.event_obj = null;
|
||||
}}
|
||||
class="btn btn-sm variant-soft-warning hover:variant-ghost-warning"
|
||||
>
|
||||
<span class="fas fa-times mx-1"></span>
|
||||
Cancel
|
||||
</button>
|
||||
{:else}
|
||||
<button
|
||||
type="button"
|
||||
on:click={() => {
|
||||
console.log('Edit the POC person for the session.');
|
||||
|
||||
let params = {
|
||||
qry__limit: 300,
|
||||
}
|
||||
|
||||
$slct.person_obj_li = core_func.handle_load_ae_obj_li__person({api_cfg: $ae_api, account_id: $slct.account_id, params: params});
|
||||
|
||||
$events_slct.event_session_id = session_obj.event_session_id_random;
|
||||
|
||||
ae_tmp[$events_slct.event_session_id] = {
|
||||
poc_person_id: session_obj?.poc_person_id_random,
|
||||
show__edit_poc_person: true,
|
||||
};
|
||||
// }
|
||||
// ae_tmp[$events_slct.event_session_id].poc_person_id = $events_slct?.event_session_obj?.poc_person_id_random;
|
||||
// ae_tmp[$events_slct.event_session_id].show__edit_poc_person = true;
|
||||
}}
|
||||
class="btn btn-sm variant-soft-warning hover:variant-ghost-warning"
|
||||
>
|
||||
<span class="fas fa-edit mx-1"></span>
|
||||
Edit
|
||||
</button>
|
||||
{/if}
|
||||
|
||||
{/if} <!-- $ae_loc.trusted_access -->
|
||||
</td>
|
||||
</tr>
|
||||
{/each}
|
||||
</tbody>
|
||||
|
||||
Reference in New Issue
Block a user