From 185c182447c0e4cdf233d3cdc9ff57e61f8ba77b Mon Sep 17 00:00:00 2001
From: Anton Lydike <anton@lydike.com>
Date: Fri, 20 Nov 2020 20:19:21 +0100
Subject: [PATCH] improved DefaultView code to show properties correctly

---
 static/site.js   | 20 +++++++++++++++-----
 static/style.css |  6 ++++++
 2 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/static/site.js b/static/site.js
index bacf467..6a9350e 100644
--- a/static/site.js
+++ b/static/site.js
@@ -29,20 +29,27 @@ class DefaultView extends View{
     }
 
     render() {
-        Object.keys(this.object.json).forEach(
-            key => this.root.appendChild(this.getNode(key))
-        )
+        Object.keys(this.object.json).forEach(key => {
+            let node = this.getNode(key);
+            if (node) this.root.appendChild(node)
+        })
+        return this
     }
 
     getNode(name, value=null) {
         if (this.fields[name]) {
             return this.fields[name]
         }
+        console.log(name)
         value = value === null ? this.object.json[name] : value
 
         if (value instanceof StructuredNode) {
-            this.subviews[name] = new DefaultView(value)
-            this.fields[name] = this.subviews[name].root
+            this.subviews[name] = (new DefaultView(value)).render()
+            const wrap = document.createElement('div')
+            wrap.classList.add('wrapper')
+            wrap.innerHTML += '<b>' + name + ':</b>'
+            wrap.appendChild(this.subviews[name].root)
+            this.fields[name] = wrap
         } else if (value instanceof Array) {
             const elm = document.createElement('ul')
             value.forEach((elm, i) => {
@@ -52,6 +59,9 @@ class DefaultView extends View{
             })
             this.fields[name] = elm
         } else {
+            if (value === null)
+                return
+
             const elm = document.createElement('p')
             elm.innerHTML = `${name}: ${value}`
             this.fields[name] = elm
diff --git a/static/style.css b/static/style.css
index ee5c124..9bef724 100644
--- a/static/style.css
+++ b/static/style.css
@@ -68,3 +68,9 @@ a:hover {
     text-decoration: underline;
 }
 
+
+.wrapper {
+    padding: 8px 0 8px 32px;
+    margin: 8px 0;
+    border-left: 8px solid #868686;
+}
\ No newline at end of file