diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/TempTreeView.scss | 0 | ||||
| -rw-r--r-- | src/TempTreeView.tsx | 28 | ||||
| -rw-r--r-- | src/client/views/Main.tsx | 8 | ||||
| -rw-r--r-- | src/client/views/nodes/CollectionFreeFormDocumentView.tsx | 8 |
4 files changed, 41 insertions, 3 deletions
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/client/views/Main.tsx b/src/client/views/Main.tsx index ba92cc17e..268d93d63 100644 --- a/src/client/views/Main.tsx +++ b/src/client/views/Main.tsx @@ -10,9 +10,10 @@ import { ListField } from '../../fields/ListField'; import { NumberField } from '../../fields/NumberField'; import { TextField } from '../../fields/TextField'; import "./Main.scss"; -import { ContextMenu } from './ContextMenu'; -import { DocumentView } from './nodes/DocumentView'; -import { ImageField } from '../../fields/ImageField'; +import { ContextMenu } from './../views/ContextMenu'; +import { DocumentView } from './../views/nodes/DocumentView'; +import { CompileScript } from './../util/Scripting'; +import { TempTreeView } from './../views/TempTreeView'; import { Transform } from '../util/Transform'; @@ -91,5 +92,6 @@ ReactDOM.render(( ContainingCollectionView={undefined} DocumentView={undefined} /> <DocumentDecorations /> <ContextMenu /> + {/* <TempTreeView mainCollection={mainNodes.Data} /> */} </div>), document.getElementById('root'));
\ No newline at end of file diff --git a/src/client/views/nodes/CollectionFreeFormDocumentView.tsx b/src/client/views/nodes/CollectionFreeFormDocumentView.tsx index 9cd42a069..95c28e414 100644 --- a/src/client/views/nodes/CollectionFreeFormDocumentView.tsx +++ b/src/client/views/nodes/CollectionFreeFormDocumentView.tsx @@ -191,6 +191,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)) { @@ -212,6 +219,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 }) |