1 files changed, 40 insertions, 0 deletions
diff --git a/develop-activity/skeletons/Web (sugar >= 0.100)/js/view.js b/develop-activity/skeletons/Web (sugar >= 0.100)/js/view.js
new file mode 100755
index 0000000..9218a2c
--- /dev/null
+++ b/develop-activity/skeletons/Web (sugar >= 0.100)/js/view.js
@@ -0,0 +1,40 @@
+define(function (require) {
+
+    var view = {};
+
+    view.View = function () {
+        this.template =
+            '<li data-id="{{id}}" class="{{completed}}">' +
+            '<div class="view">' +
+            '<input class="toggle" type="checkbox" {{checked}}>' +
+            '<label>{{title}}</label>' +
+            '<button class="remove"></button>' +
+            '</div>' +
+            '</li>';
+    };
+
+    // Create a string of HTML <li> elements inside with the given
+    // items.
+    view.View.prototype.show = function (items) {
+        var i, l;
+        var view = '';
+        for (i = 0, l = items.length; i < l; i++) {
+            var template = this.template;
+            var completed = '';
+            var checked = '';
+            if (items[i].completed === 1) {
+                completed = 'completed';
+                checked = 'checked';
+            }
+            template = template.replace('{{id}}', items[i].id);
+            template = template.replace('{{title}}', items[i].title);
+            template = template.replace('{{completed}}', completed);
+            template = template.replace('{{checked}}', checked);
+            view = view + template;
+        }
+        return view;
+    };
+
+    return view;
+
+});