v1.5.29 - burg type editable

This commit is contained in:
Azgaar 2021-02-14 18:31:29 +03:00
parent 50c5b7239c
commit 0fcb4eea0b
2 changed files with 26 additions and 6 deletions

View file

@ -1800,9 +1800,9 @@
<div id="burgEditor" class="dialog" style="display: none"> <div id="burgEditor" class="dialog" style="display: none">
<div id="burgBody" style="padding-bottom: .3em"> <div id="burgBody" style="padding-bottom: .3em">
<svg viewBox="0 0 200 200" width="11em" height="11em"><use id="burgEmblem"></use></svg> <svg viewBox="0 0 200 200" width="14em" height="14em"><use id="burgEmblem"></use></svg>
<div style="float: right"> <div style="float: right">
<div id="burgProvinceAndState" style="padding: .1em; font-style: italic"></div> <div id="burgProvinceAndState" style="padding: .1em; font-style: italic; max-width: 16em"></div>
<div style="padding: .1em"> <div style="padding: .1em">
<div class="label">Name:</div> <div class="label">Name:</div>
@ -1811,15 +1811,28 @@
<span id="burgNameReRandom" data-tip="Generate random name for the burg" class="icon-globe pointer"></span> <span id="burgNameReRandom" data-tip="Generate random name for the burg" class="icon-globe pointer"></span>
</div> </div>
<div style="padding: .1em"> <div style="padding: .1em" data-tip="Select burg type. Type slightly affects emblem generation">
<div class="label">Type:</div>
<select id="burgType" style="width: 8em">
<option value="Generic">Generic</option>
<option value="River">River</option>
<option value="Lake">Lake</option>
<option value="Naval">Naval</option>
<option value="Nomadic">Nomadic</option>
<option value="Hunting">Hunting</option>
<option value="Highland">Highland</option>
</select>
</div>
<div style="padding: .1em" data-tip="Select dominant culture">
<div class="label">Culture:</div> <div class="label">Culture:</div>
<select id="burgCulture" data-tip="Select dominant culture" style="width: 8em"></select> <select id="burgCulture" style="width: 8em"></select>
<span id="burgNameReCulture" data-tip="Generate culture-specific name for the burg" class="icon-book pointer"></span> <span id="burgNameReCulture" data-tip="Generate culture-specific name for the burg" class="icon-book pointer"></span>
</div> </div>
<div style="padding: .1em"> <div style="padding: .1em" data-tip="Set burg population">
<div class="label">Population:</div> <div class="label">Population:</div>
<input id="burgPopulation" data-tip="Set burg population" type="number" min=0 step=1 style="width: 8em"> <input id="burgPopulation" type="number" min=0 step=1 style="width: 8em">
</div> </div>
<div style="padding: .1em"> <div style="padding: .1em">

View file

@ -32,6 +32,7 @@ function editBurg(id) {
document.getElementById("burgName").addEventListener("input", changeName); document.getElementById("burgName").addEventListener("input", changeName);
document.getElementById("burgNameReRandom").addEventListener("click", generateNameRandom); document.getElementById("burgNameReRandom").addEventListener("click", generateNameRandom);
document.getElementById("burgType").addEventListener("input", changeType);
document.getElementById("burgCulture").addEventListener("input", changeCulture); document.getElementById("burgCulture").addEventListener("input", changeCulture);
document.getElementById("burgNameReCulture").addEventListener("click", generateNameCulture); document.getElementById("burgNameReCulture").addEventListener("click", generateNameCulture);
document.getElementById("burgPopulation").addEventListener("change", changePopulation); document.getElementById("burgPopulation").addEventListener("change", changePopulation);
@ -58,6 +59,7 @@ function editBurg(id) {
document.getElementById("burgProvinceAndState").innerHTML = provinceName + stateName; document.getElementById("burgProvinceAndState").innerHTML = provinceName + stateName;
document.getElementById("burgName").value = b.name; document.getElementById("burgName").value = b.name;
document.getElementById("burgType").value = b.type || "Generic";
document.getElementById("burgPopulation").value = rn(b.population * populationRate.value * urbanization.value); document.getElementById("burgPopulation").value = rn(b.population * populationRate.value * urbanization.value);
document.getElementById("burgEditAnchorStyle").style.display = +b.port ? "inline-block" : "none"; document.getElementById("burgEditAnchorStyle").style.display = +b.port ? "inline-block" : "none";
@ -260,6 +262,11 @@ function editBurg(id) {
changeName(); changeName();
} }
function changeType() {
const id = +elSelected.attr("data-id");
pack.burgs[id].type = this.value;
}
function changeCulture() { function changeCulture() {
const id = +elSelected.attr("data-id"); const id = +elSelected.attr("data-id");
pack.burgs[id].culture = +this.value; pack.burgs[id].culture = +this.value;