backups/Fantasy-Map-Generator
1
0
Fork 0
mirror of https://github.com/Azgaar/Fantasy-Map-Generator.git synced 2025-12-19 10:31:24 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

gridCellNumbers static HTML

Browse source 
turned the createGridSection() function in style that created an HTML for the text labels in gridOverlay inside the JS with javascript dynamic to static HTML in index.html.
This commit is contained in:
Ángel Montero Lamas 2024-09-14 21:06:30 +02:00
parent b2ce493e40
commit a2e1004734
3 changed files with 19 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

28
modules/ui/style.js
View file

@ -70,31 +70,6 @@ function getColorScheme(scheme = "bright") {
return heightmapColorSchemes[scheme];
}
function createGridSection() {
const gridSection = byId("styleGrid");
if (!gridSection) return null;
// Verificar si el checkbox ya existe
if (byId("gridCellNumbers")) return;
const cellNumbersDiv = document.createElement("div");
cellNumbersDiv.className = "option";
const checkbox = document.createElement("input");
checkbox.id = "gridCellNumbers";
checkbox.type = "checkbox";
const label = document.createElement("label");
label.htmlFor = "gridCellNumbers";
label.textContent = "Show cell numbers";
cellNumbersDiv.appendChild(checkbox);
cellNumbersDiv.appendChild(label);
gridSection.appendChild(cellNumbersDiv);
}
document.addEventListener("DOMContentLoaded", createGridSection);
// Toggle style sections on element select
styleElementSelect.on("change", selectStyleElement);
@ -567,7 +542,8 @@ styleGridNumbers.on("change", function () {
byId("gridCellNumbers")?.addEventListener("change", function() {
gridOverlay.attr("cell-numbers", this.checked);
drawGrid();
// drawGrid(); // without condition of if layerIsOn.
if (layerIsOn("toggleGrid")) drawGrid();
});
styleRescaleMarkers.on("change", function () {