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

basic resource editor screen - icons

Browse source
This commit is contained in:
Azgaar 2021-05-05 00:19:51 +03:00 • committed by Peter
parent e715e27259
commit 295344b56d
2 changed files with 20 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

14
index.css
View file

@ -1539,6 +1539,20 @@ div.states > .resourceIcon > * {
pointer-events: none;
}
div.states > .icon {
margin: 0;
cursor: pointer;
vertical-align: middle;
}
div.states > .model {
width: 7em;
}
div.states > .icon > * {
pointer-events: none;
}
#diplomacyBodySection > div {
cursor: pointer;
}

9
modules/ui/resources-editor.js
View file

@ -29,13 +29,16 @@ function editResources() {
// // {i: 33, name: "Saltpeter", icon: "resource-saltpeter", color: "#e6e3e3", value: 8, chance: 2, model: "habitability", bonus: {artillery: 3}}
for (const r of pack.resources) {
lines += `<div class="states resources" data-id=${r.i} data-name="${r.name}" data-color="${r.color}" data-chance="${r.chance}" data-value="${r.value}" data-model="${r.model}" data-cells="${r.cells}">
<svg data-tip="Resource background color. Click to change" width=".9em" height=".9em" style="margin-bottom:-1px"><rect x="0" y="0" width="100%" height="100%" fill="${r.color}" class="fillRect pointer"></svg>
<svg data-tip="Resource icon. Click to change" width="2em" height="2em" class="icon">
<circle cx="50%" cy="50%" r="42%" fill="${r.color}" stroke="${r.stroke}"/>
<use href="#${r.icon}" x="10%" y="10%" width="80%" height="80%"/>
</svg>
<input data-tip="Resource name. Click and type to change" class="resourceName" value="${r.name}" autocorrect="off" spellcheck="false">
<select data-tip="Resource type. Select to change" class="resourceType">No data</select>
<select data-tip="Resource type. Select to change" class="resourceType"><option selected>No data</option></select>
<input data-tip="Resource spread model. Select to change" value="${r.model}" class="model"/>
<input data-tip="Resource basic value. Click and type to change" value="${r.value}" type="number">
<input data-tip="Resource generation chance in eligible cell. Click and type to change" value="${r.chance}" type="number">
<input data-tip="Resource spread model. Select to change" value="${r.model}">
<div data-tip="Number of cells with resource" class="cells">${r.cells}</div>
<span data-tip="Remove resource" class="icon-trash-empty hide"></span>