diff --git a/src/app.css b/src/app.css index f95e959d..0cdcd0b6 100644 --- a/src/app.css +++ b/src/app.css @@ -805,6 +805,11 @@ img.qr_code:focus { background-image: repeating-linear-gradient(-45deg, hsla(0, 100%, 50%, .25), hsla(0, 100%, 50%, .25) 10px, transparent 10px, transparent 20px); } +.alert { + /* background-color: hsla(0, 100%, 50%, .1); */ + outline: dashed thin hsla(0, 100%, 50%, .5); +} + @media (max-width: 767px) { .sk_header.hide_sm { diff --git a/src/lib/ae_events_stores.ts b/src/lib/ae_events_stores.ts index a7cc046b..f98f365d 100644 --- a/src/lib/ae_events_stores.ts +++ b/src/lib/ae_events_stores.ts @@ -495,6 +495,11 @@ let events_session_data_struct: key_val = { show__edit_poc_person: {}, + show__view_alert: {}, + show__edit_alert_msg: {}, + + tmp__alert_msg: {}, + status_rpt: { recent_files: null, presenters_agree: null, diff --git a/src/routes/events/ae_comp__event_session_obj_li.svelte b/src/routes/events/ae_comp__event_session_obj_li.svelte index 3f6ef2f3..b496b141 100644 --- a/src/routes/events/ae_comp__event_session_obj_li.svelte +++ b/src/routes/events/ae_comp__event_session_obj_li.svelte @@ -171,8 +171,247 @@ let trigger_reload_session_id: string = $state(''); class:dim={session_obj?.hide} class:bg-warning-100={!session_obj?.enable} class:text-warning-900={!session_obj?.enable} + class:alert={session_obj?.alert} + class="relative" > + {#if session_obj?.alert && $ae_loc.trusted_access} +
+ + + + +
+
+ + + + + +
+ +
+ {#if $events_sess.pres_mgmt.show__edit_alert_msg[session_obj?.event_session_id_random]} + + {:else} + {session_obj?.alert_msg ?? 'No message set.'} + {/if} +
+ +
+ {#if $events_sess.pres_mgmt.show__edit_alert_msg[session_obj?.event_session_id_random]} + + + + + + + + {:else} + + + + + {/if} +
+ + +
+ +
+ {/if} { + console.log('Toggle alert status for the session.'); + + let new_alert_value = !session_obj?.alert; + console.log('New alert value:', new_alert_value); + + ae_promises.api_update__ae_obj = core_func.update_ae_obj_id_crud_v2({ + api_cfg: $ae_api, + object_type: 'event_session', + object_id: session_obj?.event_session_id_random, + object_reload: true, + field_name: 'alert', + new_field_value: new_alert_value, + log_lvl: 1 + }) + .then(function (results) { + }) + .finally(function () { + }); + }} + class:opacity-100={session_obj?.alert} + class:opacity-50={!session_obj?.alert} + class=" + btn btn-icon + text-xs + m-0 px-0.5 + preset-tonal-warning hover:preset-tonal-error + preset-outlined-warning-100-900 hover:preset-outlined-warning-600-400 + hover:opacity-100 + transition-all + " + title={session_obj?.alert ? 'Remove alert status' : 'Mark as alert'} + > + {#if session_obj?.alert} + + + {:else} + + {/if} + + + + {/each}