From 6a040a21ef9f23fef82f1bedb8b03633de55044f Mon Sep 17 00:00:00 2001
From: tamat <contact@tamats.com>
Date: Wed, 7 Mar 2018 11:54:41 +0100
Subject: [PATCH] added load/save in demo

---
 demo/code.js    | 14 +++++++++++++-
 demo/index.html |  2 ++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/demo/code.js b/demo/code.js
index 97ecb45e9..b73e5157a 100755
--- a/demo/code.js
+++ b/demo/code.js
@@ -9,7 +9,7 @@ window.addEventListener("resize", function() { editor.graphcanvas.resize(); } );
 //create scene selector
 var elem = document.createElement("span");
 elem.className = "selector";
-elem.innerHTML = "Demo <select><option>Empty</option></select>";
+elem.innerHTML = "Demo <select><option>Empty</option></select> <button id='save'>Save</button><button id='load'>Load</button>";
 editor.tools.appendChild(elem);
 var select = elem.querySelector("select");
 select.addEventListener("change", function(e){
@@ -22,6 +22,18 @@ select.addEventListener("change", function(e){
 		graph.clear();
 });
 
+elem.querySelector("#save").addEventListener("click",function(){
+	console.log("saved");
+	localStorage.setItem( "graphdemo_save", JSON.stringify( graph.serialize() ) );
+});
+
+elem.querySelector("#load").addEventListener("click",function(){
+	var data = localStorage.getItem( "graphdemo_save" );
+	if(data)
+		graph.configure( JSON.parse( data ) );
+	console.log("loaded");
+});
+
 function addDemo( name, url )
 {
 	var option = document.createElement("option");
diff --git a/demo/index.html b/demo/index.html
index d60561768..4f1d561e5 100755
--- a/demo/index.html
+++ b/demo/index.html
@@ -14,6 +14,7 @@
 	</div>
 
     <script type="text/javascript" src="../external/jquery-1.6.2.min.js"></script>
+    <script type="text/javascript" src="http://tamats.com/projects/sillyserver/src/sillyclient.js"></script>
 
     <script type="text/javascript" src="../src/litegraph.js"></script>
     <script type="text/javascript" src="../src/litegraph-editor.js"></script>
@@ -26,6 +27,7 @@
     <script type="text/javascript" src="../src/nodes/input.js"></script>
     <script type="text/javascript" src="../src/nodes/midi.js"></script>
     <script type="text/javascript" src="../src/nodes/audio.js"></script>
+    <script type="text/javascript" src="../src/nodes/network.js"></script>
 
     <script type="text/javascript" src="demo.js"></script>
 	<script type="text/javascript" src="code.js"></script>