1 files changed, 45 insertions, 0 deletions
diff --git a/src/client/views/TempTreeView.tsx b/src/client/views/TempTreeView.tsx
new file mode 100644
index 000000000..4b1650ac5
--- /dev/null
+++ b/src/client/views/TempTreeView.tsx
@@ -0,0 +1,45 @@
+import { action, observable, computed } from "mobx";
+import React = require("react");
+import { observer } from "mobx-react";
+import { Document } from "../../fields/Document";
+import { ListField } from "../../fields/ListField";
+import "./TempTreeView.scss"
+import { DocumentManager } from "./DocumentManager";
+
+export interface IProps {
+    mainCollection: Array<Document>;
+}
+
+@observer
+export class TempTreeView extends React.Component<IProps>{
+
+    @action
+    onClick(doc: Document) {
+
+        let view = DocumentManager.Instance.getDocumentView(doc);
+        if (view != null) {
+
+            if (DocumentManager.Instance.parentIsFreeform(view)) {
+                view.switchColor()
+            }
+            DocumentManager.Instance.centerNode(view);
+        }
+    }
+
+    render() {
+        return (
+            <div className="tempTree">
+                <div className="list">
+                    {DocumentManager.Instance.DocumentViews.map(doc => {
+                        return (
+                            <div key={doc.Id} onClick={() => { this.onClick(doc.props.Document) }}>
+                                {doc.props.Document.Title}
+                            </div>
+                        )
+                    }
+                    )}
+                </div>
+            </div>
+        );
+    }
+}
+\ No newline at end of file