test

3 files changed, 22 insertions, 1 deletions

diff --git a/src/client/views/collections/CollectionTreeView.scss b/src/client/views/collections/CollectionTreeView.scss
new file mode 100644
index 000000000..e69de29bb
--- /dev/null
+++ b/src/client/views/collections/CollectionTreeView.scss
diff --git a/src/client/views/collections/CollectionTreeView.tsx b/src/client/views/collections/CollectionTreeView.tsx
new file mode 100644
index 000000000..adc2e032d
--- /dev/null
+++ b/src/client/views/collections/CollectionTreeView.tsx
@@ -0,0 +1,20 @@
+import { observer } from "mobx-react";
+import { CollectionViewBase } from "./CollectionViewBase";
+import { Document } from "../../../fields/Document";
+import { KeyStore } from "../../../fields/Key";
+import { ListField } from "../../../fields/ListField";
+
+@observer
+export class CollectionTreeView extends CollectionViewBase {
+
+    public static makeTreeView(document: Document) {
+        var children = document.GetT<ListField<Document>>(KeyStore.Data, ListField);
+        if (children != null) {
+            console.log("\nNumber of Children: " + children);
+        }
+    }
+
+    render() {
+        return "HELLO WORLD";
+    }
+}
\ No newline at end of file
diff --git a/src/client/views/nodes/CollectionFreeFormDocumentView.tsx b/src/client/views/nodes/CollectionFreeFormDocumentView.tsx
index 1867d1d9d..14d956d32 100644
--- a/src/client/views/nodes/CollectionFreeFormDocumentView.tsx
+++ b/src/client/views/nodes/CollectionFreeFormDocumentView.tsx
@@ -10,6 +10,7 @@ import { ContextMenu } from "../ContextMenu";
 import "./NodeView.scss";
 import React = require("react");
 import { DocumentView, DocumentViewProps } from "./DocumentView";
+import { CollectionTreeView } from "../collections/CollectionTreeView";
 
 
 @observer
@@ -161,7 +162,7 @@ export class CollectionFreeFormDocumentView extends DocumentView {
     }
 
     viewAsTreeview = (e: React.MouseEvent): void => {
-        // do something
+        CollectionTreeView.makeTreeView(this.props.Document);
     }
 
     @action