discourse/app/assets/javascripts/admin/components/inline-edit-checkbox.js.es6
2019-05-27 10:15:39 +02:00

44 lines
789 B
JavaScript

import {
default as computed,
observes
} from "ember-addons/ember-computed-decorators";
export default Ember.Component.extend({
classNames: ["inline-edit"],
checked: null,
checkedInternal: null,
init() {
this._super(...arguments);
this.set("checkedInternal", this.checked);
},
@observes("checked")
checkedChanged() {
this.set("checkedInternal", this.checked);
},
@computed("labelKey")
label(key) {
return I18n.t(key);
},
@computed("checked", "checkedInternal")
changed(checked, checkedInternal) {
return !!checked !== !!checkedInternal;
},
actions: {
cancelled() {
this.set("checkedInternal", this.checked);
},
finished() {
this.set("checked", this.checkedInternal);
this.action();
}
}
});