metamaps--metamaps/app/assets/javascripts/metamaps/Metamaps.Views.js
2014-08-10 16:20:21 -04:00

72 lines
No EOL
1.8 KiB
JavaScript

(function () {
Metamaps.Views = {};
Metamaps.Views.init = function () {
Metamaps.Views.MapCard = Backbone.View.extend({
template: Hogan.compile( $('#mapCardTemplate').html() ),
tagName: "div",
className: "map",
id: function() {
return this.model.id;
},
events: {
"click .icon": "open",
"click .button.edit": "openEditDialog",
"click .button.delete": "destroy"
},
initialize: function () {
this.listenTo(this.model, "change", this.render);
},
render: function () {
this.$el.html( this.template.render(this.model.attrForCards()) );
return this;
}
});
var mapsWrapper = Backbone.View.extend({
el: '.mapsWrapper',
initialize: function (opts) {
},
setCollection: function (collection) {
if (this.collection) this.stopListening(this.collection);
this.collection = collection;
this.listenTo(this.collection, 'successOnFetch', this.handleSuccess);
this.listenTo(this.collection, 'errorOnFetch', this.handleError);
},
render: function () {
Metamaps.Loading.loader.hide();
var that = this;
this.$el.empty();
this.collection.each(function (map) {
var view = new Metamaps.Views.MapCard({ model: map });
that.$el.append( view.render().el );
});
},
handleSuccess: function () {
this.render();
},
handleError: function () {
alert('error!');
}
});
Metamaps.Views.exploreMaps = new mapsWrapper();
};
})();