mirror of
https://github.com/Azgaar/Fantasy-Map-Generator.git
synced 2026-02-05 01:51:23 +01:00
feat: add search functionality to overview components
This commit is contained in:
parent
d0395624af
commit
3e339b78d4
5 changed files with 93 additions and 16 deletions
32
index.html
32
index.html
|
|
@ -5369,12 +5369,22 @@
|
|||
|
||||
<div id="burgsBody" class="table"></div>
|
||||
|
||||
<div id="burgsFilters" data-tip="Apply a filter" style="padding-block: 0.1em">
|
||||
<label for="burgsFilterState">State:</label>
|
||||
<select id="burgsFilterState" style="width: 28%"></select>
|
||||
<div
|
||||
id="burgsFilters"
|
||||
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="burgsFilterCulture">Culture:</label>
|
||||
<select id="burgsFilterCulture" style="width: 28%"></select>
|
||||
<label for="burgsFilterState"
|
||||
>State:
|
||||
<select id="burgsFilterState"></select
|
||||
></label>
|
||||
|
||||
<label for="burgsFilterCulture"
|
||||
>Culture:
|
||||
<select id="burgsFilterCulture"></select
|
||||
></label>
|
||||
</div>
|
||||
|
||||
<div id="burgsFooter" class="totalLine">
|
||||
|
|
@ -5456,6 +5466,10 @@
|
|||
</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">
|
||||
|
|
@ -5506,6 +5520,10 @@
|
|||
</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">
|
||||
|
|
@ -5705,6 +5723,10 @@
|
|||
></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 id="markersFooter" class="totalLine">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue