Started node centering

4 files changed, 39 insertions, 0 deletions

diff --git a/src/Main.tsx b/src/Main.tsx
index 6730cf799..7a11e6873 100644
--- a/src/Main.tsx
+++ b/src/Main.tsx
@@ -13,6 +13,7 @@ import "./Main.scss";
 import { ContextMenu } from './views/ContextMenu';
 import { DocumentView } from './views/nodes/DocumentView';
 import { CompileScript } from './util/Scripting';
+import { TempTreeView } from './TempTreeView';
 
 
 configure({
@@ -20,6 +21,7 @@ configure({
 });
 
 const mainNodeCollection = new Array<Document>();
+let mainNodes = null;// mainContainer.GetFieldT(KeyStore.Data, ListField);
 let mainContainer = Documents.DockDocument(mainNodeCollection, {
     x: 0, y: 0, title: "main container"
 })
@@ -86,5 +88,6 @@ ReactDOM.render((
         <DocumentView Document={mainContainer} ContainingCollectionView={undefined} DocumentView={undefined} />
         <DocumentDecorations />
         <ContextMenu />
+        <TempTreeView mainCollection={mainNodes} />
     </div>),
     document.getElementById('root'));
\ No newline at end of file
diff --git a/src/TempTreeView.scss b/src/TempTreeView.scss
new file mode 100644
index 000000000..e69de29bb
--- /dev/null
+++ b/src/TempTreeView.scss
diff --git a/src/TempTreeView.tsx b/src/TempTreeView.tsx
new file mode 100644
index 000000000..0311d09bc
--- /dev/null
+++ b/src/TempTreeView.tsx
@@ -0,0 +1,28 @@
+import { observable, computed } from "mobx";
+import React = require("react");
+import { observer } from "mobx-react";
+import { Document } from "./fields/Document";
+
+export interface IProps {
+    mainCollection: Array<Document>;
+}
+
+@observer
+export class TempTreeView extends React.Component<IProps>{
+
+    render() {
+        return (
+            <div className="tempTree" style={{ border: "5px red" }}>
+                {this.props.mainCollection.map(node => {
+                    return (
+                        <div>
+                            {node.Title}
+                        </div>
+                    )
+                }
+                )}}
+            </div>
+        );
+    }
+
+}
\ No newline at end of file
diff --git a/src/views/nodes/CollectionFreeFormDocumentView.tsx b/src/views/nodes/CollectionFreeFormDocumentView.tsx
index 25d67d96a..5d6bcf4a3 100644
--- a/src/views/nodes/CollectionFreeFormDocumentView.tsx
+++ b/src/views/nodes/CollectionFreeFormDocumentView.tsx
@@ -175,6 +175,13 @@ export class CollectionFreeFormDocumentView extends DocumentView {
         ContextMenu.Instance.displayMenu(e.pageX - 15, e.pageY - 15)
     }
 
+    //MONIKA TODO
+    //needs to be @action?
+    @action
+    centerNode = (e: React.MouseEvent): void => {
+        
+    }
+
     @action
     onContextMenu = (e: React.MouseEvent): void => {
         if (!SelectionManager.IsSelected(this)) {
@@ -196,6 +203,7 @@ export class CollectionFreeFormDocumentView extends DocumentView {
             e.stopPropagation();
 
             ContextMenu.Instance.clearItems();
+            ContextMenu.Instance.addItem({ description: "Center", event: this.centerNode })
             ContextMenu.Instance.addItem({ description: "Full Screen", event: this.fullScreenClicked })
             ContextMenu.Instance.addItem({ description: "Open Right", event: this.openRight })
             ContextMenu.Instance.addItem({ description: "Delete", event: this.deleteClicked })