diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/js/arching-kaos-file-system.js | 4 | ||||
| -rw-r--r-- | src/js/arching-kaos-tools.js | 73 | ||||
| -rw-r--r-- | src/js/ui/footer.js | 2 |
3 files changed, 58 insertions, 21 deletions
diff --git a/src/js/arching-kaos-file-system.js b/src/js/arching-kaos-file-system.js index 77189e9..4ec85d5 100644 --- a/src/js/arching-kaos-file-system.js +++ b/src/js/arching-kaos-file-system.js @@ -26,10 +26,8 @@ function drawWorkSpace() var ele = { element:"svg", className: "akfsmap", - viewBox: "0 0 700 50", + viewBox: "0 0 900 50", version: "1.1", - width: 700, - height:50, style:"background-color:#333;width: 100%;height:100%;", xmlns: "http://www.w3.org/2000/svg", innerHTML:[ diff --git a/src/js/arching-kaos-tools.js b/src/js/arching-kaos-tools.js index e0d9eb4..2dfaec6 100644 --- a/src/js/arching-kaos-tools.js +++ b/src/js/arching-kaos-tools.js @@ -86,28 +86,49 @@ function renderStellarAddressPlaceholder(stellarAddress) return divs; } -function nodeInfoRender(json, stellarAddress) +function nodeInfoRender(json, stellarAddress, parentTag=null) { var divs = renderStellarAddressPlaceholder(stellarAddress); - debugLog(json); const keys = Object.keys(json); - for( var i = 0; i < keys.length; i++ ) + if ( parentTag === null ) { - if ( typeof(json[keys[i]]) === "string" ) + debugLog(json); + for( var i = 0; i < keys.length; i++ ) { - if(!document.querySelector('#'+keys[i]+'-'+stellarAddress)) + if ( typeof(json[keys[i]]) === "string" ) + { + if(!document.querySelector('#'+keys[i]+'-'+stellarAddress)) + { + var p = { + element:"p", + id: `${keys[i]}-${stellarAddress}`, + innerText: `${keys[i]}: ${json[keys[i]]}` + }; + makeElement(p, divs); + } + } + else if ( typeof(json[keys[i]]) === "Object"||"Array" ) { - var p = { - element:"p", - id: `${keys[i]}-${stellarAddress}`, - innerText: `${keys[i]}: ${json[keys[i]]}` - }; - makeElement(p, divs); + nodeInfoRender(json[keys[i]], stellarAddress, keys[i]); } } - else if ( typeof(json[keys[i]]) === "Object"||"Array" ) + } + else if ( typeof(parentTag) === "string" ) + { + for( var i = 0; i < keys.length; i++ ) { - nodeInfoRender(json[keys[i]], stellarAddress); + if ( typeof(json[keys[i]]) === "string" ) + { + if(!document.querySelector(`#${parentTag}-${keys[i]}-${stellarAddress}`)) + { + var p = { + element:"p", + id: `${parentTag}-${keys[i]}-${stellarAddress}`, + innerText: `${parentTag}.${keys[i]}: ${json[keys[i]]}` + }; + makeElement(p, divs); + } + } } } } @@ -350,14 +371,23 @@ function renderGroupOnDataSection(group) { divs.querySelector("#zchain-data-sec-not-found").remove(); } - if ( divs.querySelector('#zd-' + group) === null ) + var group_render = ""; + if ( typeof(group) === "string" ) + { + group_render = group; + } + else + { + group_render = group.fingerprint; + } + if ( divs.querySelector('#zd-' + group_render) === null ) { var details = { element:"details", - id : 'zd-' + group, + id : 'zd-' + group_render, className : 'zchain-details', innerHTML:[ - { element:'summary', innerText: group } + { element:'summary', innerText: group_render } ] }; makeElement(details, divs); @@ -371,7 +401,16 @@ function renderGroupOnDataSection(group) function renderZblockUnderGroup(zblock, group) { - const divs = document.querySelector('#zd-' + group); + var group_render = ""; + if ( typeof(group) === "string" ) + { + group_render = group; + } + else + { + group_render = group.fingerprint; + } + const divs = document.querySelector('#zd-' + group_render); var zblockElement = { element:"article", id: "zb-"+zblock, diff --git a/src/js/ui/footer.js b/src/js/ui/footer.js index c447189..6bd56b1 100644 --- a/src/js/ui/footer.js +++ b/src/js/ui/footer.js @@ -16,7 +16,7 @@ export function footerSpawn() { element:"div", innerHTML:[ - {element:"p", innerText:"Arching Kaos 2019-2024"}, + {element:"p", innerText:"Arching Kaos 2019-2025"}, {element:"a", target:"_blank", href:"https://github.com/arching-kaos/arching-kaos-tools", innerText:"Tools"}, {element:"a", target:"_blank", href:"https://arching-kaos.org", innerText:"Org"}, {element:"a", target:"_blank", href:"https://arching-kaos.net", innerText:"Net"}, |