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

Cleaning up the hide/unhide buttons

Browse Source
This commit is contained in:
Scott Idem
2024-09-04 13:31:47 -04:00
parent 3919347383
commit 917cca09ce
1 changed files with 73 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
src/routes/events_pres_mgmt/ae_comp__event_session_obj_li.svelte
View File

@@ -37,7 +37,10 @@ export let show__location_link: boolean = false;
// Variables
// let ae_promises: key_val = {};
let ae_tmp: key_val = {};
let ae_triggers: key_val = {};
let ae_triggers: key_val = {
hide_event_launcher: {},
hide: {},
};
// let dq__where_type_val: string = link_to_type; // "event", "event_location", "event_track"
let dq__where_type_id_val: string = `${link_to_type}_id_random`;
@@ -370,6 +373,7 @@ let lq_kv__event_session_obj_li = liveQuery(
$events_slct.event_obj = null;
}}
class="btn btn-sm variant-soft-warning hover:variant-ghost-warning"
title="Cancel edit the POC person for the session"
>
<span class="fas fa-times mx-1"></span>
Cancel
@@ -398,6 +402,7 @@ let lq_kv__event_session_obj_li = liveQuery(
}}
class="btn btn-sm variant-soft-warning hover:variant-ghost-warning"
class:hidden={!$ae_loc.edit_mode}
title="Edit the POC person for the session"
>
<span class="fas fa-edit mx-1"></span>
Edit
@@ -412,8 +417,9 @@ let lq_kv__event_session_obj_li = liveQuery(
<td
class:hidden={!$ae_loc.edit_mode || !$ae_loc.authenticated_access}
>
<div class="flex flex-row gap-1">
<Element_ae_crud
trigger_patch={ae_triggers.hide_event_launcher}
bind:trigger_patch={ae_triggers.hide_event_launcher[session_obj?.event_session_id_random]}
api_cfg={$ae_api}
object_type={'event_session'}
object_id={session_obj?.event_session_id_random}
@@ -442,16 +448,22 @@ let lq_kv__event_session_obj_li = liveQuery(
ae_tmp.value__hide_event_launcher = !session_obj?.hide_event_launcher;
// $events_slct.exhibit_tracking_obj.hide_event_launcher = !session_obj?.hide_event_launcher;
ae_triggers.hide_event_launcher = true;
ae_triggers.hide_event_launcher[session_obj?.event_session_id_random] = true;
}}
class="btn btn-sm variant-soft-warning hover:variant-ghost-warning transition-all hover:transition-all *:hover:inline"
class:variant-ghost-success={!session_obj?.hide_event_launcher}
class="btn btn-sm hover:variant-ghost-warning transition-all hover:transition-all *:hover:inline"
class:variant-glass-success={!session_obj?.hide_event_launcher}
class:variant-ringed-warning={session_obj?.hide_event_launcher}
disabled={!$ae_loc.trusted_access}
title="Hide or unhide the session from the launcher"
>
{#if session_obj?.hide_event_launcher}
<span class="fas fa-toggle-on m-1"></span>
Unhide from Launcher?
<span class="fas fa-paper-plane m-1"></span>
<span>
Unhide
</span>
<span class="hidden">from Launcher</span>
?
{:else}
<!-- <span class="fas fa-toggle-off m-1"></span> -->
<span class="fas fa-paper-plane m-1"></span>
@@ -462,6 +474,61 @@ let lq_kv__event_session_obj_li = liveQuery(
<!-- {@html (session_obj?.hide_event_launcher ? '<span class="fas fa-eye m-1"></span> Unhide?' : '<span class="fas fa-eye-slash m-1"></span> Hide?')} -->
</button>
</Element_ae_crud>
<Element_ae_crud
bind:trigger_patch={ae_triggers.hide[session_obj?.event_session_id_random]}
api_cfg={$ae_api}
object_type={'event_session'}
object_id={session_obj?.event_session_id_random}
field_name={'hide'}
field_type={'button'}
field_value={ae_tmp.value__hide}
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.load_ae_obj_id__event_session({
api_cfg: $ae_api,
event_session_id: session_obj?.event_session_id_random,
log_lvl: log_lvl
});
}}
>
<!-- {(session_obj?.hide ? 'Hidden' : 'Not Hidden')} -->
<button
on:click={() => {
ae_tmp.value__hide = !session_obj?.hide;
// $events_slct.exhibit_tracking_obj.hide = !session_obj?.hide;
ae_triggers.hide[session_obj?.event_session_id_random] = true;
}}
class="btn btn-sm hover:variant-ghost-warning transition-all hover:transition-all *:hover:inline"
class:variant-glass-success={!session_obj?.hide}
class:variant-ringed-warning={session_obj?.hide}
disabled={!$ae_loc.trusted_access}
>
{#if session_obj?.hide}
<span class="fas fa-toggle-on m-1"></span>
<span class="fas fa-eye m-1"></span>
<span>
Unhide?
</span>
{:else}
<!-- <span class="fas fa-toggle-off m-1"></span> -->
<span class="fas fa-eye m-1"></span>
<span class="hidden">
Not Hidden
</span>
{/if}
<!-- {@html (session_obj?.hide ? '<span class="fas fa-eye m-1"></span> Unhide?' : '<span class="fas fa-eye-slash m-1"></span> Hide?')} -->
</button>
</Element_ae_crud>
</div>
</td>
</tr>
{/each}