Enhance: Journal config options and UI result messaging

- Added Query Limit configuration for Journals and Entries in modal settings.
- Refactored +page.svelte to delegate empty-state handling to the entry list component.
- Improved "no results" messaging in ae_comp__journal_entry_obj_li.svelte.
This commit is contained in:
Scott Idem
2026-01-23 11:26:36 -05:00
parent b026a00af5
commit 4d932fcd2c
3 changed files with 31 additions and 5 deletions

View File

@@ -385,13 +385,15 @@
onShowImport={() => show_import_modal = true} onShowImport={() => show_import_modal = true}
/> />
{#if $lq__journal_entry_obj_li && $lq__journal_entry_obj_li?.length} <Journal_entry_obj_li {lq__journal_obj} {lq__journal_entry_obj_li} />
<!-- {#if $lq__journal_entry_obj_li && $lq__journal_entry_obj_li?.length}
<Journal_entry_obj_li {lq__journal_obj} {lq__journal_entry_obj_li} /> <Journal_entry_obj_li {lq__journal_obj} {lq__journal_entry_obj_li} />
{:else} {:else}
<section class="main_content grow px-1 md:px-2 pb-28 flex flex-col gap-1 items-center"> <section class="main_content grow px-1 md:px-2 pb-28 flex flex-col gap-1 items-center">
<p>No Journal Entry available to show. Please check the query filters or create a new Entry.</p> <p>No Journal Entry available to show. Please check the query filters or create a new Entry.</p>
</section> </section>
{/if} {/if} -->
<!-- </section> --> <!-- </section> -->

View File

@@ -557,6 +557,6 @@
/> />
{/if} {/if}
{:else} {:else}
<p>No &AElig; Journal Entry available to show.</p> <p>No &AElig; Journal Entry available to show. Please check the query filters or create a new Entry.</p>
{/if} {/if}
</section> </section>

View File

@@ -167,7 +167,7 @@
<Database size="1.2em" class="text-primary-500" /> <Database size="1.2em" class="text-primary-500" />
Journal Query Filters Journal Query Filters
</h2> </h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 p-2"> <div class="grid grid-cols-1 md:grid-cols-3 gap-6 p-2">
<label class="label"> <label class="label">
<span class="text-sm font-bold opacity-70">Enabled Status</span> <span class="text-sm font-bold opacity-70">Enabled Status</span>
<select bind:value={tmp_config.journal.qry__enabled} class="select select-sm variant-form-material"> <select bind:value={tmp_config.journal.qry__enabled} class="select select-sm variant-form-material">
@@ -184,6 +184,18 @@
<option value="all">All (Visible & Hidden & NULL)</option> <option value="all">All (Visible & Hidden & NULL)</option>
</select> </select>
</label> </label>
<label class="label">
<span class="text-sm font-bold opacity-70">Query Limit</span>
<select bind:value={tmp_config.journal.qry__limit} class="select select-sm variant-form-material">
<option value={10}>10</option>
<option value={20}>20</option>
<option value={50}>50</option>
<option value={100}>100</option>
<option value={250}>250</option>
<option value={500}>500</option>
<option value={1000}>1000</option>
</select>
</label>
</div> </div>
</section> </section>
@@ -193,7 +205,7 @@
<Database size="1.2em" class="text-primary-500" /> <Database size="1.2em" class="text-primary-500" />
Entry Query Filters Entry Query Filters
</h2> </h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 p-2"> <div class="grid grid-cols-1 md:grid-cols-3 gap-6 p-2">
<label class="label"> <label class="label">
<span class="text-sm font-bold opacity-70">Enabled Status</span> <span class="text-sm font-bold opacity-70">Enabled Status</span>
<select bind:value={tmp_config.entry.qry__enabled} class="select select-sm variant-form-material"> <select bind:value={tmp_config.entry.qry__enabled} class="select select-sm variant-form-material">
@@ -210,6 +222,18 @@
<option value="all">All (Visible & Hidden & NULL)</option> <option value="all">All (Visible & Hidden & NULL)</option>
</select> </select>
</label> </label>
<label class="label">
<span class="text-sm font-bold opacity-70">Query Limit</span>
<select bind:value={tmp_config.entry.qry__limit} class="select select-sm variant-form-material">
<option value={10}>10</option>
<option value={20}>20</option>
<option value={50}>50</option>
<option value={100}>100</option>
<option value={250}>250</option>
<option value={500}>500</option>
<option value={1000}>1000</option>
</select>
</label>
</div> </div>
</section> </section>