34 lines
884 B
JavaScript
34 lines
884 B
JavaScript
|
var CoreView = require('backbone/core-view');
|
||
|
|
|
||
|
|
module.exports = CoreView.extend({
|
||
|
|
tagName: 'button',
|
||
|
|
|
||
|
|
initialize: function (opts) {
|
||
|
|
if (!opts.template) throw new Error('template is required');
|
||
|
|
if (!opts.editorModel) throw new Error('editorModel is required');
|
||
|
|
this.template = opts.template;
|
||
|
|
this._editorModel = opts.editorModel;
|
||
|
|
this._data = {};
|
||
|
|
if (opts.model) {
|
||
|
|
this._data = opts.model.toJSON();
|
||
|
|
}
|
||
|
|
this._initBinds();
|
||
|
|
},
|
||
|
|
|
||
|
|
_initBinds: function () {
|
||
|
|
this.listenTo(this._editorModel, 'change:edition', this._changeStyle);
|
||
|
|
this.add_related_model(this._editorModel);
|
||
|
|
},
|
||
|
|
|
||
|
|
render: function () {
|
||
|
|
this.clearSubViews();
|
||
|
|
this.$el.empty();
|
||
|
|
this.$el.append(this.template(this._data));
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
_changeStyle: function () {
|
||
|
|
this.$('.js-theme').toggleClass('is-white', this._editorModel.isEditing());
|
||
|
|
}
|
||
|
|
});
|