You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
1.5 KiB
46 lines
1.5 KiB
'use strict';
|
|
define(
|
|
[
|
|
'vent',
|
|
'marionette',
|
|
'Mixins/AsModelBoundView'
|
|
], function (vent, Marionette, AsModelBoundView) {
|
|
var view = Marionette.ItemView.extend({
|
|
template: 'Rename/RenamePreviewItemViewTemplate',
|
|
|
|
ui: {
|
|
itemDiv: '.rename-preview-item',
|
|
checkboxIcon: '.rename-checkbox i'
|
|
},
|
|
|
|
onRender: function () {
|
|
this._setItemState();
|
|
this.listenTo(this.model, 'change', this._setItemState);
|
|
this.listenTo(this.model, 'rename:select', this._onRenameAll);
|
|
},
|
|
|
|
_setItemState: function () {
|
|
var checked = this.model.get('rename');
|
|
this.model.trigger('rename:select', this.model, checked);
|
|
|
|
if (checked) {
|
|
this.ui.itemDiv.removeClass('do-not-rename');
|
|
this.ui.checkboxIcon.addClass('icon-check');
|
|
this.ui.checkboxIcon.removeClass('icon-check-empty');
|
|
}
|
|
|
|
else {
|
|
this.ui.itemDiv.addClass('do-not-rename');
|
|
this.ui.checkboxIcon.addClass('icon-check-empty');
|
|
this.ui.checkboxIcon.removeClass('icon-check');
|
|
}
|
|
},
|
|
|
|
_onRenameAll: function (model, checked) {
|
|
this.model.set('rename', checked);
|
|
}
|
|
});
|
|
|
|
return AsModelBoundView.apply(view);
|
|
});
|