4 files changed, 28 insertions, 1 deletions
diff --git a/src/client/views/Main.tsx b/src/client/views/Main.tsx
index 6f66f8f38..767ecf314 100644
--- a/src/client/views/Main.tsx
+++ b/src/client/views/Main.tsx
@@ -51,7 +51,7 @@ import '../northstar/utils/Extensions'
 import { HistogramOperation } from '../northstar/operations/HistogramOperation';
 import { AttributeTransformationModel } from '../northstar/core/attribute/AttributeTransformationModel';
 import { ColumnAttributeModel } from '../northstar/core/attribute/AttributeModel';
-
+import {Timeline} from './nodes/Timeline'
 @observer
 export class Main extends React.Component {
     // dummy initializations keep the compiler happy
@@ -303,6 +303,12 @@ export class Main extends React.Component {
         ]
     }
 
+
+    @computed
+    get timeline(){
+        return <Timeline/>
+    }
+
     render() {
         let workspaceMenu: any = null;
         let workspaces = this.userDocument.GetT<ListField<Document>>(KeyStore.Workspaces, ListField);
@@ -327,6 +333,7 @@ export class Main extends React.Component {
                 {this.nodesMenu}
                 {this.miscButtons}
                 {workspaceMenu}
+                {this.timeline}
                 <InkingControl />
             </div>
         );
diff --git a/src/client/views/nodes/Timeline.scss b/src/client/views/nodes/Timeline.scss
new file mode 100644
index 000000000..e69de29bb
--- /dev/null
+++ b/src/client/views/nodes/Timeline.scss
diff --git a/src/client/views/nodes/Timeline.tsx b/src/client/views/nodes/Timeline.tsx
index 75ee90f2b..c3546c802 100644
--- a/src/client/views/nodes/Timeline.tsx
+++ b/src/client/views/nodes/Timeline.tsx
@@ -1,5 +1,18 @@
 import * as React from "react"
 import * as ReactDOM from "react-dom"
+import {observer} from "mobx-react"
 import {observable} from "mobx"
+import { TimelineField } from "../../../fields/TimelineField";
 
 
+
+@observer
+export class Timeline extends React.Component<TimelineField>{
+
+    render(){
+        return(
+        <div>
+            <h1 style={{left: `${window.pageXOffset} - 0px`, top: "100px", position:"absolute"}}> hi</h1>
+        </div>)
+    }
+}
+\ No newline at end of file
diff --git a/src/fields/TimelineField.ts b/src/fields/TimelineField.ts
new file mode 100644
index 000000000..4325647cb
--- /dev/null
+++ b/src/fields/TimelineField.ts
@@ -0,0 +1,7 @@
+import { BasicField } from "./BasicField"
+import { FieldId } from "./Field";
+import { Types } from "../server/Message";
+
+export class TimelineField  {
+   
+}
+\ No newline at end of file