feat: add CodeMirror support and enhance icons in AE Obj Field Editor (New)

- Integrated AE_Comp_Editor_CodeMirror as a supported field_type.
- Enhanced button UX with descriptive Lucide icons and title text (Eraser for Clear, etc.).
- Switched Location View description field to use the CodeMirror editor.
- Updated test playground to include a CodeMirror example.
This commit is contained in:
Scott Idem
2026-06-16 17:24:13 -04:00
parent 7e97928e05
commit 41555cb717
3 changed files with 40 additions and 13 deletions

View File

@@ -260,11 +260,10 @@ $effect(() => {
object_type={'event_location'}
object_id={$lq__event_location_obj?.event_location_id}
field_name={'description'}
field_type={'textarea'}
field_type={'codemirror'}
current_value={$lq__event_location_obj.description}
allow_null={true}
display_block={true}
textarea_rows={15}
on_success={() =>
events_func.load_ae_obj_id__event_location({
api_cfg: $ae_api,
@@ -292,9 +291,12 @@ $effect(() => {
{/if}
</button>
<pre
class="bg-surface-100-900 rounded-lg p-3 text-sm whitespace-pre-wrap"
class:hidden={!pres_mgmt_loc.current.show_content__location_description}>{$lq__event_location_obj.description}</pre>
<div
class="bg-surface-100-900 prose dark:prose-invert max-w-none rounded-lg p-3 text-sm"
class:hidden={!pres_mgmt_loc.current.show_content__location_description}>
<!-- eslint-disable-next-line svelte/no-at-html-tags -->
{@html $lq__event_location_obj.description}
</div>
{:else}
{@html ae_snip.html__not_set}
{/if}

View File

@@ -191,6 +191,19 @@ function handle_success(data: any) {
{log_lvl} />
</div>
<div class="field_group">
<label for="j_summary_new" class="text-surface-500 mb-1 block text-xs font-bold uppercase">Summary (CodeMirror)</label>
<AE_Obj_Field_Editor_New
id="j_summary_new"
object_type="journal"
object_id={test_journal_id}
field_name="summary"
bind:current_value={$lq__test_journal.summary}
field_type="codemirror"
display_block={true}
{log_lvl} />
</div>
<div class="field_group">
<label for="j_code_new" class="text-surface-500 mb-1 block text-xs font-bold uppercase">Code (New: Email/URL/Tel)</label>
<AE_Obj_Field_Editor_New