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

Saving work on making things look good for IDAA Recovery Meetings and BB.

Browse Source
This commit is contained in:
Scott Idem
2025-07-08 18:16:31 -04:00
parent fcefcc510b
commit 3c404acdfd
5 changed files with 217 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_id_edit.svelte
View File

@@ -438,7 +438,14 @@ $effect(() => {
Title of BB post: Title of BB post:
</span> </span>
<input <input
type="text" id="title" name="title" required max="200" bind:value={$idaa_slct.post_obj.title} placeholder="Title of Post" autocomplete="off" type="text"
id="title"
name="title"
required
max="200"
bind:value={$idaa_slct.post_obj.title}
placeholder="Title of Post"
autocomplete="off"
class=" class="
input w-full input w-full
preset-tonal-surface hover:preset-filled-surface-100-900 preset-tonal-surface hover:preset-filled-surface-100-900
@@ -656,7 +663,12 @@ $effect(() => {
}); });
}} }}
class="novi_btn btn btn-sm preset-tonal-warning hover:preset-tonal-warning border border-warning-500" class="
novi_btn
btn btn-sm
preset-tonal-warning preset-outlined-warning-100-900 hover:preset-filled-warning-400-600
transition
"
title="Delete this file" title="Delete this file"
> >
<span class="fas fa-trash-alt mx-1"></span> <span class="fas fa-trash-alt mx-1"></span>
@@ -943,11 +955,11 @@ $effect(() => {
grow grow
flex flex-row flex-wrap gap-1 items-center justify-evenly flex flex-row flex-wrap gap-1 items-center justify-evenly
col-sm-1 col-sm-1
" "
> >
<label class="legend text-sm font-semibold input-group">Sort <input type="number" name="sort" bind:value={$idaa_slct.post_obj.sort} class="input w-24 form-control" /></label> <label class="legend text-sm font-semibold input-group">Sort <input type="number" name="sort" bind:value={$idaa_slct.post_obj.sort} class="input w-24 preset-tonal-surface form-control" /></label>
<label class="legend text-sm font-semibold input-group">Group <input type="text" name="group" bind:value={$idaa_slct.post_obj.group} max="100" class="input w-40 form-control" /></label> <label class="legend text-sm font-semibold input-group">Group <input type="text" name="group" bind:value={$idaa_slct.post_obj.group} max="100" class="input w-40 preset-tonal-surface form-control" /></label>
</span> </span>
{#if $ae_loc.administrator_access} {#if $ae_loc.administrator_access}
@@ -997,7 +1009,7 @@ $effect(() => {
}} }}
bind:new_html={notes_new_html} bind:new_html={notes_new_html}
bind:changed={notes_changed} bind:changed={notes_changed}
classes="bg-gray-100 dark:bg-gray-800" classes="preset-tonal-surface hover:preset-filled-surface-100-900"
placeholder="Internal notes for staff only. Not shown to the public." placeholder="Internal notes for staff only. Not shown to the public."
/> />
</label> </label>
@@ -1025,7 +1037,7 @@ $effect(() => {
btn btn
preset-tonal-success hover:preset-filled-success-200-800 preset-tonal-success hover:preset-filled-success-200-800
transition transition
" "
> >
{#await prom_api__post_obj} {#await prom_api__post_obj}
<span class="fas fa-spinner fa-spin m-1"></span> Saving <span class="fas fa-spinner fa-spin m-1"></span> Saving
@@ -1046,7 +1058,7 @@ $effect(() => {
btn btn
preset-tonal-warning hover:preset-filled-warning-200-800 preset-tonal-warning hover:preset-filled-warning-200-800
transition transition
" "
> >
{#await prom_api__post_obj} {#await prom_api__post_obj}
<span class="fas fa-spinner fa-spin m-1"></span> Saving <span class="fas fa-spinner fa-spin m-1"></span> Saving
@@ -1068,7 +1080,7 @@ $effect(() => {
novi_btn novi_btn
btn btn-sm btn btn-sm
preset-filled-warning-400-600 hover:preset-filled-error-200-800 preset-filled-warning-400-600 hover:preset-filled-error-200-800
" "
title="Delete record permanently" title="Delete record permanently"
> >
<span class="fas fa-minus m-1"></span> Delete <span class="fas fa-minus m-1"></span> Delete

7
src/routes/idaa/(idaa)/recovery_meetings/+page.svelte
View File

@@ -461,7 +461,12 @@ function add_activity_log(
<Element_data_store <Element_data_store
ds_code="recovery_meetings_info" ds_code="recovery_meetings_info"
ds_type="html" ds_type="html"
class_li="border border-red rounded-lg bg-gray-100 p-2 max-w-(--breakpoint-lg) space-y-2" class_li="
rounded-lg
preset-filled-surface-100-900 preset-outlined-surface-200-800
m-auto p-2 space-y-2
w-full max-w-(--breakpoint-lg)
"
show_edit_btn={true} show_edit_btn={true}
/> />

245
src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_id_edit.svelte
View File

@@ -599,7 +599,11 @@ function send_staff_notification_email() {
<section <section
class="svelte_component ae_section ae_edit event_obj edit__event_obj" class="
svelte_component ae_section ae_edit event_obj edit__event_obj
space-y-2 p-2 border rounded
preset-outlined-warning-200-800 preset-tonal-warning
"
class:ae_create={!$idaa_slct.event_id} class:ae_create={!$idaa_slct.event_id}
bind:clientHeight={$ae_loc.iframe_height_modal_body} bind:clientHeight={$ae_loc.iframe_height_modal_body}
> >
@@ -636,9 +640,13 @@ function send_staff_notification_email() {
<input type="hidden" value={$idaa_slct.event_id} /> <input type="hidden" value={$idaa_slct.event_id} />
<section class="ae_section event__general_information border border-gray-200 rounded p-2 space-y-2"> <!-- BEGIN: section event__general_information --> <div class="ae_section event__general_information border border-gray-200 rounded p-2 space-y-2"> <!-- BEGIN: section event__general_information -->
<label for="name">Name of Recovery Meeting <div>
<label for="name" class="w-full">
<span class="text-sm font-semibold text-surface-600-400">
Name of Recovery Meeting:
</span>
<input <input
type="text" type="text"
id="name" id="name"
@@ -648,9 +656,14 @@ function send_staff_notification_email() {
value={$lq__event_obj?.name ?? ''} value={$lq__event_obj?.name ?? ''}
placeholder="Name of Recovery Meeting" placeholder="Name of Recovery Meeting"
autocomplete="off" autocomplete="off"
class="input w-96" class="
input w-full
preset-tonal-surface hover:preset-filled-surface-100-900
form-control
"
/> />
</label> </label>
</div>
<label for="description" class="ae_label event__description w-full">Short description <label for="description" class="ae_label event__description w-full">Short description
<!-- <textarea name="description" id="description" class="ae_value event__description tinymce_editor editor_basic textarea" rows="5" cols="70" bind:value={$idaa_slct.event_obj.description} ></textarea> --> <!-- <textarea name="description" id="description" class="ae_value event__description tinymce_editor editor_basic textarea" rows="5" cols="70" bind:value={$idaa_slct.event_obj.description} ></textarea> -->
@@ -660,6 +673,7 @@ function send_staff_notification_email() {
bind:html_text={$idaa_slct.event_obj.description} bind:html_text={$idaa_slct.event_obj.description}
show_button_kv={{'heading__h1': false, 'heading__h2': false, 'heading__h3': false}} show_button_kv={{'heading__h1': false, 'heading__h2': false, 'heading__h3': false}}
bind:new_html={$idaa_slct.event_obj.description_new_html} bind:new_html={$idaa_slct.event_obj.description_new_html}
classes="preset-tonal-surface hover:preset-filled-surface-100-900"
placeholder="A short description or overview of this recovery meeting" placeholder="A short description or overview of this recovery meeting"
/> />
@@ -691,9 +705,17 @@ function send_staff_notification_email() {
></Editor> --> ></Editor> -->
<div> <div>
<label class=""> <label class="form-group w-100">
Type of Recovery Meeting Type of Recovery Meeting
<select name="type" class="select w-48" value={$lq__event_obj?.type}> <select
name="type"
class="
select w-48 px-1
preset-tonal-surface hover:preset-filled-surface-100-900
form-control col-sm-12
"
value={$lq__event_obj?.type}
>
<option value="IDAA">IDAA</option> <option value="IDAA">IDAA</option>
<option value="Caduceus">Caduceus</option> <option value="Caduceus">Caduceus</option>
<option value="Family Recovery">Family Recovery</option> <option value="Family Recovery">Family Recovery</option>
@@ -707,10 +729,10 @@ function send_staff_notification_email() {
</ul> </ul>
</div> </div>
</section> <!-- END: section event__general_information --> </div> <!-- END: section event__general_information -->
<section class="ae_section event__how_to_attend border border-gray-200 rounded p-2 space-y-2"> <!-- BEGIN: section event__how_to_attend --> <div class="ae_section event__how_to_attend border border-gray-200 rounded p-2 space-y-2"> <!-- BEGIN: section event__how_to_attend -->
<h3 class="h2">How to Attended</h3> <h3 class="h2">How to Attended</h3>
<fieldset class="event__physical_virtual"> <fieldset class="event__physical_virtual">
@@ -779,7 +801,7 @@ function send_staff_notification_email() {
id="address_country_subdivision_code" id="address_country_subdivision_code"
name="address_country_subdivision_code" name="address_country_subdivision_code"
value="{($lq__event_obj?.location_address_json && $lq__event_obj?.location_address_json.country_subdivision_code ? $lq__event_obj?.location_address_json.country_subdivision_code : $lq__event_obj?.address_country_subdivision_code ?? '')}" value="{($lq__event_obj?.location_address_json && $lq__event_obj?.location_address_json.country_subdivision_code ? $lq__event_obj?.location_address_json.country_subdivision_code : $lq__event_obj?.address_country_subdivision_code ?? '')}"
class="select w-56" class="select w-56 preset-tonal-surface hover:preset-filled-surface-100-900 p-1"
title="Select the state or province for the meeting"> title="Select the state or province for the meeting">
<option value="">-- None --</option> <option value="">-- None --</option>
{#each lu_country_subdivision_list as lu_country_subdivision} {#each lu_country_subdivision_list as lu_country_subdivision}
@@ -803,7 +825,7 @@ function send_staff_notification_email() {
id="address_country_alpha_2_code" id="address_country_alpha_2_code"
name="address_country_alpha_2_code" name="address_country_alpha_2_code"
value="{($lq__event_obj?.location_address_json && $lq__event_obj?.location_address_json.country_alpha_2_code ? $lq__event_obj?.location_address_json.country_alpha_2_code : $lq__event_obj?.address_country_alpha_2_code ?? '')}" value="{($lq__event_obj?.location_address_json && $lq__event_obj?.location_address_json.country_alpha_2_code ? $lq__event_obj?.location_address_json.country_alpha_2_code : $lq__event_obj?.address_country_alpha_2_code ?? '')}"
class="select w-64" class="select w-64 preset-tonal-surface hover:preset-filled-surface-100-900 p-1"
title="Select the country for the meeting"> title="Select the country for the meeting">
<option value="">-- None --</option> <option value="">-- None --</option>
{#each lu_country_list as lu_country} {#each lu_country_list as lu_country}
@@ -826,6 +848,8 @@ function send_staff_notification_email() {
bind:html_text={$idaa_slct.event_obj.location_text} bind:html_text={$idaa_slct.event_obj.location_text}
show_button_kv={{'heading__h1': false, 'heading__h2': false, 'heading__h3': false}} show_button_kv={{'heading__h1': false, 'heading__h2': false, 'heading__h3': false}}
bind:new_html={$idaa_slct.event_obj.location_text_new_html} bind:new_html={$idaa_slct.event_obj.location_text_new_html}
classes="preset-tonal-surface hover:preset-filled-surface-100-900"
placeholder="Additional information about the meeting location"
/> />
<!-- If changed then show Save button --> <!-- If changed then show Save button -->
@@ -875,6 +899,8 @@ function send_staff_notification_email() {
bind:html_text={$idaa_slct.event_obj.attend_text} bind:html_text={$idaa_slct.event_obj.attend_text}
show_button_kv={{'heading__h1': false, 'heading__h2': false, 'heading__h3': false}} show_button_kv={{'heading__h1': false, 'heading__h2': false, 'heading__h3': false}}
bind:new_html={$idaa_slct.event_obj.attend_text_new_html} bind:new_html={$idaa_slct.event_obj.attend_text_new_html}
classes="preset-tonal-surface hover:preset-filled-surface-100-900"
placeholder="Additional information on how to attend or join the meeting"
/> />
<!-- If changed then show Save button --> <!-- If changed then show Save button -->
@@ -893,10 +919,10 @@ function send_staff_notification_email() {
{/if} --> {/if} -->
</label> </label>
</section> <!-- END: section event__how_to_attend --> </div> <!-- END: section event__how_to_attend -->
<section class="ae_section event__timing border border-gray-200 rounded p-2 space-y-2"> <!-- BEGIN: section event__timing --> <div class="ae_section event__timing border border-gray-200 rounded p-2 space-y-2"> <!-- BEGIN: section event__timing -->
<h3 class="h3">Recurring and When</h3> <h3 class="h3">Recurring and When</h3>
@@ -935,9 +961,14 @@ function send_staff_notification_email() {
> >
<!-- <legend class="legend">Recurring</legend> --> <!-- <legend class="legend">Recurring</legend> -->
<label for="recurring_pattern">Recurring Repeats <label for="recurring_pattern" class="form-group w-100">
Recurring Repeats
<select <select
class="select w-48" class="
select w-48 px-1
preset-tonal-surface hover:preset-filled-surface-100-900
form-control col-sm-12
"
name="recurring_pattern" name="recurring_pattern"
id="recurring_pattern" id="recurring_pattern"
value={$lq__event_obj?.recurring_pattern} value={$lq__event_obj?.recurring_pattern}
@@ -981,14 +1012,18 @@ function send_staff_notification_email() {
</label> </label>
</fieldset> </fieldset>
<fieldset class="flex_row flex_gap_md flex_justify_around space-y-1"> <fieldset class="flex flex-row flex-wrap gap-1 items-center justify-start flex_row flex_gap_md flex_justify_around space-y-1">
<label>Timezone <label class="form-group w-56">Timezone
{#if $ae_loc?.lu_time_zone_list && $ae_loc?.lu_time_zone_list.length > 0} {#if $ae_loc?.lu_time_zone_list && $ae_loc?.lu_time_zone_list.length > 0}
<select <select
name="timezone" name="timezone"
required required
value={$lq__event_obj?.timezone ?? $ae_loc?.current_timezone} value={$lq__event_obj?.timezone ?? $ae_loc?.current_timezone}
class="select w-56" class="
select w-56 max-w-fit px-1
preset-tonal-surface hover:preset-filled-surface-100-900
form-control col-6
"
> >
<option value="" <option value=""
class:hidden={!$ae_loc.trusted_access} class:hidden={!$ae_loc.trusted_access}
@@ -1002,8 +1037,33 @@ function send_staff_notification_email() {
{/if} {/if}
<!-- client TZ: {$ae_loc?.current_timezone} --> <!-- client TZ: {$ae_loc?.current_timezone} -->
</label> </label>
<label>Start Time <input name="recurring_start_time" type="time" value={$lq__event_obj?.recurring_start_time} max="8" class="input w-40" /></label> <label class="form-group">
<label>End Time <input name="recurring_end_time" type="time" value={$lq__event_obj?.recurring_end_time} max="8" class="input w-40" /></label> Start Time
<input name="recurring_start_time"
type="time"
value={$lq__event_obj?.recurring_start_time}
max="8"
class="
input w-40
preset-tonal-surface hover:preset-filled-surface-100-900
form-control
"
/>
</label>
<label class="form-group">
End Time
<input
name="recurring_end_time"
type="time"
value={$lq__event_obj?.recurring_end_time}
max="8"
class="
input w-40
preset-tonal-surface hover:preset-filled-surface-100-900
form-control
"
/>
</label>
</fieldset> </fieldset>
{#if ( $ae_loc.administrator_access || $lq__event_obj && ($idaa_slct.event_obj?.show_recurring_text || ($lq__event_obj?.recurring_text && !$lq__event_obj?.recurring_text.includes('*gen*'))) )} {#if ( $ae_loc.administrator_access || $lq__event_obj && ($idaa_slct.event_obj?.show_recurring_text || ($lq__event_obj?.recurring_text && !$lq__event_obj?.recurring_text.includes('*gen*'))) )}
@@ -1021,6 +1081,8 @@ function send_staff_notification_email() {
// unset_link: true // unset_link: true
}} }}
bind:new_html={$idaa_slct.event_obj.recurring_text_new_html} bind:new_html={$idaa_slct.event_obj.recurring_text_new_html}
classes="preset-tonal-surface hover:preset-filled-surface-100-900"
placeholder="Additional information on when and how often"
/> />
<!-- If changed then show Save button --> <!-- If changed then show Save button -->
@@ -1042,8 +1104,12 @@ function send_staff_notification_email() {
{#if ( $ae_loc.administrator_access || $lq__event_obj && ($idaa_slct.event_obj?.show_recurring_text || ($lq__event_obj?.recurring_text && !$lq__event_obj?.recurring_text.includes('*gen*'))) )} {#if ( $ae_loc.administrator_access || $lq__event_obj && ($idaa_slct.event_obj?.show_recurring_text || ($lq__event_obj?.recurring_text && !$lq__event_obj?.recurring_text.includes('*gen*'))) )}
<button <button
type="button" type="button"
class="novi_btn novi_smaller btn btn-info btn-sm ae_width_md preset-tonal-warning border border-warning-500 hover:preset-filled-warning-500 transition"
style="" class="
novi_btn
btn btn-sm
preset-filled-tertiary-200-800
"
on:click={() => { on:click={() => {
if (confirm('Are you sure you want to remove the text for the additional details?')) { if (confirm('Are you sure you want to remove the text for the additional details?')) {
$idaa_slct.event_obj.recurring_text = ''; $idaa_slct.event_obj.recurring_text = '';
@@ -1060,8 +1126,11 @@ function send_staff_notification_email() {
{:else} {:else}
<button <button
type="button" type="button"
class="novi_btn novi_smaller btn btn-info btn-sm ae_width_md preset-tonal-success border border-success-500 hover:preset-filled-success-500 transition" class="
style="" novi_btn
btn btn-sm
preset-filled-success-200-800
"
on:click|preventDefault={() => { on:click|preventDefault={() => {
// Remove *gen* prefix from recurring_text // Remove *gen* prefix from recurring_text
if ($lq__event_obj.recurring_text && $lq__event_obj.recurring_text.includes('*gen*')) { if ($lq__event_obj.recurring_text && $lq__event_obj.recurring_text.includes('*gen*')) {
@@ -1079,10 +1148,10 @@ function send_staff_notification_email() {
<textarea class="ae_value event__recurring_text tinymce_editor editor_less_100" id="recurring_text" name="recurring_text" placeholder="Additional information on when and how often" value={$lq__event_obj.recurring_text}></textarea> <textarea class="ae_value event__recurring_text tinymce_editor editor_less_100" id="recurring_text" name="recurring_text" placeholder="Additional information on when and how often" value={$lq__event_obj.recurring_text}></textarea>
</label> </label>
{/if} --> {/if} -->
</section> <!-- END: section event__timing --> </div> <!-- END: section event__timing -->
<section class="ae_section event__contacts border border-gray-200 rounded p-2 space-y-2"> <div class="ae_section event__contacts border border-gray-200 rounded p-2 space-y-2">
<h3 class="h3">Contacts</h3> <h3 class="h3">Contacts</h3>
@@ -1228,7 +1297,7 @@ function send_staff_notification_email() {
</div> </div>
</section> <!-- END: section event__contacts --> </div> <!-- END: section event__contacts -->
{#if $ae_loc.trusted_access} {#if $ae_loc.trusted_access}
@@ -1237,15 +1306,31 @@ function send_staff_notification_email() {
on:click={() => { on:click={() => {
$idaa_loc.recovery_meetings.show__admin_options = !$idaa_loc.recovery_meetings.show__admin_options; $idaa_loc.recovery_meetings.show__admin_options = !$idaa_loc.recovery_meetings.show__admin_options;
}} }}
class="novi_btn btn btn-sm preset-tonal-warning float-right" class="
novi_btn
btn btn-sm float-right
"
class:preset-filled-success-200-800={$idaa_loc.recovery_meetings.show__admin_options}
class:preset-filled-tertiary-200-800={!$idaa_loc.recovery_meetings.show__admin_options}
> >
{#if $idaa_loc.recovery_meetings.show__admin_options}
<span class="fas fa-eye-slash m-1"></span>
{:else}
<span class="fas fa-eye m-1"></span> <span class="fas fa-eye m-1"></span>
{/if}
{$idaa_loc.recovery_meetings.show__admin_options ? 'Hide' : 'Show'} Admin {$idaa_loc.recovery_meetings.show__admin_options ? 'Hide' : 'Show'} Admin
</button> </button>
<!-- BEGIN: section event__admin_options --> <!-- BEGIN: section event__admin_options -->
<section <div
class="ae_section event__admin_options border border-gray-200 rounded p-2 space-y-2 bg-red-100" class="
ae_section event__admin_options
space-y-1 p-2
border rounded
preset-filled-warning-100-900
preset-outlined-warning-400-600
transition
"
class:hidden={!$idaa_loc.recovery_meetings.show__admin_options} class:hidden={!$idaa_loc.recovery_meetings.show__admin_options}
> >
@@ -1254,100 +1339,106 @@ function send_staff_notification_email() {
</h3> </h3>
<span <span
class="flex flex-row flex-wrap items-center justify-between" class="flex flex-col md:flex-row flex-wrap gap-2 items-center justify-center md:justify-stretch w-full"
> >
<span <span
class="flex flex-row flex-wrap gap-2 items-center justify-evenly grow" class="flex flex-row flex-wrap gap-2 items-center justify-evenly grow"
> >
<fieldset class="flex flex-col flex-wrap gap-1 items-start justify-center"> <fieldset class="flex flex-row gap-1 items-center justify-center form-check">
<legend class="legend text-sm font-semibold">Confirmed</legend> <legend class="legend text-sm font-semibold form-check-label">Confirmed</legend>
<div class="flex flex-row gap-1 items-start justify-center"> <div>
<input <input
type="radio" type="radio"
id="status_yes" id="status_yes"
name="status" name="status"
value={'unknown'} value={'unknown'}
bind:group={$idaa_slct.event_obj.status} bind:group={$idaa_slct.event_obj.status}
class="radio" class="radio form-check-input"
> >
<label for="status_yes">Not Confirmed</label> <label for="status_yes">Not Confirmed</label>
</div> </div>
<div class="flex flex-row gap-1 items-start justify-center"> <div>
<input <input
type="radio" type="radio"
id="status_no" id="status_no"
name="status" name="status"
value={null} value={null}
bind:group={$idaa_slct.event_obj.status} bind:group={$idaa_slct.event_obj.status}
class="radio" class="radio form-check-input"
> >
<label for="status_no">Yes</label> <label for="status_no">Yes</label>
</div> </div>
</fieldset> </fieldset>
<fieldset class="flex flex-col flex-wrap gap-1 items-start justify-center"> <fieldset class="flex flex-row gap-1 items-center justify-center form-check">
<legend class="legend text-sm font-semibold">Hide</legend> <legend class="legend text-sm font-semibold form-check-label">Hide</legend>
<div class="flex flex-row gap-1 items-start justify-center"> <div>
<input <input
type="radio" type="radio"
id="hide_yes" id="hide_yes"
name="hide" name="hide"
value={true} value={true}
bind:group={$idaa_slct.event_obj.hide} bind:group={$idaa_slct.event_obj.hide}
class="radio" class="radio form-check-input"
> >
<label for="hide_yes">Yes</label> <label for="hide_yes">Yes</label>
</div> </div>
<div class="flex flex-row gap-1 items-start justify-center"> <div>
<input <input
type="radio" type="radio"
id="hide_no" id="hide_no"
name="hide" name="hide"
value={false} value={false}
bind:group={$idaa_slct.event_obj.hide} bind:group={$idaa_slct.event_obj.hide}
class="radio" class="radio form-check-input"
> >
<label for="hide_no">No</label> <label for="hide_no">No</label>
</div> </div>
</fieldset> </fieldset>
<fieldset class="flex flex-col flex-wrap gap-1 items-start justify-center"> <fieldset class="flex flex-row gap-1 items-center justify-center form-check">
<legend class="legend text-sm font-semibold">Priority</legend> <legend class="legend text-sm font-semibold form-check-label">Priority</legend>
<div class="flex flex-row gap-1 items-start justify-center"> <div>
<input <input
type="radio" type="radio"
id="priority_yes" id="priority_yes"
name="priority" name="priority"
value={true} value={true}
bind:group={$idaa_slct.event_obj.priority} bind:group={$idaa_slct.event_obj.priority}
class="radio" class="radio form-check-input"
> >
<label for="priority_yes">Yes</label> <label for="priority_yes">Yes</label>
</div> </div>
<div class="flex flex-row gap-1 items-start justify-center"> <div>
<input <input
type="radio" type="radio"
id="priority_no" id="priority_no"
name="priority" name="priority"
value={false} value={false}
bind:group={$idaa_slct.event_obj.priority} bind:group={$idaa_slct.event_obj.priority}
class="radio" class="radio form-check-input"
> >
<label for="priority_no">No</label> <label for="priority_no">No</label>
</div> </div>
</fieldset> </fieldset>
</span> </span>
<span class="flex flex-row flex-wrap gap-1 items-center justify-evenly grow"> <span
<label class="legend text-sm font-semibold">Sort <input type="number" name="sort" value={$idaa_slct.event_obj.sort} class="input w-24" /></label> class="
grow
flex flex-row flex-wrap gap-1 items-center justify-evenly
col-sm-1
"
>
<label class="legend text-sm font-semibold input-group">Sort <input type="number" name="sort" value={$idaa_slct.event_obj.sort} class="input w-24 preset-tonal-surface form-control" /></label>
<label class="legend text-sm font-semibold">Group <input type="text" name="group" value={$idaa_slct.event_obj.group ?? ''} max="100" class="input w-40" /></label> <label class="legend text-sm font-semibold input-group">Group <input type="text" name="group" value={$idaa_slct.event_obj.group ?? ''} max="100" class="input w-40 preset-tonal-surface form-control" /></label>
</span> </span>
{#if $ae_loc.administrator_access} {#if $ae_loc.administrator_access}
<span class="flex flex-row flex-wrap gap-1 items-center justify-evenly grow"> <span class="flex flex-row flex-wrap gap-1 items-center justify-evenly grow">
<fieldset class="flex flex-col flex-wrap gap-1 items-start justify-center"> <fieldset class="flex flex-row gap-2 form-check">
<legend class="legend text-sm font-semibold">Enable</legend> <legend class="legend text-sm font-semibold form-check-label">Enable</legend>
<div class="flex flex-row gap-1 items-start justify-center"> <div class="flex flex-row gap-1 items-start justify-center">
<input <input
type="radio" type="radio"
@@ -1355,7 +1446,7 @@ function send_staff_notification_email() {
name="enable" name="enable"
value={true} value={true}
bind:group={$idaa_slct.event_obj.enable} bind:group={$idaa_slct.event_obj.enable}
class="radio" class="radio form-check-input"
> >
<label for="enable_yes">Yes</label> <label for="enable_yes">Yes</label>
</div> </div>
@@ -1366,7 +1457,7 @@ function send_staff_notification_email() {
name="enable" name="enable"
value={false} value={false}
bind:group={$idaa_slct.event_obj.enable} bind:group={$idaa_slct.event_obj.enable}
class="radio" class="radio form-check-input"
> >
<label for="enable_no">No</label> <label for="enable_no">No</label>
</div> </div>
@@ -1388,25 +1479,32 @@ function send_staff_notification_email() {
bind:html_text={$idaa_slct.event_obj.notes} bind:html_text={$idaa_slct.event_obj.notes}
show_button_kv={{'heading__h1': false, 'heading__h2': false, 'heading__h3': false}} show_button_kv={{'heading__h1': false, 'heading__h2': false, 'heading__h3': false}}
bind:new_html={$idaa_slct.event_obj.notes_new_html} bind:new_html={$idaa_slct.event_obj.notes_new_html}
classes="preset-tonal-surface hover:preset-filled-surface-100-900"
placeholder="Internal notes for staff only. Not shown to the public."
/> />
</label> </label>
{/if} {/if}
</section> <!-- END: section event__admin_options --> </div> <!-- END: section event__admin_options -->
{/if} {/if}
<section class="ae_section ae_options ae_row ae_actions event__options event__actions"> <!-- BEGIN: section event__options --> <div class="ae_section ae_options ae_row ae_actions event__options event__actions"> <!-- BEGIN: section event__options -->
{#if $idaa_slct.event_id} {#if $idaa_slct.event_id}
<button <button
type="submit" type="submit"
disabled={(disable_submit_btn)} disabled={(disable_submit_btn)}
class="novi_btn btn_primary btn btn-primary preset-tonal-primary border border-primary-500 hover:preset-filled-primary-500 transition" class="
novi_btn btn_primary btn-warning
btn
preset-tonal-success hover:preset-filled-success-200-800
transition
"
> >
{#await prom_api__event_obj} {#await prom_api__event_obj}
<span class="fas fa-spinner fa-spin m-1"></span> Saving <span class="fas fa-spinner fa-spin m-1"></span> Saving
{:then} {:then}
<span class="fas fa-save m-1"></span> Save <span class="fas fa-save m-1"></span> Save Changes
{/await} {/await}
</button> </button>
{:else} {:else}
@@ -1417,7 +1515,12 @@ function send_staff_notification_email() {
if (!confirm('Are you sure you want to create this event?')) {return false;} if (!confirm('Are you sure you want to create this event?')) {return false;}
// handle_save_event_obj({event_id: $idaa_slct.event_id, method: 'create'}); // handle_save_event_obj({event_id: $idaa_slct.event_id, method: 'create'});
}} }}
class="novi_btn btn btn-md preset-tonal-primary border border-primary-500 hover:preset-filled-primary-500 transition" class="
novi_btn btn-warning
btn
preset-tonal-warning hover:preset-filled-warning-200-800
transition
"
> >
{#await prom_api__event_obj} {#await prom_api__event_obj}
<span class="fas fa-spinner fa-spin m-1"></span> Saving <span class="fas fa-spinner fa-spin m-1"></span> Saving
@@ -1435,7 +1538,11 @@ function send_staff_notification_email() {
if (!confirm('Are you sure you want to delete this event?')) {return false;} if (!confirm('Are you sure you want to delete this event?')) {return false;}
handle_delete_event_obj({event_id: $idaa_slct.event_id, method: 'delete'}); handle_delete_event_obj({event_id: $idaa_slct.event_id, method: 'delete'});
}} }}
class="novi_btn btn btn-sm preset-tonal-warning" class="
novi_btn
btn btn-sm
preset-filled-warning-400-600 hover:preset-filled-error-200-800
"
title="Delete record permanently" title="Delete record permanently"
> >
<span class="fas fa-minus m-1"></span> Delete <span class="fas fa-minus m-1"></span> Delete
@@ -1447,7 +1554,12 @@ function send_staff_notification_email() {
if (!confirm('Are you sure you want to disable this event?')) {return false;} if (!confirm('Are you sure you want to disable this event?')) {return false;}
handle_delete_event_obj({event_id: $idaa_slct.event_id, method: 'disable'}); handle_delete_event_obj({event_id: $idaa_slct.event_id, method: 'disable'});
}} }}
class="novi_btn btn btn-sm preset-tonal-warning" class="
novi_btn
btn btn-sm
preset-filled-warning-200-800 hover:preset-filled-error-200-800
transition
"
title="Disable record to delete" title="Disable record to delete"
> >
<span class="fas fa-minus m-1"></span> Delete <span class="fas fa-minus m-1"></span> Delete
@@ -1459,14 +1571,19 @@ function send_staff_notification_email() {
if (!confirm('Are you sure you want to hide this event?')) {return false;} if (!confirm('Are you sure you want to hide this event?')) {return false;}
handle_delete_event_obj({event_id: $idaa_slct.event_id, method: 'hide'}); handle_delete_event_obj({event_id: $idaa_slct.event_id, method: 'hide'});
}} }}
class="novi_btn btn btn-sm preset-tonal-warning" class="
novi_btn
btn btn-sm
preset-filled-warning-200-800 hover:preset-filled-error-200-800
transition
"
title="Hide record to delete" title="Hide record to delete"
> >
<span class="fas fa-comment-slash m-1"></span> Delete <span class="fas fa-comment-slash m-1"></span> Delete
</button> </button>
{/if} {/if}
{/if} {/if}
</section> </div>
</form> </form>

3
src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_li.svelte
View File

@@ -89,8 +89,7 @@ function add_activity_log(
</script> </script>
<section class="svelte_component ae_section ae_list event_obj_li list__event_obj recovery_meeting_list"> <section class="svelte_component ae_section ae_list event_obj_li list__event_obj recovery_meeting_list flex flex-col gap-2 items-center justify-center w-full">
<!-- <h1>Recovery Meetings {$lq__event_obj_li?.length}</h1> -->
{#if $lq__event_obj_li && $lq__event_obj_li.length} {#if $lq__event_obj_li && $lq__event_obj_li.length}
<div class="overflow-auto space-y-2"> <div class="overflow-auto space-y-2">

10
src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_qry.svelte
View File

@@ -192,7 +192,13 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
<section <section
class=" class="
ae_section ae_options filters_and_search flex flex-col flex-wrap gap-1 my-2 p-2 border rounded-md items-center justify-center bg-gray-200 border-gray-300 dark:bg-gray-800 dark:border-gray-700 d-flex align-items-center justify-content-center ae_section ae_options filters_and_search
flex flex-col flex-wrap gap-1 items-center justify-center
my-2 p-2
preset-filled-surface-200-800 preset-outlined-surface-300-700
rounded-lg
d-flex
align-items-center justify-content-center
" "
> >
@@ -263,7 +269,7 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
class=" class="
novi_btn novi_btn
btn btn-lg btn btn-lg
preset-tonal-success border border-success-500 hover:preset-filled-success-500 preset-tonal-success preset-outlined-success-200-800 hover:preset-filled-success-200-800
text-2xl font-bold w-48 text-2xl font-bold w-48
transition-all transition-all
" "