spinal_cord.js

$(function() {

// Model
window.FeedItemModel = Backbone.Model.extend({

	initialize : function(id, graph) {
		this.id = id;
		this.graph = graph;
	},
	
	like : function() {
		// Like this feedItem
	},
	
	
	comment : function(message) {
		// comment on this feed item
	}
});



// Collection
window.FeedListCollection = Backbone.Collection.extend({
	model : FeedItemModel,
	localStorage : new Store("feed"),
	
	items : function() {
		// returns all feedItems
	}
});
window.FeedItems = new FeedListCollection;



// View
window.FeedListView = Backbone.View.extend({
	
	tagName : "li",
	className : "feed-item",
	
	initialize : function(feedItemsCollection) {
		feedItemsCollection.bind("add", this.render);
	},
	
	render : function(feedItem) {
		$("#feed-items").append("<li>" + feedItem.get("graph") + "</li>");
		return this;
	}
});


window.App = new FeedListView(FeedItems);

FeedItems.add(new FeedItemModel({graph : "abc"}));
FeedItems.add(new FeedItemModel({graph : "def"}));
FeedItems.add(new FeedItemModel({graph : "ghi"}));
FeedItems.create({graph : "foo"});

});