2013-06-24 00:55:03 +04:00
|
|
|
/*global window, document, Ghost, Backbone, $, JST, _ */
|
2013-06-25 16:38:41 +04:00
|
|
|
(function (_) {
|
2013-06-08 06:16:28 +04:00
|
|
|
"use strict";
|
|
|
|
|
|
|
|
Ghost.View = Backbone.View.extend({
|
|
|
|
|
|
|
|
// Adds a subview to the current view, which will
|
|
|
|
// ensure its removal when this view is removed,
|
|
|
|
// or when view.removeSubviews is called
|
|
|
|
addSubview: function (view) {
|
|
|
|
if (!(view instanceof Backbone.View)) {
|
|
|
|
throw new Error("Subview must be a Backbone.View");
|
|
|
|
}
|
|
|
|
this.subviews = this.subviews || [];
|
|
|
|
this.subviews.push(view);
|
|
|
|
return view;
|
|
|
|
},
|
|
|
|
|
|
|
|
// Removes any subviews associated with this view
|
|
|
|
// by `addSubview`, which will in-turn remove any
|
|
|
|
// children of those views, and so on.
|
|
|
|
removeSubviews: function () {
|
|
|
|
var i, l, children = this.subviews;
|
|
|
|
if (!children) {
|
|
|
|
return this;
|
|
|
|
}
|
|
|
|
for (i = 0, l = children.length; i < l; i += 1) {
|
|
|
|
children[i].remove();
|
|
|
|
}
|
|
|
|
this.subviews = [];
|
|
|
|
return this;
|
|
|
|
},
|
|
|
|
|
|
|
|
// Extends the view's remove, by calling `removeSubviews`
|
|
|
|
// if any subviews exist.
|
|
|
|
remove: function () {
|
|
|
|
if (this.subviews) {
|
|
|
|
this.removeSubviews();
|
|
|
|
}
|
|
|
|
return Backbone.View.prototype.remove.apply(this, arguments);
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
2013-06-24 00:55:03 +04:00
|
|
|
Ghost.TemplateView = Ghost.View.extend({
|
|
|
|
templateName: "widget",
|
|
|
|
|
|
|
|
template: function (data) {
|
|
|
|
return JST[this.templateName](data);
|
|
|
|
},
|
|
|
|
|
|
|
|
templateData: function () {
|
|
|
|
if (this.model) {
|
|
|
|
return this.model.toJSON();
|
|
|
|
}
|
|
|
|
|
|
|
|
if (this.collection) {
|
|
|
|
return this.collection.toJSON();
|
|
|
|
}
|
|
|
|
|
|
|
|
return {};
|
|
|
|
},
|
|
|
|
|
|
|
|
render: function () {
|
|
|
|
this.$el.html(this.template(this.templateData()));
|
|
|
|
|
|
|
|
if (_.isFunction(this.afterRender)) {
|
|
|
|
this.afterRender();
|
|
|
|
}
|
|
|
|
|
|
|
|
return this;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
}(_));
|