From d97e6e74aad86d3347f8f37f975119eeafdaca5e Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Wed, 9 Jul 2025 13:32:56 -0400
Subject: [PATCH] More work on editing a meeting

---
 .../ae_idaa_comp__event_obj_id_edit.svelte    | 134 +++++++++++++++---
 1 file changed, 111 insertions(+), 23 deletions(-)

diff --git a/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_id_edit.svelte b/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_id_edit.svelte
index 08771a77..02cf8ed6 100644
--- a/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_id_edit.svelte
+++ b/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_id_edit.svelte
@@ -707,8 +707,8 @@ $effect(() => {
 
         <div>
         <label for="name" class="w-full">
-            <span class="text-sm font-semibold text-surface-600-400">
-                Name of Recovery Meeting:
+            <span class="text-base font-semibold">
+                Name of Recovery Meeting
             </span>
         <input
             type="text"
@@ -728,7 +728,10 @@ $effect(() => {
         </label>
         </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> -->
 
             <Tiptap_editor
@@ -737,7 +740,7 @@ $effect(() => {
                 show_button_kv={{'heading__h1': false, 'heading__h2': false, 'heading__h3': false}}
                 bind:new_html={description_new_html}
                 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"
                 />
 
@@ -760,17 +763,11 @@ $effect(() => {
 
         </label>
 
-
-        <!-- <Editor
-            id="description"
-            bind:value={$idaa_slct.event_obj.description}
-            licenseKey="gpl"
-            license_key="gpl"
-            ></Editor> -->
-
         <div>
             <label class="form-group w-100">
-                Type of Recovery Meeting
+                <span class="text-base font-semibold">
+                    Type of Recovery Meeting
+                </span>
                 <select
                     name="type"
                     class="
@@ -800,10 +797,24 @@ $effect(() => {
         <h3 class="h2">How to Attended</h3>
 
         <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>
             <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
                         type="checkbox"
                         name="physical"
@@ -812,7 +823,20 @@ $effect(() => {
                         class="checkbox form-check-input d-inline-block"
                         >
                 </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
                         type="checkbox"
                         name="virtual"
@@ -824,12 +848,43 @@ $effect(() => {
             </div>
         </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
             id="physical_address"
             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}">
 
@@ -853,7 +908,9 @@ $effect(() => {
 
         <fieldset
             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
                 <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>
 
-        <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> -->
             <Tiptap_editor
                 default_minimal={true}
@@ -933,13 +995,39 @@ $effect(() => {
             {/if} -->
         </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
             id="virtual"
             class="virtual space-y-1"
-            class:ae_d_none={!$idaa_slct.event_obj.virtual}
-            class:hidden={!$idaa_slct.event_obj.virtual}
+            class:hidden={!$idaa_slct.event_obj.virtual && !$idaa_slct.event_obj?.more__virtual_fields}
             >
-            <legend>Virtual/Online</legend>
+            <legend class="legend text-lg font-semibold">Virtual/Online</legend>
 
             <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">