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;
|
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", checkboxVarsInit);
|
||||||
window.addEventListener("load", function() {
|
window.addEventListener("load", function() {
|
||||||
draw(getViewY(), true);
|
draw(getViewY(), true);
|
||||||
|
@ -137,3 +137,6 @@ h3 {
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #2d8af0;
|
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>
|
<span id="coordinateDisplay"> </span>
|
||||||
<br>
|
<br>
|
||||||
</div>
|
</div>
|
||||||
<div id="configFrame">
|
<div>
|
||||||
<h2 class="configHeader">Biome configuration</h2>
|
<h2 class="configHeader"><span class="collapser" id="biomeConfigHeaderLink">▼</span> Biome configuration</h2>
|
||||||
<div id="biomeConfigContainer" class="configFrame">
|
<div id="biomeConfigContainer" class="configFrame">
|
||||||
<form id="biomeForm">
|
<form id="biomeForm">
|
||||||
<div id="biomeSelectorContainer">
|
<div id="biomeSelectorContainer">
|
||||||
@ -63,9 +63,9 @@ A Voronoi diagram is supposed to be here but for some reason it cannot be displa
|
|||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<div id="viewConfigContainer">
|
<div>
|
||||||
<h2 class="configHeader">Diagram view settings</h2>
|
<h2 class="configHeader"><span class="collapser" id="viewConfigHeaderLink">▼</span> Diagram view settings</h2>
|
||||||
<div class="configFrame">
|
<div id="viewConfigContainer" class="configFrame">
|
||||||
<form id="viewForm">
|
<form id="viewForm">
|
||||||
<label for="inputViewY">Altitude:</label>
|
<label for="inputViewY">Altitude:</label>
|
||||||
<input id="inputViewY" type="number" value="0" step="1">
|
<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>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="noiseConfigContainer">
|
<div>
|
||||||
<h2 class="configHeader">Noise parameters (experimental)</h2>
|
<h2 class="configHeader"><span class="collapser" id="noiseConfigHeaderLink">▼</span> Noise parameters (experimental)</h2>
|
||||||
<div class="configFrame">
|
<div class="configFrame" id="noiseConfigContainer">
|
||||||
<form id="noiseForm">
|
<form id="noiseForm">
|
||||||
<h3>Heat (<code>mg_biome_np_heat</code>)</h3>
|
<h3>Heat (<code>mg_biome_np_heat</code>)</h3>
|
||||||
<label for="inputNoiseHeatOffset">Offset:</label>
|
<label for="inputNoiseHeatOffset">Offset:</label>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user