Can collapse config sections

This commit is contained in:
Wuzzy 2023-10-22 02:11:36 +02:00
parent 76a47fb57a
commit 056e673dd0
3 changed files with 30 additions and 8 deletions

View File

@ -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);

View File

@ -137,3 +137,6 @@ h3 {
font-weight: bold;
color: #2d8af0;
}
.collapser {
cursor: pointer;
}

View File

@ -28,8 +28,8 @@ A Voronoi diagram is supposed to be here but for some reason it cannot be displa
<span id="coordinateDisplay">&nbsp;</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>