From 6c6e5ebcfa80c04844a08ab23f6f7b66494b78d4 Mon Sep 17 00:00:00 2001
From: Jude <julie_wang1@brown.edu>
Date: Sun, 24 Feb 2019 15:10:36 -0500
Subject: test

---
 src/client/views/collections/CollectionTreeView.scss |  0
 src/client/views/collections/CollectionTreeView.tsx  | 20 ++++++++++++++++++++
 .../views/nodes/CollectionFreeFormDocumentView.tsx   |  3 ++-
 3 files changed, 22 insertions(+), 1 deletion(-)
 create mode 100644 src/client/views/collections/CollectionTreeView.scss
 create mode 100644 src/client/views/collections/CollectionTreeView.tsx

(limited to 'src')

diff --git a/src/client/views/collections/CollectionTreeView.scss b/src/client/views/collections/CollectionTreeView.scss
new file mode 100644
index 000000000..e69de29bb
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
-- 
cgit v1.2.3-70-g09d2