mirror of
https://github.com/Azgaar/Fantasy-Map-Generator.git
synced 2025-12-17 01:41:22 +01:00
Zone filter (#728)
* Adding zone type dropdown to index.html * added zone type filter to zones-editor.js * zoneTypes dialog add and delete types, dialog * filtering types * correct filter button and prompt The filter button now works on click with an added zonesEditorAddLines(); on function toggleFilterTable(). If the table is empty, a message appears on a line giving advice. * Amount of types and fixes Fixed some spacing in zoneTypes dialog, and made a count for the amount of zones per type. * Minor changes for zone types * dialog for types on a button New button for the zone Types dialog. * typo in index.html * update on click add type Co-authored-by: Evolvedexperiment <evolvedexperiment@gmail.com> Co-authored-by: Azgaar <maxganiev@yandex.ru>
This commit is contained in:
parent
ca2716a5c4
commit
8e7ccbd50d
3 changed files with 165 additions and 3 deletions
28
index.html
28
index.html
|
|
@ -2874,9 +2874,16 @@
|
|||
<div style="left:13em" data-tip="Zone cells count" class="hide">Cells </div>
|
||||
<div style="left:19em" data-tip="Zone area" class="hide">Area </div>
|
||||
<div style="left:24em" data-tip="Zone population" class="hide">Population </div>
|
||||
<div style="left:31em" data-tip="Zone type" class="hide">Type </div>
|
||||
</div>
|
||||
|
||||
<div id="zonesBodySection" class="table" data-type="absolute"></div>
|
||||
|
||||
<div id="zonesFilters">
|
||||
<span>Filter by type: </span>
|
||||
<select id="zonesFilterType" data-tip="Only zones of this type appear on the map"></select>
|
||||
<button id="zonesFilterButton" data-tip="Click to toggle the filtering of elements on the list" class="icon-resize-small"></button>
|
||||
</div>
|
||||
|
||||
<div id="zonesFooter" class="totalLine">
|
||||
<div data-tip="Number of zones" style="margin-left: 5px">Zones: <span id="zonesFooterNumber">0</span></div>
|
||||
|
|
@ -2902,10 +2909,29 @@
|
|||
<button id="zonesRemove" data-tip="Click to toggle the removal mode on brush dragging. Shortcut: ctrl" class="icon-eraser"></button>
|
||||
</div>
|
||||
|
||||
<button id="zonesAdd" data-tip="Add a new zone layer" class="icon-plus"></button>
|
||||
<button id="zonesAdd" data-tip="Add new zone layers" class="icon-plus"></button>
|
||||
<button id="zonesEditTypes" data-tip="Add and edit zone types" class="icon-edit"></button>
|
||||
<button id="zonesExport" data-tip="Download zones-related data" class="icon-download"></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="zonesTypes" class="dialog stable" style="display: none">
|
||||
<div id="customHeader" class="header">
|
||||
<div style="left:1.8em" data-tip="Name of this type of zone">Type Name </div>
|
||||
<div style="left:14em" data-tip="Number of zones of this type" class="hide">Amount </div>
|
||||
</div>
|
||||
|
||||
<div id="zonesTypesBodySection" class="table" data-type="absolute"></div>
|
||||
|
||||
<div id="zonesTypesFooter" class="totalLine">
|
||||
<div data-tip="The amount of zone types" style="margin-left: 5px">Types: <span id="zonesTypesFooterNumber">0</span></div>
|
||||
</div>
|
||||
|
||||
<div id="zonesTypesBottom">
|
||||
<input type="text" id="zonesNewTypeInput" data-tip="Write the name of the type you want to add" maxlength="20" placeholder="Add type"></input>
|
||||
<input type="button" id="zonesNewTypeButton" data-tip="Click add to save the type" value="Add">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="notesEditor" class="dialog stable textual" style="display: none">
|
||||
<div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue