diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
index 34a1e8f..830583a 100644
--- a/src/views/Dashboard.vue
+++ b/src/views/Dashboard.vue
@@ -91,7 +91,7 @@
 <script>
 
 import SimpleFlowchart from '@/simple-flowchart';
-
+import maxBy from 'lodash';
 
 export default {
   name: 'Dashboard',
@@ -140,8 +140,42 @@ export default {
       this.showNewElementChooser = true;
     },
     newElement(type) {
-      console.log(type);
       this.showNewElementChooser = false;
+
+      let newNode = {
+        x: 10,
+        y: 10,
+        type
+      }
+
+      switch (type) {
+        case "ingest":
+          newNode.data = {
+            "url": "https://videon.test.kmlabz.com/live"
+          }
+          break;
+        case "encoder":
+          newNode.data = {
+            "bitrate": 8000,
+            "width": 600,
+            "height": 800
+          }
+          break;
+        case "restreamer":
+          newNode.data = {
+            "url": "https://youtube.com/live",
+            "streamkey": "testkey"
+          }
+          break;
+      }
+
+      const max_id = maxBy(this.diagram.nodes, (o) => {o.id})
+
+      newNode.id = max_id + 1;
+
+      this.diagram.nodes.push(newNode)
+
+
     }
   }
 
@@ -156,11 +190,4 @@ export default {
 #diagram-container {
   height: calc(100% - 64px);
 }
-
-#fab-holder {
-  position: absolute;
-  z-index: 5;
-  right: 2rem;
-  bottom: 2rem;
-}
 </style>
\ No newline at end of file