From fcefcc510b9043ca7e684a3fcc4e9294295ae267 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Tue, 8 Jul 2025 16:53:45 -0400
Subject: [PATCH] Saving work on IDAA pages

---
 .../bb/ae_idaa_comp__post_obj_id_edit.svelte  |  10 +-
 .../bb/ae_idaa_comp__post_options.svelte      |  37 ++++-
 .../ae_idaa_comp__event_obj_li.svelte         |   5 +-
 .../ae_idaa_comp__event_obj_qry.svelte        | 143 +++++++++++++-----
 4 files changed, 150 insertions(+), 45 deletions(-)

diff --git a/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_id_edit.svelte b/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_id_edit.svelte
index c3e75957..531abec2 100644
--- a/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_id_edit.svelte
+++ b/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_id_edit.svelte
@@ -1022,8 +1022,9 @@ $effect(() => {
                 disabled={(disable_submit_btn || !obj_changed)}
                 class="
                     novi_btn btn-warning
-                    btn preset-tonal-success
-                    hover:preset-filled-success-200-800 transition
+                    btn
+                    preset-tonal-success hover:preset-filled-success-200-800
+                    transition
                 "
                 >
                 {#await prom_api__post_obj}
@@ -1042,8 +1043,9 @@ $effect(() => {
                 }}
                 class="
                     novi_btn btn-warning
-                    btn preset-tonal-warning
-                    hover:preset-filled-warning-200-800 transition
+                    btn
+                    preset-tonal-warning hover:preset-filled-warning-200-800
+                    transition
                 "
                 >
                 {#await prom_api__post_obj}
diff --git a/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_options.svelte b/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_options.svelte
index a47124a9..4467bc71 100644
--- a/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_options.svelte
+++ b/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_options.svelte
@@ -54,6 +54,7 @@ if (log_lvl) console.log('** Component Loaded: ** Post Options');
                 <option value={50}>50</option>
                 <option value={75} class:hidden={!$ae_loc.trusted_access}>75</option>
                 <option value={100} class:hidden={!$ae_loc.trusted_access}>100</option>
+                <option value={150} class:hidden={!$ae_loc.trusted_access}>150</option>
                 <option value={200} class:hidden={!$ae_loc.trusted_access}>200</option>
                 <option value={500} class:hidden={!$ae_loc.trusted_access}>500</option>
             </select>
@@ -68,7 +69,12 @@ if (log_lvl) console.log('** Component Loaded: ** Post Options');
                     $idaa_loc.bb.qry__limit = 100;
                     $idaa_trig.post_li = true;
                 }}
-                class="novi_btn btn_show_bb_post ae_btn btn btn-info btn-sm preset-tonal-secondary border border-secondary-500"
+                class="
+                    novi_btn btn_hide_bb_post ae_btn btn-info
+                    btn btn-sm
+                    preset-tonal-secondary preset-outlined-secondary-200-800 hover:preset-filled-secondary-200-800
+                    transition
+                "
                 >
                 <span class="fas fa-eye m-1"></span> Show Hidden Posts
             </button>
@@ -79,7 +85,12 @@ if (log_lvl) console.log('** Component Loaded: ** Post Options');
                     $idaa_loc.bb.qry__hidden = 'not_hidden';
                     $idaa_trig.post_li = true;
                 }}
-                class="novi_btn btn_hide_bb_post ae_btn btn btn-info btn-sm preset-tonal-secondary border border-secondary-500"
+                class="
+                    novi_btn btn_hide_bb_post ae_btn btn-info
+                    btn btn-sm
+                    preset-tonal-secondary preset-outlined-secondary-200-800 hover:preset-filled-secondary-200-800
+                    transition
+                "
                 >
                 <span class="fas fa-eye-slash m-1"></span> Hide Hidden Posts
             </button>
@@ -94,7 +105,12 @@ if (log_lvl) console.log('** Component Loaded: ** Post Options');
                     $idaa_loc.bb.qry__limit = 500;
                     $idaa_trig.post_li = true;
                 }}
-                class="novi_btn btn_show_bb_post ae_btn btn btn-warning btn-sm preset-tonal-secondary border border-secondary-500"
+                class="
+                    novi_btn btn_show_bb_post ae_btn btn-warning
+                    btn btn-sm
+                    preset-tonal-warning preset-outlined-warning-200-800 hover:preset-filled-warning-200-800
+                    transition
+                "
                 >
                 <span class="fas fa-eye m-1"></span> Show Disabled Posts
             </button>
@@ -105,7 +121,12 @@ if (log_lvl) console.log('** Component Loaded: ** Post Options');
                     $idaa_loc.bb.qry__enabled = 'enabled';
                     $idaa_trig.post_li = true;
                 }}
-                class="novi_btn btn_hide_bb_post ae_btn btn btn-warning btn-sm preset-tonal-secondary border border-secondary-500"
+                class="
+                    novi_btn btn_hide_bb_post ae_btn btn-warning
+                    btn btn-sm
+                    preset-tonal-warning preset-outlined-warning-200-800 hover:preset-filled-warning-200-800
+                    transition
+                    "
                 >
                 <span class="fas fa-eye-slash m-1"></span> Hide Disabled Posts
             </button>
@@ -177,7 +198,13 @@ if (log_lvl) console.log('** Component Loaded: ** Post Options');
                 // $idaa_sess.bb.show__modal_view__post_id = true;
                 // $idaa_sess.bb.show__inline_edit__post_obj = true;
             }}
-            class="novi_btn btn_new_post btn btn-sm preset-tonal-warning border border-warning-500 hover:preset-filled-warning-500 transition text-xs"
+            class="
+                novi_btn btn-tertiary
+                text-xs
+                btn btn-sm
+                preset-tonal-warning preset-outlined-warning-200-800 hover:preset-filled-warning-200-800
+                transition
+                "
             title="Create new post"
             >
             <span class="fas fa-plus m-1"></span> Create New Post
diff --git a/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_li.svelte b/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_li.svelte
index 65bf7a81..39592e04 100644
--- a/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_li.svelte
+++ b/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_li.svelte
@@ -178,9 +178,10 @@ function add_activity_log(
                 class="novi_btn btn btn-secondary btn-md preset-tonal-primary border border-primary-500 hover:preset-filled-primary-500 transition"
                 title={`Open to see details: ${idaa_event_obj?.name}`}
                 >
-                <span class="fas fa-envelope-open m-1"></span>
+                <!-- <span class="fas fa-envelope-open m-1"></span> -->
+                <span class="fas fa-calendar-check m-1"></span>
                 <!-- <span class="fas fa-info-circle"></span> -->
-                View Details
+                Meeting Details
             </a>
             <button
                 type="button"
diff --git a/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_qry.svelte b/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_qry.svelte
index 7cd56597..8f874c9f 100644
--- a/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_qry.svelte
+++ b/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_qry.svelte
@@ -220,7 +220,12 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
         <div class="ae_group flex flex-row flex-wrap gap-2 w-full items-center justify-center border-b border-surface-300-700 p-1">
             <button
                 type="button"
-                class="novi_btn novi_smallest btn btn-sm preset-tonal-secondary border border-secondary-500 hover:preset-filled-secondary-500 transition-all *:hover:inline"
+                class="
+                    novi_btn novi_smallest
+                    btn btn-sm
+                    preset-tonal-secondary border border-secondary-500 hover:preset-filled-secondary-500
+                    transition-all *:hover:inline
+                    "
                 on:click={() => {
                     $idaa_loc.recovery_meetings.qry__fulltext_str = '';
                     // $idaa_trig.event_li_qry = true;
@@ -245,11 +250,23 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
                     }
                 }
                 style="width: 50%;"
-                class="input text-sm hover:text-2xl font-bold font-mono w-80 transition-all"
+                class="
+                    input text-sm hover:text-2xl font-semibold font-mono w-80
+                    transition-all
+                    preset-tonal-tertiary
+                    preset-outline-tertiary-200-800
+                    form-control
+                "
                 >
             <button
                 type="submit"
-                class="novi_btn btn btn-lg preset-tonal-success border border-success-500 hover:preset-filled-success-500 text-2xl font-bold w-48 transition-all"
+                class="
+                    novi_btn
+                    btn btn-lg
+                    preset-tonal-success border border-success-500 hover:preset-filled-success-500
+                    text-2xl font-bold w-48
+                    transition-all
+                    "
                 title="Search for meetings by day of week, location, contacts, etc."
                 >
                 <!-- <span class="fas fa-search m-1"></span> -->
@@ -266,78 +283,88 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
         </div>
 
         <div class="flex flex-row flex-wrap gap-2 w-full max-w-xl items-center justify-start border-b border-surface-300-700 p-1">
-            <span class="text-sm font-semibold">
-                Location?</span>
+            <span class="text-xs form-check-label d-inline-block">
+                Location?
+            </span>
             <!-- <div class="ae_row ae_flex_justify_around ae_width_md"> -->
-            <label class="flex flex-row gap-1 items-center justify-center">
+            <label class="legend w-auto text-sm font-semibold inline form-check-label flex-row gap-1 items-center justify-center d-inline-block">
+                <span>
                 Virtual
+                </span>
                 <input
                     name="qry_virtual"
                     type="checkbox"
                     bind:checked={$idaa_loc.recovery_meetings.qry__virtual}
                     on:change={() => {$idaa_trig.event_li_qry = true;}}
-                    class="checkbox inline"
+                    class="checkbox inline form-check-input d-inline-block"
                     >
             </label>
-            <label class="flex flex-row gap-1 items-center justify-center">
+            <label class="legend w-auto text-sm font-semibold inline form-check-label flex-row gap-1 items-center justify-center d-inline-block">
                 In-person
                 <input
                     name="qry_physical"
                     type="checkbox"
                     bind:checked={$idaa_loc.recovery_meetings.qry__physical}
                     on:change={() => {$idaa_trig.event_li_qry = true;}}
-                    class="checkbox inline"
+                    class="checkbox inline form-check-input d-inline-block"
                     >
             </label>
             <!-- </div> -->
         </div>
 
         <div class="flex flex-row flex-wrap gap-2 w-full max-w-xl items-center justify-start border-b border-surface-300-700 p-1">
-            <div class="text-sm font-semibold">
+            <span class="text-xs form-check-label d-inline-block">
                 Type?
-            </div>
+            </span>
+
             <!-- <div class="ae_row ae_flex_justify_around ae_width_100"> -->
-            <label class="flex flex-row flex-wrap gap-1 items-center justify-center">All
+            <label class="legend w-auto text-sm font-semibold inline form-check-label flex-row gap-1 items-center justify-center d-inline-block">
+                <span>
+                    All
+                </span>
                 <input
                     name="qry_type"
                     type="radio"
                     value=""
                     bind:group={$idaa_loc.recovery_meetings.qry__type}
                     on:change={() => {$idaa_trig.event_li_qry = true;}}
-                    class="radio inline"
+                    class="radio inline form-check-input d-inline-block"
                     title="Show all meeting types"
                     >
             </label>
-            <label class="flex flex-row gap-1 items-center justify-center">IDAA
+            <label class="legend w-auto text-sm font-semibold inline form-check-label flex-row gap-1 items-center justify-center d-inline-block">
+                IDAA
                 <input
                     name="qry_type"
                     type="radio"
                     value="IDAA"
                     bind:group={$idaa_loc.recovery_meetings.qry__type}
                     on:change={() => {$idaa_trig.event_li_qry = true;}}
-                    class="radio inline"
+                    class="radio inline form-check-input d-inline-block"
                     title="Open to IDAA members only"
                     >
             </label>
-            <label class="flex flex-row gap-1 items-center justify-center">Caduceus
+            <label class="legend w-auto text-sm font-semibold inline form-check-label flex-row gap-1 items-center justify-center d-inline-block">
+                Caduceus
                 <input
                     name="qry_type"
                     type="radio"
                     value="Caduceus"
                     bind:group={$idaa_loc.recovery_meetings.qry__type}
                     on:change={() => {$idaa_trig.event_li_qry = true;}}
-                    class="radio inline"
+                    class="radio inline form-check-input d-inline-block"
                     title="Open to all healthcare workers including those who do not qualify for IDAA"
                     >
             </label>
-            <label class="flex flex-row gap-1 items-center justify-center">Family Recovery
+            <label class="legend w-auto text-sm font-semibold inline form-check-label flex-row gap-1 items-center justify-center d-inline-block">
+                Family Recovery
                 <input
                     name="qry_type"
                     type="radio"
                     value="Family Recovery"
                     bind:group={$idaa_loc.recovery_meetings.qry__type}
                     on:change={() => {$idaa_trig.event_li_qry = true;}}
-                    class="radio"
+                    class="radio inline form-check-input d-inline-block"
                     title="Open to spouses, parents, and children of medical professionals who have substance use disorder."
                     >
             </label>
@@ -376,13 +403,13 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
 
         <!-- Max events select options -->
         <span
-            class="flex flex-row gap-1 items-start justify-start p-1"
+            class="flex flex-row gap-1 items-center justify-around"
             >
             <label
-                class="text-sm font-semibold w-32 text-right mx-1"
+                class="text-sm w-32 md:w-42 form-group"
                 for="qry_limit__events">
                 Max results:
-            </label>
+
             <select
                 id="qry_limit__events"
                 bind:value={$idaa_loc.recovery_meetings.qry__limit}
@@ -403,15 +430,24 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
                     //     log_lvl: log_lvl,
                     // });
                 }}
-                class="select w-20 text-sm"
+                class="
+                    select w-20 text-sm inline-block
+                    px-1
+                    preset-tonal-tertiary
+                    preset-outline-tertiary-200-800
+                    form-control col-sm-12
+                "
                 >
+                <option value={10}>10</option>
                 <option value={25}>25</option>
                 <option value={50}>50</option>
                 <option value={75}>75</option>
                 <option value={100}>100</option>
-                <option value={200}>200</option>
-                <option value={500}>500</option>
+                <option value={150}>150</option>
+                <option value={200} class:hidden={!$ae_loc.trusted_access}>200</option>
+                <option value={500} class:hidden={!$ae_loc.trusted_access}>500</option>
             </select>
+            </label>
         <!-- </span> -->
 
         <!-- Sort by last updated date or by name -->
@@ -419,10 +455,10 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
             class="flex flex-row gap-1 items-center justify-around"
             > -->
             <label
-                class="text-sm font-semibold w-32 text-right mx-1"
+                class="text-sm w-32 md:w-42 form-group"
                 for="qry_order_by__events">
                 Sort by:
-            </label>
+
             <select
                 id="qry_order_by__events"
                 bind:value={$idaa_loc.recovery_meetings.qry__order_by}
@@ -436,11 +472,18 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
                     }
                     $idaa_trig.event_li_qry = true;
                 }}
-                class="select w-40 text-sm"
+                class="
+                    select w-40 text-sm inline-block
+                    px-1
+                    preset-tonal-tertiary
+                    preset-outline-tertiary-200-800
+                    form-control col-sm-12
+                "
                 >
                 <option value="updated_on">Last Updated</option>
                 <option value="name">Meeting Name</option>
             </select>
+            </label>
         </span>
 
         <span
@@ -454,7 +497,12 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
                     $idaa_loc.recovery_meetings.qry__limit = 200;
                     $idaa_trig.event_li_qry = true;
                 }}
-                class="novi_btn btn_show_bb_post ae_btn btn btn-info btn-sm preset-tonal-secondary border border-secondary-500"
+                class="
+                    novi_btn btn_show_recovery_mtg_event ae_btn btn-info
+                    btn btn-sm
+                    preset-tonal-secondary preset-outlined-secondary-200-800 hover:preset-filled-secondary-200-800
+                    transition
+                    "
                 >
                 <span class="fas fa-eye m-1"></span> Show Hidden Events
             </button>
@@ -466,7 +514,12 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
                     // $idaa_loc.recovery_meetings.qry__limit = 100;
                     $idaa_trig.event_li_qry = true;
                 }}
-                class="novi_btn btn_hide_bb_post ae_btn btn btn-info btn-sm preset-tonal-secondary border border-secondary-500"
+                class="
+                    novi_btn btn_hide_recovery_mtg_event ae_btn btn-info
+                    btn btn-sm
+                    preset-tonal-secondary preset-outlined-secondary-200-800 hover:preset-filled-secondary-200-800
+                    transition
+                    "
                 >
                 <span class="fas fa-eye-slash m-1"></span> Hide Hidden Events
             </button>
@@ -481,7 +534,12 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
                     $idaa_loc.recovery_meetings.qry__limit = 500;
                     $idaa_trig.event_li_qry = true;
                 }}
-                class="novi_btn btn_show_bb_post ae_btn btn btn-warning btn-sm preset-tonal-secondary border border-secondary-500"
+                class="
+                    novi_btn btn_show_recovery_mtg_event ae_btn btn-warning
+                    btn btn-sm
+                    preset-tonal-warning preset-outlined-warning-200-800 hover:preset-filled-warning-200-800
+                    transition
+                    "
                 >
                 <span class="fas fa-eye m-1"></span> Show Disabled Events
             </button>
@@ -492,7 +550,12 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
                     $idaa_loc.recovery_meetings.qry__enabled = 'enabled';
                     $idaa_trig.event_li_qry = true;
                 }}
-                class="novi_btn btn_hide_bb_post ae_btn btn btn-warning btn-sm preset-tonal-secondary border border-secondary-500"
+                class="
+                    novi_btn btn_hide_recovery_mtg_event ae_btn btn-warning
+                    btn btn-sm
+                    preset-tonal-warning preset-outlined-warning-200-800 hover:preset-filled-warning-200-800
+                    transition
+                    "
                 >
                 <span class="fas fa-eye-slash m-1"></span> Hide Disabled Events
             </button>
@@ -561,7 +624,13 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
 
 
             }}
-            class="novi_btn btn btn-sm btn-tertiary preset-tonal-warning border border-warning-500 hover:preset-filled-warning-500 transition text-xs"
+            class="
+                novi_btn btn-tertiary
+                text-xs
+                btn btn-sm
+                preset-tonal-warning preset-outlined-warning-200-800 hover:preset-filled-warning-200-800
+                transition
+                "
             disabled={!$ae_loc.authenticated_access}
             >
             <span class="fas fa-plus m-1"></span> Create New Meeting
@@ -589,7 +658,13 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
                     });
 
             }}
-            class="novi_btn export_data_btn btn btn-sm preset-tonal-warning border border-warning-500 hover:preset-filled-warning-500 transition text-xs"
+            class="
+                novi_btn btn-tertiary
+                text-xs
+                btn btn-sm
+                preset-tonal-warning preset-outlined-warning-200-800 hover:preset-filled-warning-200-800
+                transition
+                "
             title={`Download sponsorship data for ${$ae_loc.account_name}`}
             >
             {#await ae_promises.download__events_export}