1 files changed, 56 insertions, 17 deletions

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,