Backbone Collection Bootstrap - Skeleton

b_skeletons.js

/** General Skeletons controller */
var Skeletons = Backbone.View.extend({

	model: SkeletonsModel,

	el: ".b_skeletons",

	events: {

	},

	render: function() {

		var list = this.$el.find(".b_skeletons_list");

		if (!this.collection.length) {
			list.html(getTpl("#b_skeletons_empty"));
		} else {
			list.html("");

			this.collection.each(function(skeleton) {
				list.append(skeleton.render().el);
				skeleton.view.setElement(list.find(":last"));
			})

		}
	},

	initialize: function() {

		this.model = new SkeletonsModel();
		this.model.parent = this;
		this.model.on("change", this.render, this);

		this.collection = new SkeletonsCollection();
		this.collection.parent = this;

		this.render();
	}
});


var SkeletonsModel = Backbone.Model.extend({
	defaults: {}
});

var SkeletonModel = Backbone.Model.extend({
	defaults: {

	},

	refresh: function() {

	},

	initialize: function() {
		this.view = new SkeletonView({model: this});

	}
});

var SkeletonView = Backbone.View.extend({


	template: getTpl("#skeletonView", 1),

	events: {

	},

	viewHelpers: {
		getImage: function() {

		},
		getDescription: function() {

		},
		is_connected: function() {

		}
	},

	render: function() {
		var data = _.extend(this.viewHelpers, this.model.toJSON());
		this.el.innerHTML = this.template(data);

		return this;
	},

	initialize: function() {

		this.render();

		this.model.on("change", this.render, this);

	}
});

var SkeletonsCollection = Backbone.Collection.extend({
	model: SkeletonModel,

	refresh: function() {

	},

	initialize: function() {

	}
});