diff options
Diffstat (limited to 'src/views/freeformcanvas/FreeFormCanvas.tsx')
-rw-r--r-- | src/views/freeformcanvas/FreeFormCanvas.tsx | 23 |
1 files changed, 17 insertions, 6 deletions
diff --git a/src/views/freeformcanvas/FreeFormCanvas.tsx b/src/views/freeformcanvas/FreeFormCanvas.tsx index 344eb2bd8..cee093fcb 100644 --- a/src/views/freeformcanvas/FreeFormCanvas.tsx +++ b/src/views/freeformcanvas/FreeFormCanvas.tsx @@ -1,15 +1,18 @@ import { observer } from "mobx-react"; +import { Key } from "../../fields/Key"; import { NodeCollectionStore } from "../../stores/NodeCollectionStore"; import "./FreeFormCanvas.scss"; -import { NodeContainer } from "./NodeContainer"; import React = require("react"); -import { KeyStore } from "../../fields/Key"; -import { NumberField } from "../../fields/NumberField"; -import { TextField } from "../../fields/TextField"; import { action } from "mobx"; +import { Document } from "../../fields/Document"; +import {DocumentViewModel} from "../../viewmodels/DocumentViewModel"; +import {DocumentView} from "../nodes/DocumentView"; +import {TextField} from "../../fields/TextField"; +import {ListField} from "../../fields/ListField"; +import {Field} from "../../fields/Field"; interface IProps { - store: NodeCollectionStore + store: NodeCollectionStore; } @observer @@ -17,6 +20,10 @@ export class FreeFormCanvas extends React.Component<IProps> { private _isPointerDown: boolean = false; + constructor(props:IProps) { + super(props); + } + @action onPointerDown = (e: React.PointerEvent): void => { e.stopPropagation(); @@ -63,7 +70,11 @@ export class FreeFormCanvas extends React.Component<IProps> { return ( <div className="freeformcanvas-container" onPointerDown={this.onPointerDown} onWheel={this.onPointerWheel}> <div className="freeformcanvas" style={{ transform: store.Transform, transformOrigin: '50% 50%' }}> - <NodeContainer store={store} /> + <div className="node-container"> + {this.props.store.Docs.map(doc => { + return (<DocumentView key={doc.Id} dvm={new DocumentViewModel(doc)} />); + })} + </div> </div> </div> ); |