Merge pull request totaljs#10 from josephpconley/master

knockout.js example for total.js

Author: petersirka

knockoutjs-todo/.gitignore

@@ -0,0 +1,2 @@
+*.pid
+tmp

knockoutjs-todo/README.md

@@ -0,0 +1,5 @@
+##knockout.js/total.js
+
+The obligatory TODO app featuring Knockout.js and total.js
+
+npm install total.js

knockoutjs-todo/config

@@ -0,0 +1,3 @@
+// Both configuration (debug/release)
+
+allow-compile-js:	false

knockoutjs-todo/controllers/default.js

@@ -0,0 +1,8 @@
+exports.install = function(framework) {
+	framework.route('/', view_homepage);
+};
+
+function view_homepage() {
+	var self = this;
+	self.view('index');
+}

knockoutjs-todo/debug.js

@@ -0,0 +1,5 @@
+var framework = require('total.js');
+var http = require('http');
+var debug = true;
+
+framework.run(http, debug);

knockoutjs-todo/index.js

@@ -0,0 +1,3 @@
+.completed{
+	text-decoration: line-through;
+}

knockoutjs-todo/public/css/default.css

@@ -0,0 +1,22 @@
+function Todo(description){
+	var self = this;
+	self.description = ko.observable(description);
+	self.completed = ko.observable(false);
+}
+
+function TodoApp(){
+	var self = this;
+	self.todos = ko.observableArray([]);
+	self.newTodo = ko.observable("");
+	self.saveTodo = function (data, event) { 
+        //if enter was pressed then save
+        if (event.keyCode == 13) {
+            self.todos.push(new Todo(self.newTodo()));
+            self.newTodo("");
+        }
+        return true;
+    }   
+	self.clearCompleted = function(){
+    	self.todos.remove(function(todo) { return todo.completed() })
+    }
+}

knockoutjs-todo/public/js/viewmodel.js

@@ -0,0 +1 @@
+.completed{text-decoration:line-through;}

knockoutjs-todo/tmp/css-default.css

@@ -0,0 +1,22 @@
+function Todo(description){
+	var self = this;
+	self.description = ko.observable(description);
+	self.completed = ko.observable(false);
+}
+
+function TodoApp(){
+	var self = this;
+	self.todos = ko.observableArray([]);
+	self.newTodo = ko.observable("");
+	self.saveTodo = function (data, event) { 
+        //if enter was pressed then save
+        if (event.keyCode == 13) {
+            self.todos.push(new Todo(self.newTodo()));
+            self.newTodo("");
+        }
+        return true;
+    }   
+	self.clearCompleted = function(){
+    	self.todos.remove(function(todo) { return todo.completed() })
+    }
+}