feat: enhance search functionality

This commit is contained in:
Azgaar 2026-01-11 03:53:58 +01:00
parent 3e339b78d4
commit 51f9db39b6
6 changed files with 91 additions and 86 deletions

View file

@ -5374,7 +5374,9 @@
data-tip="Apply a filter"
style="padding-block: 0.1em; display: flex; gap: 0.5em; width: 100%"
>
<label for="burgsSearch">Search: <input id="burgsSearch" type="search" /></label>
<label for="burgsSearch" data-tip="Filter by name, province, state, culture, or group"
>Search: <input id="burgsSearch" type="search"
/></label>
<label for="burgsFilterState"
>State:
@ -5389,7 +5391,7 @@
<div id="burgsFooter" class="totalLine">
<div data-tip="Burgs displayed" style="margin-left: 4px">
Burgs:&nbsp;<span id="burgsFooterBurgs">0</span>
Burgs:&nbsp;<span id="burgsFooterBurgs">0 of 0</span>
</div>
<div data-tip="Average population" style="margin-left: 14px">
@ -5466,15 +5468,11 @@
</div>
</div>
<div style="padding: 0.3em 0.5em">
<input id="routesSearch" type="text" placeholder="Search by name or group..." style="width: 100%" />
</div>
<div id="routesBody" class="table"></div>
<div id="routesFooter" class="totalLine">
<div data-tip="Routes number" style="margin-left: 4px">
Total routes:&nbsp;<span id="routesFooterNumber">0</span>
Routes:&nbsp;<span id="routesFooterNumber">0</span>
</div>
<div data-tip="Average length" style="margin-left: 12px">
Average length:&nbsp;<span id="routesFooterLength">0</span>
@ -5495,11 +5493,14 @@
></button>
<button id="routesLockAll" data-tip="Lock or unlock all routes" class="icon-lock"></button>
<button id="routesRemoveAll" data-tip="Remove all routes" class="icon-trash"></button>
<label for="routesSearch" data-tip="Filter by name or group" style="margin-left: 0.2em"
>Search: <input id="routesSearch" type="search"
/></label>
</div>
</div>
<div id="riversOverview" class="dialog stable" style="display: none">
<div id="riversHeader" class="header" style="grid-template-columns: 9em 4em 6em 6em 5em 9em">
<div id="riversHeader" class="header" style="grid-template-columns: 9em 4em 7em 5em 5em 9em">
<div data-tip="Click to sort by river name" class="sortable alphabetically" data-sortby="name">
River&nbsp;
</div>
@ -5520,10 +5521,6 @@
</div>
</div>
<div style="padding: 0.3em 0.5em">
<input id="riversSearch" type="text" placeholder="Search by name, type, or basin..." style="width: 100%" />
</div>
<div id="riversBody" class="table"></div>
<div id="riversFooter" class="totalLine">
@ -5556,6 +5553,9 @@
class="icon-download"
></button>
<button id="riversRemoveAll" data-tip="Remove all rivers" class="icon-trash"></button>
<label for="riversSearch" data-tip="Filter by name, type or basin" style="margin-left: 0.2em"
>Search: <input id="riversSearch" type="search"
/></label>
</div>
</div>
@ -5723,15 +5723,17 @@
></div>
</div>
<div style="padding: 0.3em 0.5em">
<input id="markersSearch" type="text" placeholder="Search by type..." style="width: 100%" />
</div>
<div id="markersBody" class="table"></div>
<div>
<label for="markersSearch" data-tip="Filter by type"
>Search: <input id="markersSearch" type="search"
/></label>
</div>
<div id="markersFooter" class="totalLine">
<div data-tip="Markers number" style="margin-left: 4px">
Total:&nbsp;<span id="markersFooterNumber">0</span>&nbsp;markers
<div data-tip="Markers number">
Markers: <span id="markersFooterNumber">0</span> of <span id="markersFooterTotal">0</span>
</div>
</div>
@ -8567,12 +8569,12 @@
<script defer src="modules/ui/ai-generator.js?v=1.108.8"></script>
<script defer src="modules/ui/diplomacy-editor.js?v=1.99.00"></script>
<script defer src="modules/ui/zones-editor.js?v=1.105.20"></script>
<script defer src="modules/ui/burgs-overview.js?v=1.105.15"></script>
<script defer src="modules/ui/routes-overview.js?v=1.104.3"></script>
<script defer src="modules/ui/rivers-overview.js?v=1.99.00"></script>
<script defer src="modules/ui/burgs-overview.js?v=1.110.0"></script>
<script defer src="modules/ui/routes-overview.js?v=1.110.0"></script>
<script defer src="modules/ui/rivers-overview.js?v=1.110.0"></script>
<script defer src="modules/ui/military-overview.js?v=1.108.5"></script>
<script defer src="modules/ui/regiments-overview.js?v=1.108.5"></script>
<script defer src="modules/ui/markers-overview.js?v=1.108.10"></script>
<script defer src="modules/ui/markers-overview.js?v=1.110.0"></script>
<script defer src="modules/ui/regiment-editor.js?v=1.108.5"></script>
<script defer src="modules/ui/battle-screen.js?v=1.108.5"></script>
<script defer src="modules/ui/emblems-editor.js?v=1.99.00"></script>