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

More work on editing a meeting

Browse Source
This commit is contained in:
Scott Idem
2025-07-09 13:32:56 -04:00
parent 628659f348
commit d97e6e74aa
1 changed files with 111 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -707,8 +707,8 @@ $effect(() => {
<div> <div>
<label for="name" class="w-full"> <label for="name" class="w-full">
<span class="text-sm font-semibold text-surface-600-400"> <span class="text-base font-semibold">
Name of Recovery Meeting: Name of Recovery Meeting
</span> </span>
<input <input
type="text" type="text"
@@ -728,7 +728,10 @@ $effect(() => {
</label> </label>
</div> </div>
<label for="description" class="ae_label event__description w-full">Short description <label for="description" class="ae_label event__description w-full">
<span class="text-base font-semibold">
Short description
</span>
<!-- <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> -->
<Tiptap_editor <Tiptap_editor
@@ -737,7 +740,7 @@ $effect(() => {
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={description_new_html} bind:new_html={description_new_html}
bind:changed={description_changed} bind:changed={description_changed}
classes="preset-tonal-surface hover:preset-filled-surface-100-900" classes="preset-tonal-surface hover:preset-filled-surface-100-900 font-mono font-normal"
placeholder="A short description or overview of this recovery meeting" placeholder="A short description or overview of this recovery meeting"
/> />
@@ -760,17 +763,11 @@ $effect(() => {
</label> </label>
<!-- <Editor
id="description"
bind:value={$idaa_slct.event_obj.description}
licenseKey="gpl"
license_key="gpl"
></Editor> -->
<div> <div>
<label class="form-group w-100"> <label class="form-group w-100">
Type of Recovery Meeting <span class="text-base font-semibold">
Type of Recovery Meeting
</span>
<select <select
name="type" name="type"
class=" class="
@@ -800,10 +797,24 @@ $effect(() => {
<h3 class="h2">How to Attended</h3> <h3 class="h2">How to Attended</h3>
<fieldset class="event__physical_virtual"> <fieldset class="event__physical_virtual">
<legend class="legend text-sm font-semibold text-surface-600-400">Face-to-Face or Virtual</legend> <legend class="legend text-lg font-semibold">Face-to-Face or Virtual</legend>
<p>Is this a face-to-face/in person meeting, a virtual/online meeting, or both?</p> <p>Is this a face-to-face/in person meeting, a virtual/online meeting, or both?</p>
<div class="ae_group border border-gray-200 rounded-md p-2 space-y-1 "> <div class="ae_group border border-gray-200 rounded-md p-2 space-y-1 ">
<label for="physical" class="form-check-label preset-tonal-surface hover:preset-filled-surface-100-900">Face-to-Face/In person <label
for="physical"
class="form-check-label preset-tonal-tertiary preset-outlined-tertiary-100-900 hover:preset-filled-success-100-900 px-2 py-1 rounded-lg"
class:preset-filled-success-200-800={$idaa_slct.event_obj.physical}
class:preset-tonal-tertiary="{!$idaa_slct.event_obj.physical}"
>
<span
class="
text-base font-semibold text-surface-600-400
"
>
<!-- <span class="fas fa-map-marker-alt"></span> -->
<span class="fas fa-home"></span>
Face-to-Face/In person
</span>
<input <input
type="checkbox" type="checkbox"
name="physical" name="physical"
@@ -812,7 +823,20 @@ $effect(() => {
class="checkbox form-check-input d-inline-block" class="checkbox form-check-input d-inline-block"
> >
</label> </label>
<label for="virtual" class="form-check-label preset-tonal-surface hover:preset-filled-surface-100-900">Virtual/Online <label
for="virtual"
class="form-check-label preset-outlined-tertiary-100-900 hover:preset-filled-success-100-900 px-2 py-1 rounded-lg"
class:preset-filled-success-200-800={$idaa_slct.event_obj.virtual}
class:preset-tonal-tertiary="{!$idaa_slct.event_obj.virtual}"
>
<span
class="
text-base font-semibold text-surface-600-400
"
>
<span class="fas fa-laptop"></span>
Virtual/Online
</span>
<input <input
type="checkbox" type="checkbox"
name="virtual" name="virtual"
@@ -824,12 +848,43 @@ $effect(() => {
</div> </div>
</fieldset> </fieldset>
{#if !$idaa_slct.event_obj?.physical && !$idaa_slct.event_obj?.more__location_fields}
<button
type="button"
class="
novi_btn btn-secondary
btn btn-sm
preset-filled-tertiary-200-800
transition
"
onclick={() => $idaa_slct.event_obj.more__location_fields = true}
>
<span class="fas fa-plus"></span>
Show Extra Location Fields
</button>
{:else if !$idaa_slct.event_obj?.physical && $idaa_slct.event_obj?.more__location_fields}
<button
type="button"
class="
novi_btn btn-secondary
btn btn-sm
preset-filled-tertiary-200-800
transition
"
onclick={() => $idaa_slct.event_obj.more__location_fields = false}
>
<span class="fas fa-minus"></span>
Hide Extra Location Fields
</button>
{/if}
<fieldset <fieldset
id="physical_address" id="physical_address"
class="physical_address fieldset space-y-1" class="physical_address fieldset space-y-1"
class:hidden={!$idaa_slct.event_obj?.physical}> class:hidden={!$idaa_slct.event_obj?.physical && !$idaa_slct.event_obj?.more__location_fields}
>
<legend>Address</legend> <legend class="legend text-lg font-semibold">Address</legend>
<input id="" name="address_location_id_random" type="hidden" value="{$lq__event_obj?.address_location_id_random}"> <input id="" name="address_location_id_random" type="hidden" value="{$lq__event_obj?.address_location_id_random}">
@@ -853,7 +908,9 @@ $effect(() => {
<fieldset <fieldset
id="physical_city_state_province_postal_code_country" id="physical_city_state_province_postal_code_country"
class="physical_city_state_province_postal_code_country space-y-1"> class="physical_city_state_province_postal_code_country space-y-1"
class:hidden={!$idaa_slct.event_obj?.physical && !$idaa_slct.event_obj?.more__location_fields}
>
<label for="address_city">City <label for="address_city">City
<input type="text" class="input w-40 preset-tonal-surface hover:preset-filled-surface-100-900 form-control" id="address_city" name="address_city" placeholder="Name of the city" value="{($lq__event_obj?.location_address_json && $lq__event_obj?.location_address_json.city ? $lq__event_obj?.location_address_json.city : $lq__event_obj?.address_city ?? '')}" autocomplete="address-level2"> <input type="text" class="input w-40 preset-tonal-surface hover:preset-filled-surface-100-900 form-control" id="address_city" name="address_city" placeholder="Name of the city" value="{($lq__event_obj?.location_address_json && $lq__event_obj?.location_address_json.city ? $lq__event_obj?.location_address_json.city : $lq__event_obj?.address_city ?? '')}" autocomplete="address-level2">
@@ -905,7 +962,12 @@ $effect(() => {
</fieldset> </fieldset>
<label for="location_text" class="w-full">Additional information the meeting location <label
for="location_text"
class="w-full"
class:hidden={!$idaa_slct.event_obj?.physical && !$idaa_slct.event_obj?.more__location_fields}
>
Additional information the meeting location
<!-- <textarea class="ae_value event__location_text tinymce_editor editor_less_100 textarea" id="location_text" name="location_text" placeholder="Additional information about the meeting location" rows="2" cols="70" bind:value={$idaa_slct.event_obj.location_text}></textarea> --> <!-- <textarea class="ae_value event__location_text tinymce_editor editor_less_100 textarea" id="location_text" name="location_text" placeholder="Additional information about the meeting location" rows="2" cols="70" bind:value={$idaa_slct.event_obj.location_text}></textarea> -->
<Tiptap_editor <Tiptap_editor
default_minimal={true} default_minimal={true}
@@ -933,13 +995,39 @@ $effect(() => {
{/if} --> {/if} -->
</label> </label>
{#if !$idaa_slct.event_obj?.virtual && !$idaa_slct.event_obj?.more__virtual_fields}
<button
type="button"
class="
novi_btn btn-secondary
btn btn-sm
transition
"
class:preset-filled-success-200-800={$idaa_loc.bb.more__virtual_fields}
class:preset-filled-tertiary-200-800={!$idaa_loc.bb.more__virtual_fields}
onclick={() => $idaa_slct.event_obj.more__virtual_fields = true}
>
<span class="fas fa-plus"></span>
Show Extra Virtual Fields
</button>
{:else if !$idaa_slct.event_obj?.virtual && $idaa_slct.event_obj?.more__virtual_fields}
<button
type="button"
class="btn btn-secondary preset-tonal-surface hover:preset-filled-surface-100-900"
onclick={() => $idaa_slct.event_obj.more__virtual_fields = false}
>
<span class="fas fa-minus"></span>
Hide Extra Virtual Fields
</button>
{/if}
<fieldset <fieldset
id="virtual" id="virtual"
class="virtual space-y-1" class="virtual space-y-1"
class:ae_d_none={!$idaa_slct.event_obj.virtual} class:hidden={!$idaa_slct.event_obj.virtual && !$idaa_slct.event_obj?.more__virtual_fields}
class:hidden={!$idaa_slct.event_obj.virtual}
> >
<legend>Virtual/Online</legend> <legend class="legend text-lg font-semibold">Virtual/Online</legend>
<label for="attend_url">URL to access the virtual meeting <label for="attend_url">URL to access the virtual meeting
<input type="url" class="input w-72 preset-tonal-surface hover:preset-filled-surface-100-900 form-control" id="attend_url" name="attend_url" placeholder="URL to access the virtual meeting" value={$lq__event_obj?.attend_url ?? ''} autocomplete="url"> <input type="url" class="input w-72 preset-tonal-surface hover:preset-filled-surface-100-900 form-control" id="attend_url" name="attend_url" placeholder="URL to access the virtual meeting" value={$lq__event_obj?.attend_url ?? ''} autocomplete="url">