blob: 61814a4a205524e3bca34efd0fb81d1de98faf40 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
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);
}
});
});
});
|
