Can collapse config sections
This commit is contained in:
parent
76a47fb57a
commit
056e673dd0
19
biome-ui.js
19
biome-ui.js
@ -975,6 +975,25 @@ function checkboxVarsInit() {
|
||||
showGrid = inputCheckboxGrid.checked;
|
||||
}
|
||||
|
||||
function toggleConfigSectionDisplay(headerLink, container) {
|
||||
if (container.style.display !== "none") {
|
||||
headerLink.innerText = "▶";
|
||||
container.style.display = "none";
|
||||
} else {
|
||||
headerLink.innerText = "▼";
|
||||
container.style.display = "block";
|
||||
}
|
||||
}
|
||||
biomeConfigHeaderLink.onclick = function() {
|
||||
toggleConfigSectionDisplay(this, biomeConfigContainer);
|
||||
}
|
||||
viewConfigHeaderLink.onclick = function() {
|
||||
toggleConfigSectionDisplay(this, viewConfigContainer);
|
||||
}
|
||||
noiseConfigHeaderLink.onclick = function() {
|
||||
toggleConfigSectionDisplay(this, noiseConfigContainer);
|
||||
}
|
||||
|
||||
window.addEventListener("load", checkboxVarsInit);
|
||||
window.addEventListener("load", function() {
|
||||
draw(getViewY(), true);
|
||||
|
@ -137,3 +137,6 @@ h3 {
|
||||
font-weight: bold;
|
||||
color: #2d8af0;
|
||||
}
|
||||
.collapser {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
16
index.html
16
index.html
@ -28,8 +28,8 @@ A Voronoi diagram is supposed to be here but for some reason it cannot be displa
|
||||
<span id="coordinateDisplay"> </span>
|
||||
<br>
|
||||
</div>
|
||||
<div id="configFrame">
|
||||
<h2 class="configHeader">Biome configuration</h2>
|
||||
<div>
|
||||
<h2 class="configHeader"><span class="collapser" id="biomeConfigHeaderLink">▼</span> Biome configuration</h2>
|
||||
<div id="biomeConfigContainer" class="configFrame">
|
||||
<form id="biomeForm">
|
||||
<div id="biomeSelectorContainer">
|
||||
@ -63,9 +63,9 @@ A Voronoi diagram is supposed to be here but for some reason it cannot be displa
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div id="viewConfigContainer">
|
||||
<h2 class="configHeader">Diagram view settings</h2>
|
||||
<div class="configFrame">
|
||||
<div>
|
||||
<h2 class="configHeader"><span class="collapser" id="viewConfigHeaderLink">▼</span> Diagram view settings</h2>
|
||||
<div id="viewConfigContainer" class="configFrame">
|
||||
<form id="viewForm">
|
||||
<label for="inputViewY">Altitude:</label>
|
||||
<input id="inputViewY" type="number" value="0" step="1">
|
||||
@ -86,9 +86,9 @@ A Voronoi diagram is supposed to be here but for some reason it cannot be displa
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div id="noiseConfigContainer">
|
||||
<h2 class="configHeader">Noise parameters (experimental)</h2>
|
||||
<div class="configFrame">
|
||||
<div>
|
||||
<h2 class="configHeader"><span class="collapser" id="noiseConfigHeaderLink">▼</span> Noise parameters (experimental)</h2>
|
||||
<div class="configFrame" id="noiseConfigContainer">
|
||||
<form id="noiseForm">
|
||||
<h3>Heat (<code>mg_biome_np_heat</code>)</h3>
|
||||
<label for="inputNoiseHeatOffset">Offset:</label>
|
||||
|
Loading…
x
Reference in New Issue
Block a user