diff options
Diffstat (limited to 'src/views')
| -rw-r--r-- | src/views/nodes/DocumentView.tsx | 2 | ||||
| -rw-r--r-- | src/views/nodes/FieldView.tsx | 9 |
2 files changed, 9 insertions, 2 deletions
diff --git a/src/views/nodes/DocumentView.tsx b/src/views/nodes/DocumentView.tsx index 634cd78be..cbf09abae 100644 --- a/src/views/nodes/DocumentView.tsx +++ b/src/views/nodes/DocumentView.tsx @@ -17,8 +17,6 @@ import { ContextMenu } from "../ContextMenu"; import { FieldTextBox } from "../nodes/FieldTextBox"; import "./NodeView.scss"; import React = require("react"); -import { cpus } from "os"; -import { relative } from "path"; const JsxParser = require('react-jsx-parser').default;//TODO Why does this need to be imported like this? interface DocumentViewProps { diff --git a/src/views/nodes/FieldView.tsx b/src/views/nodes/FieldView.tsx index 1c4164089..54e78e3ec 100644 --- a/src/views/nodes/FieldView.tsx +++ b/src/views/nodes/FieldView.tsx @@ -5,6 +5,9 @@ import { computed } from "mobx"; import { Field, Opt } from "../../fields/Field"; import { TextField } from "../../fields/TextField"; import { NumberField } from "../../fields/NumberField"; +import { RichTextField } from "../../fields/RichTextField"; +import { FieldTextBox } from "./FieldTextBox"; +import { ImageField } from "../../fields/ImageField"; @observer export class FieldView extends React.Component<DocumentFieldViewProps> { @@ -21,6 +24,12 @@ export class FieldView extends React.Component<DocumentFieldViewProps> { if (field instanceof TextField) { return <p>{field.Data}</p> } + else if (field instanceof RichTextField) { + return <FieldTextBox {...this.props} /> + } + else if (field instanceof ImageField) { + return <img src={field.Data.href}></img> + } else if (field instanceof NumberField) { return <p>{field.Data}</p> } else { |