1 files changed, 93 insertions, 0 deletions
diff --git a/develop-activity/skeletons/Web (sugar >= 0.100)/js/activity.js b/develop-activity/skeletons/Web (sugar >= 0.100)/js/activity.js
new file mode 100755
index 0000000..61814a4
--- /dev/null
+++ b/develop-activity/skeletons/Web (sugar >= 0.100)/js/activity.js
@@ -0,0 +1,93 @@
+define(function (require) {
+    var activity = require("sugar-web/activity/activity");
+    var datastore = require("sugar-web/datastore");
+
+    var model = require("activity/model");
+    var view = require("activity/view");
+    var controller = require("activity/controller");
+
+    // Manipulate the DOM only when it is ready.
+    require(['domReady!'], function (doc) {
+
+        var todo;
+
+        // Initialize the activity.
+        activity.setup();
+
+        activity.write = function (callback) {
+            console.log("writing...");
+            var jsonData = JSON.stringify(todo.model.items);
+            this.getDatastoreObject().setDataAsText(jsonData);
+            this.getDatastoreObject().save(function (error) {
+                if (error === null) {
+                    console.log("write done.");
+                }
+                else {
+                    console.log("write failed.");
+                }
+                callback(error);
+            });
+        };
+
+        // Set up a brand new TODO list
+
+        function Todo() {
+            this.model = new model.Model();
+            this.view = new view.View();
+            this.controller = new controller.Controller(this.model, this.view);
+        }
+
+        todo = new Todo();
+        var datastoreObject = activity.getDatastoreObject();
+        function onLoaded(error, metadata, data) {
+            todo.controller.loadItems(JSON.parse(data));
+        }
+        datastoreObject.loadAsText(onLoaded);
+
+        var input = document.getElementById("new-todo");
+        input.addEventListener('keypress', function (e) {
+            if (e.keyCode === todo.controller.ENTER_KEY) {
+                var success = todo.controller.addItem(e.target.value);
+                if (success) {
+                    e.target.value = '';
+                }
+            }
+        });
+
+        var inputButton = document.getElementById("new-todo-button");
+        inputButton.addEventListener('click', function (e) {
+            var success = todo.controller.addItem(input.value);
+            if (success) {
+                input.value = '';
+            }
+        });
+
+        // Find the model ID of the clicked DOM element
+
+        function lookupId(target) {
+            var lookup = target;
+
+            while (lookup.nodeName !== 'LI') {
+                lookup = lookup.parentNode;
+            }
+
+            return lookup.dataset.id;
+        }
+
+        var list = document.getElementById("todo-list");
+        list.addEventListener('click', function (e) {
+            var target = e.target;
+
+            if (target.className.indexOf('remove') > -1) {
+                todo.controller.removeItem(lookupId(target));
+            }
+
+            if (target.className.indexOf('toggle') > -1) {
+                todo.controller.toggleComplete(lookupId(target), target);
+            }
+
+        });
+
+    });
+
+});