Add Backbone models, collection, views

javascripts/app.js

@@ -0,0 +1,13 @@
+var app = app || {};
+
+$(function(){
+
+  var tasks = [
+    {content: 'helloworld'},
+    {content: 'wtf'},
+    {content: 'rotterdam'},
+    {content: 'hahahah'}
+  ];
+
+  new app.ListView(tasks);
+});

javascripts/collections/list.js

@@ -0,0 +1,11 @@
+var app = app || {};
+
+(function() {
+
+  app.List = Backbone.Collection.extend({
+
+    model: app.Task
+    
+  });
+
+}());

javascripts/models/task.js

@@ -0,0 +1,14 @@
+var app = app || {};
+
+(function() {
+
+  app.Task = Backbone.Model.extend({
+
+    defaults: {
+      parent_id: '',
+      content: ''
+    },
+    
+  });
+
+}());

javascripts/views/list.js

@@ -0,0 +1,26 @@
+var app = app || {};
+
+(function() {
+
+  app.ListView = Backbone.View.extend({
+
+    el: $("#main .children"),
+    initialize: function(initialTasks) {
+      this.collection = new app.List(initialTasks);
+      this.render();
+    },
+    render: function() {
+      this.collection.each(function(task) {
+        this.renderTask(task);
+      }, this);
+    },
+    renderTask: function(task) {
+      var taskView = new app.TaskView({
+        model: task
+      });
+      this.$el.append(taskView.render().el);
+    }
+
+  });
+
+}());

javascripts/views/task.js

@@ -0,0 +1,18 @@
+var app = app || {};
+
+(function() {
+
+  app.TaskView = Backbone.View.extend({
+
+    tagName: 'li',
+    template: $('#taskTemplate').html(),
+
+    render: function() {
+      var tmpl = _.template(this.template);
+      this.$el.html(tmpl(this.model.toJSON()));
+      return this;
+    }
+
+  });
+
+}());