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

heightmapSelect - make default select element non-clickable

Browse source
This commit is contained in:
Azgaar 2022-05-29 02:05:42 +03:00
parent 5a6b5b4c95
commit c9fd598c9c
3 changed files with 20 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

6
index.html
View file

@ -1318,13 +1318,13 @@
</td>
</tr>
<tr data-tip="Select heightmap generation template or precreated heightmap">
<tr data-tip="Select template or precreated heightmap to be used on generation">
<td>
<i data-locked="0" id="lock_template" class="icon-lock-open"></i>
</td>
<td>Heightmap</td>
<td>
<select id="templateInput" data-stored="template" disabled style="opacity: 1; color: unset"></select>
<td id="templateInputContainer" class="pointer">
<select id="templateInput" data-stored="template" style="pointer-events: none"></select>
</td>
<td></td>
</tr>

24
modules/dynamic/heightmap-selection.js
View file

@ -69,13 +69,18 @@ function appendStyleSheet() {
.heightmap-selection_options {
display: grid;
grid-template-columns: 2fr 1fr;
justify-items: start;
}
.heightmap-selection_options > div:first-child {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
align-items: center;
justify-self: start;
justify-items: start;
}
.heightmap-selection_options > div:last-child {
justify-self: end;
}
.heightmap-selection article {
@ -127,23 +132,27 @@ function appendStyleSheet() {
function insertEditorHtml() {
const heightmapSelectionHtml = /* html */ `<div id="heightmapSelection" class="dialog stable">
<div class="heightmap-selection">
<section>
<section data-tip="Select heightmap template – template provides unique, but similar-looking maps on generation">
<header><h1>Heightmap templates</h1></header>
<div class="heightmap-selection_container"></div>
</section>
<section>
<header><h1>Pre-created heightmaps</h1></header>
<section data-tip="Select precreated heightmap – it will be the same for each map">
<header><h1>Precreated heightmaps</h1></header>
<div class="heightmap-selection_container"></div>
</section>
<section>
<header><h1>Options</h1></header>
<div class="heightmap-selection_options">
<div>
<label data-tip="Rerender all preview images" class="checkbox-label" id="heightmapSelectionRedrawPreview">
<i class="icon-cw"></i>
Redraw preview
</label>
<div>
<input id="heightmapSelectionRenderOcean" class="checkbox" type="checkbox" />
<label for="heightmapSelectionRenderOcean" class="checkbox-label">Render ocean heights</label>
<label data-tip="Draw heights of water cells" for="heightmapSelectionRenderOcean" class="checkbox-label">Render ocean heights</label>
</div>
<div>
<div data-tip="Color scheme used for heightmap preview">
Color scheme
<select id="heightmapSelectionColorScheme">
<option value="bright" selected>Bright</option>
@ -154,7 +163,6 @@ function insertEditorHtml() {
</div>
</div>
<div>
<button data-tip="Rerender all preview images" id="heightmapSelectionRedrawPreview">Redraw preview</button>
<button data-tip="Open Template Editor" data-tool="templateEditor" id="heightmapSelectionEditTemplates">Edit Templates</button>
<button data-tip="Open Image Converter" data-tool="imageConverter" id="heightmapSelectionImportHeightmap">Import Heightmap</button>
</div>

2
modules/ui/options.js
View file

@ -142,7 +142,7 @@ optionsContent.addEventListener("click", function (event) {
else if (id === "optionsMapHistory") showSeedHistoryDialog();
else if (id === "optionsCopySeed") copyMapURL();
else if (id === "optionsEraRegenerate") regenerateEra();
else if (id === "templateInput") openTemplateSelectionDialog();
else if (id === "templateInputContainer") openTemplateSelectionDialog();
else if (id === "zoomExtentDefault") restoreDefaultZoomExtent();
else if (id === "translateExtent") toggleTranslateExtent(event.target);
else if (id === "speakerTest") testSpeaker();