From 64709bd9b4f00979dd9c381b2d80368b498ec6b1 Mon Sep 17 00:00:00 2001
From: Mark Nadal <mark@accelsor.com>
Date: Thu, 22 Jan 2015 18:08:48 -0700
Subject: [PATCH] added Forrest's Todo Example and made example directory

---
 examples/angular/index.html |  4 +--
 examples/index.html         | 15 +++++++++++
 examples/todo/index.html    | 50 +++++++++++++++++++++++++++----------
 3 files changed, 54 insertions(+), 15 deletions(-)
 create mode 100644 examples/index.html
diff --git a/examples/angular/index.html b/examples/angular/index.html
index f4bd3bb1..4a32c5ea 100644
--- a/examples/angular/index.html
+++ b/examples/angular/index.html
@@ -53,7 +53,7 @@
 			var gun = Gun(location.origin + '/gun');
 			angular.module('admin', []).controller('editor', function($scope){
 				$scope.data = {};
-				$scope.$data = gun.load('example/angular/todo').blank(function(){
+				$scope.$data = gun.load('example/angular/data').blank(function(){
 					console.log("Initializing Data!");
 					this.set({});
 				}).on(function(data){
@@ -63,7 +63,7 @@
 					});
 					$scope.$apply();
 				});
-				$scope.add = function(a,b,c){
+				$scope.add = function(){
 					$scope.$data.path($scope.field).set( $scope.data[$scope.field] = 'value' );
 					$scope.field = '';
 				};
diff --git a/examples/index.html b/examples/index.html
new file mode 100644
index 00000000..bc0e28e6
--- /dev/null
+++ b/examples/index.html
@@ -0,0 +1,15 @@
+<html>
+	<body>
+		<h1>Examples Directory</h1>
+		<style>
+			iframe {
+				width: 100%;
+				height: 50%;
+				border: none;
+				border-top: ridge 2em skyblue;
+			}
+		</style>
+		<a href="todo/index.html"><iframe src="todo/index.html"></iframe></a>
+		<a href="angular/index.html"><iframe src="angular/index.html"></iframe></a>
+	</body>
+</html>
diff --git a/examples/todo/index.html b/examples/todo/index.html
index 7bfbdd55..59006a58 100644
--- a/examples/todo/index.html
+++ b/examples/todo/index.html
@@ -1,15 +1,39 @@
 <html>
-	<head>
-		<title>ToDo</title>
-	</head>
-	<body>
-		<h1>
-			Todo List
-		</h1>
-		<form name="sign" action="http://localhost:8888/gun">
-			<input name="email" placeholder="email">
-			<input name="password" type="password" placeholder="password">
-			<input type="submit" name="it" value="sign in or up">
-		</form>
+	<body onload="ready()">
+		<h2>ToDo List</h2>
+
+		<form id="addToDo"><input id="todoItem" /><button>Add</button></form>
+		<ul id="todos"></ul>
+
+		<script src="../../gun.js"></script>
+		<script>
+		// by Forrest Tait! Edited by Mark Nadal.
+		function ready(){
+			var $ = document.querySelector.bind(document);
+			var gun = Gun(location.origin + '/gun').load('example/todo/data').set({});
+			gun.on(function renderToDo(val){
+				var todoHTML = '';
+				for(key in val) {
+					if(!val[key] || key == '_') continue;
+					todoHTML += '<li style="width:400px;height:2em;">' + val[key] +
+					'<button style="float:right;" onclick=removeToDo("'+key+'")>X</button></li>';
+				}
+				$("#todos").innerHTML = todoHTML;
+			});
+			$("#addToDo").onsubmit = function(){
+				var id = randomId();
+				gun.path(id).set($("#todoItem").value);
+				$("#todos").innerHTML += "<li>"+$("#todoItem").value+"</li>";
+				$("#todoItem").value = "";
+				return false;
+			};
+			window.removeToDo = function(id){
+				gun.path(id).set(null);
+			}
+		}
+		function randomId(){
+			return ''+(new Date()).getTime()+Math.round((Math.random()*1000));
+		}
+		</script>
 	</body>
-</html>
\ No newline at end of file
+</html>
