File Operations

Author: shivanmodha

src/public/component/component.js

@@ -197,7 +197,6 @@ function _event_onNodeSelect(event, nIndex)
     }
     if (bindtonode)
     {
-        console.log("TEST");
         selectedNode = event;
         selectedNode.Selected = true;
         selectedNodeIndex = nIndex;
@@ -318,9 +317,46 @@ function _event_onNavigationSelect(event)
             graph.GetPath(start, end);
         }
     }
+    else if (navigation === "_navigation_file_new")
+    {
+        graph = new Graph();
+    }    
     else if (navigation === "_navigation_file_save")
     {
-        graph.ToJson();
+        let file = new Blob([JSON.stringify(graph.ToJson())], { type: "text/plain" });
+        let a = document.createElement("a");
+        a.href = URL.createObjectURL(file);
+        a.download = "graph.gbench";
+        a.click();
+    }
+    else if (navigation === "_navigation_file_open")
+    {
+        let input = document.createElement("input");
+        input.setAttribute("type", "file");
+        input.click();
+        input.onchange = (e) =>
+        {
+            let reader = new FileReader();
+            reader.onload = () =>
+            {
+                try
+                {
+                    graph.FromJson(ME, JSON.parse(reader.result));
+                }
+                catch (e)
+                {
+                    
+                }
+            }
+            reader.readAsText(input.files[0]);
+        }
+    }
+    else if (navigation === "_navigation_file_link")
+    {
+        let url = window.location;
+        url += "@" + round(ME.Camera.Location.X, 2) + "," + round(ME.Camera.Location.Y, 2) + "," + round(ME.Camera.Location.Z, 2) + "z" + ((RenderedFloor / 2) + 1);
+        url += "?graph=" + JSON.stringify(graph.ToJson());
+        alert(url);
     }
 }
 function _event_onMouseDown(event)

src/public/component/element.js

@@ -191,8 +191,10 @@ let Graph = class Graph
     }
     ToJson()
     {
-        let js = {};
-        js["nodes"] = [];
+        let js = {
+            "nodes": [],
+            "maxid": nID
+        };
         for (let i = 0; i < this.Nodes.length; i++)
         {
             let child = {
@@ -248,12 +250,11 @@ let Graph = class Graph
             }
             js["elements"].push(child);
         }
-        console.log(JSON.stringify(js));
         return js;
     }
     FromJson(ME, js)
     {
-        console.log(js);
+        nID = js["maxid"];
         for (let i = 0; i < js["nodes"].length; i++)
         {
             let n = new Node(js["nodes"][i]["name"], new Vertex(js["nodes"][i]["location"]["x"], js["nodes"][i]["location"]["y"], js["nodes"][i]["location"]["z"]));
@@ -290,7 +291,6 @@ let Graph = class Graph
                 let c = js["elements"][i]["indices"][j];
                 ind.push(new Index(c[0], c[1], c[2]));
             }
-            console.log(v);
             let n = new Element(new Object3D(ME, v, ind, "New Object"), js["elements"][i]["name"], js["elements"][i]["type"]);
             if (js["elements"][i]["node"] != null)
             {

src/src/App.js

@@ -383,7 +383,7 @@ class App extends Component
         };
         if (eventKey === "_navigation_node_bulkcreate")
         {
-            let prompt = window.prompt("Shivan", 5);
+            let prompt = window.prompt("How many nodes do you want to create?", 5);
             let num = 5;
             if (prompt == null || prompt == "")
             {
@@ -457,7 +457,6 @@ class App extends Component
     }
     _event_onSignalBind(event)
     {
-        console.log("came back");
         this.state.SelectedElement.BindToNode(event.detail.node);
         this.setState({
             Element_Properties: true

src/src/configuration/navigation.json

@@ -11,20 +11,7 @@
                 "Open": "_navigation_file_open",
                 "Save": "_navigation_file_save",
                 "div1": "divider",
-                "Clear": "_navigation_file_clear",
-                "Revert": "_navigation_file_revert"
-            }
-        },
-        "Export": {
-            "type": "dropdown",
-            "side": "left",
-            "eventKey": "_navigation_export",
-            "id": "nav-export-dropdown",
-            "children": {
-                "Nodes": "_navigation_export_nodes",
-                "Elements": "_navigation_export_elements",
-                "div1": "divider",
-                "All": "_navigation_export_all"
+                "Get Link": "_navigation_file_link"
             }
         },
         "View": {
@@ -41,7 +28,7 @@
         },
         "Path": {
             "type": "dropdown",
-            "side": "right",
+            "side": "left",
             "eventKey": "_navigation_path",
             "id": "nav-path-dropdown",
             "children": {