54 lines
1.3 KiB
JavaScript
54 lines
1.3 KiB
JavaScript
'use strict';
|
|
|
|
define(
|
|
[
|
|
'backgrid'
|
|
], function (Backgrid) {
|
|
return Backgrid.Cell.extend({
|
|
|
|
className: 'toggle-cell clickable',
|
|
|
|
events: {
|
|
'click': '_onClick'
|
|
},
|
|
|
|
|
|
_onClick: function () {
|
|
var self = this;
|
|
|
|
var name = this.column.get('name');
|
|
this.model.set(name, !this.model.get(name));
|
|
|
|
this.$('i').addClass('icon-spinner icon-spin');
|
|
|
|
var promise = this.model.save();
|
|
|
|
promise.always(function (){
|
|
self.render();
|
|
});
|
|
},
|
|
|
|
render: function () {
|
|
this.$el.empty();
|
|
this.$el.html('<i />');
|
|
|
|
var name = this.column.get('name');
|
|
|
|
if (this.model.get(name)) {
|
|
this.$('i').addClass(this.column.get('trueClass'));
|
|
}
|
|
else {
|
|
this.$('i').addClass(this.column.get('falseClass'));
|
|
}
|
|
|
|
var tooltip = this.column.get('tooltip');
|
|
|
|
if (tooltip) {
|
|
this.$('i').attr('title', tooltip);
|
|
}
|
|
|
|
return this;
|
|
}
|
|
});
|
|
});
|