diff --git a/src/lib/e_app_help_tech.svelte b/src/lib/e_app_help_tech.svelte index d8d76829..30361b08 100644 --- a/src/lib/e_app_help_tech.svelte +++ b/src/lib/e_app_help_tech.svelte @@ -7,9 +7,12 @@ interface Props { e_class?: string; e_title?: string; e_text?: string; + e_class_form_hidden?: string; + e_class_form_showing?: string; btn_text?: string; btn_title?: string; btn_class?: string; + show_btn_class?: string; hide_icon?: boolean; } @@ -20,9 +23,12 @@ let { e_class = '', e_title = 'Technical Help', e_text = 'Request technical help for this application.', + e_class_form_hidden = $bindable(''), + e_class_form_showing = $bindable(''), btn_text = 'Technical Help', btn_title = 'Technical support help', btn_class = '', + show_btn_class = '', hide_icon = false, }: Props = $props(); @@ -131,6 +137,8 @@ function send_help_tech_email() { border-2 border-transparent transition-all {e_class} + {!$ae_sess.show_help_tech ? e_class_form_hidden : e_class_form_showing} + relative " class:w-xl={$ae_sess.show_help_tech} class:w-fit={!$ae_sess.show_help_tech} @@ -209,6 +217,8 @@ function send_help_tech_email() { // Hide the request form $ae_sess.show_help_tech = false; + + alert('Notification sent to the IT team.'); })} >