mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-01 22:02:11 +03:00
352c4af1d7
no issue - ran [es5-getter-ember-codemod](https://github.com/rondale-sc/es5-getter-ember-codemod) - [es5 getters RFC](https://github.com/emberjs/rfcs/blob/master/text/0281-es5-getters.md) - updates the majority of `object.get('property')` with `object.property` with exceptions: - `.get('nested.property')` - it's not possible to determine if this is relying on "safe" path chaining for when `nested` doesn't exist - `.get('config.x')` and `.get('settings.x')` - both our `config` and `settings` services are proxy objects which do not support es5 getters - this PR is not exhaustive, there are still a number of places where `.get('service.foo')` and similar could be replaced but it gets us a long way there in a quick and automated fashion
52 lines
1.3 KiB
JavaScript
52 lines
1.3 KiB
JavaScript
import Component from '@ember/component';
|
|
import {computed, defineProperty} from '@ember/object';
|
|
import {readOnly} from '@ember/object/computed';
|
|
import {inject as service} from '@ember/service';
|
|
|
|
const FeatureFlagComponent = Component.extend({
|
|
feature: service(),
|
|
|
|
tagName: 'label',
|
|
classNames: 'checkbox',
|
|
attributeBindings: ['for', 'disabled'],
|
|
disabled: computed('_disabled', function () {
|
|
if (this._disabled) {
|
|
return true;
|
|
}
|
|
return false;
|
|
}),
|
|
value: computed('_flagValue', {
|
|
get() {
|
|
return this._flagValue;
|
|
},
|
|
set(key, value) {
|
|
if (this.flag === 'members' && value === true) {
|
|
this.set(`feature.subscribers`, false);
|
|
}
|
|
return this.set(`feature.${this.flag}`, value);
|
|
}
|
|
}),
|
|
|
|
for: computed('flag', function () {
|
|
return `labs-${this.flag}`;
|
|
}),
|
|
|
|
name: computed('flag', function () {
|
|
return `labs[${this.flag}]`;
|
|
}),
|
|
|
|
init() {
|
|
this._super(...arguments);
|
|
|
|
defineProperty(this, '_flagValue', readOnly(`feature.${this.flag}`), function () {
|
|
return this.get(`feature.${this.flag}`);
|
|
});
|
|
}
|
|
});
|
|
|
|
FeatureFlagComponent.reopenClass({
|
|
positionalParams: ['flag', '_disabled']
|
|
});
|
|
|
|
export default FeatureFlagComponent;
|