This commit is contained in:
Azgaar 2022-06-17 13:10:39 +03:00
commit 6ab87d5627
5 changed files with 31 additions and 9 deletions

View file

@ -7798,10 +7798,10 @@
<script src="modules/river-generator.js"></script> <script src="modules/river-generator.js"></script>
<script src="modules/lakes.js"></script> <script src="modules/lakes.js"></script>
<script src="modules/names-generator.js"></script> <script src="modules/names-generator.js"></script>
<script src="modules/cultures-generator.js?v=06062022"></script> <script src="modules/cultures-generator.js?v=16062022"></script>
<script src="modules/burgs-and-states.js?v=29052022"></script> <script src="modules/burgs-and-states.js?v=29052022"></script>
<script src="modules/routes-generator.js"></script> <script src="modules/routes-generator.js"></script>
<script src="modules/religions-generator.js?v=12062022"></script> <script src="modules/religions-generator.js?v=16062022"></script>
<script src="modules/military-generator.js"></script> <script src="modules/military-generator.js"></script>
<script src="modules/markers-generator.js"></script> <script src="modules/markers-generator.js"></script>
<script src="modules/coa-generator.js"></script> <script src="modules/coa-generator.js"></script>

View file

@ -630,7 +630,7 @@ function togglePercentageMode() {
async function showHierarchy() { async function showHierarchy() {
if (customization) return; if (customization) return;
const HeirarchyTree = await import("../hierarchy-tree.js"); const HeirarchyTree = await import("../hierarchy-tree.js?v=15062022");
const getDescription = culture => { const getDescription = culture => {
const {name, type, rural, urban} = culture; const {name, type, rural, urban} = culture;

View file

@ -533,7 +533,7 @@ function togglePercentageMode() {
async function showHierarchy() { async function showHierarchy() {
if (customization) return; if (customization) return;
const HeirarchyTree = await import("../hierarchy-tree.js"); const HeirarchyTree = await import("../hierarchy-tree.js?v=15062022");
const getDescription = religion => { const getDescription = religion => {
const {name, type, form, rural, urban} = religion; const {name, type, form, rural, urban} = religion;

View file

@ -64,17 +64,32 @@ export function open(props) {
function appendStyleSheet() { function appendStyleSheet() {
const styles = /* css */ ` const styles = /* css */ `
#hierarchyTree {
display: flex;
flex-direction: column;
justify-content: space-between;
}
#hierarchyTree > svg {
height: 100%;
}
#hierarchyTree_selectedOrigins > button { #hierarchyTree_selectedOrigins > button {
margin: 0 2px; margin: 0 2px;
} }
.hierarchyTree_selectedButton { .hierarchyTree_selectedOrigins {
margin-right: 15px;
}
.hierarchyTree_selectedOrigin {
border: 1px solid #aaa; border: 1px solid #aaa;
background: none; background: none;
padding: 1px 4px; padding: 1px 4px;
} }
.hierarchyTree_selectedButton:hover { .hierarchyTree_selectedOrigin:hover {
border: 1px solid #333; border: 1px solid #333;
} }
@ -88,6 +103,10 @@ function appendStyleSheet() {
color: #333; color: #333;
} }
#hierarchyTree_originSelector {
display: none;
}
#hierarchyTree_originSelector > form > div { #hierarchyTree_originSelector > form > div {
padding: 0.3em; padding: 0.3em;
margin: 1px 0; margin: 1px 0;
@ -149,8 +168,8 @@ function insertHtml() {
<span><span id='hierarchyTree_selectedName'></span>. </span> <span><span id='hierarchyTree_selectedName'></span>. </span>
<span data-name="Type short name (abbreviation)">Abbreviation: <input id='hierarchyTree_selectedCode' type='text' maxlength='3' size='3' /></span> <span data-name="Type short name (abbreviation)">Abbreviation: <input id='hierarchyTree_selectedCode' type='text' maxlength='3' size='3' /></span>
<span>Origins: <span id='hierarchyTree_selectedOrigins'></span></span> <span>Origins: <span id='hierarchyTree_selectedOrigins'></span></span>
<button data-tip='Add origin' class="hierarchyTree_selectedButton" id='hierarchyTree_selectedSelectButton'>Select</button> <button data-tip='Edit this node's origins' class="hierarchyTree_selectedButton" id='hierarchyTree_selectedSelectButton'>Edit</button>
<button data-tip='Exit edit mode' class="hierarchyTree_selectedButton" id='hierarchyTree_selectedCloseButton'>Exit</button> <button data-tip='Unselect this node' class="hierarchyTree_selectedButton" id='hierarchyTree_selectedCloseButton'>Unselect</button>
</div> </div>
</div> </div>
<div id="hierarchyTree_originSelector"></div> <div id="hierarchyTree_originSelector"></div>
@ -324,6 +343,7 @@ function updateTree() {
function selectElement(d) { function selectElement(d) {
const dataElement = d.data; const dataElement = d.data;
if (d.id == 0) return;
const node = nodes.select(`g[data-id="${d.id}"]`); const node = nodes.select(`g[data-id="${d.id}"]`);
nodes.selectAll("g").style("outline", "none"); nodes.selectAll("g").style("outline", "none");
@ -457,6 +477,8 @@ function handleNodeExit(d) {
} }
function dragToReorigin(from) { function dragToReorigin(from) {
if (from.id == 0) return;
dragLine.attr("d", `M${from.x},${from.y}L${from.x},${from.y}`); dragLine.attr("d", `M${from.x},${from.y}L${from.x},${from.y}`);
d3.event.on("drag", () => { d3.event.on("drag", () => {

View file

@ -1,7 +1,7 @@
"use strict"; "use strict";
// version and caching control // version and caching control
const version = "1.86.07"; // generator version, update each time const version = "1.86.08"; // generator version, update each time
{ {
document.title += " v" + version; document.title += " v" + version;