added ImageField and RichTextField types

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 {