zoneTypes dialog

add and delete types, dialog
This commit is contained in:
Ángel Montero Lamas 2022-01-19 18:29:06 +01:00
parent b1f3e5035d
commit 7873f8fb80
3 changed files with 125 additions and 17 deletions

View file

@ -2914,16 +2914,9 @@
<div id="zonesBodySection" class="table" data-type="absolute"></div>
<div id="zonesFilters">
<span>Type: </span>
<select id="zonesFilterType" data-tip="Only zones of this type appear on the map">
<option selected>All</option>
<option>Invasion</option>
<option>Rebels</option>
<option>Proselytism</option>
<option>Crusade</option>
<option>Disease</option>
<option>Disaster</option>
</select>
<span>Filter by type: </span>
<select id="zonesFilterType" data-tip="Only zones of this type appear on the map"></select>
<button id="zonesFilterTable" data-tip="Click to toggle the filtering of elements on the list" class="icon-eye"></button>
</div>
<div id="zonesFooter" class="totalLine">
@ -2950,10 +2943,30 @@
<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 or types" class="icon-plus"></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&nbsp;</div>
<div style="left:12em" data-tip="Number of zones of this type" class="hide">Amount&nbsp;</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:&nbsp;<span id="zonesTypesFooterNumber">0</span></div>
</div>
<div id="zonesTypesBottom">
<button id="zonesNewBlank" data-tip="Add a new blank zone layer" class="icon-flag-empty"></button>
<button id="zonesNewRandom" data-tip="Add a new pre-filled random zone layer" class="icon-flag"></button>
<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>