Ghost-Admin/app/components/gh-psm-visibility-input.js

43 lines
1.1 KiB
JavaScript

import Component from '@ember/component';
import classic from 'ember-classic-decorator';
import {action, computed} from '@ember/object';
import {inject as service} from '@ember/service';
const VISIBILITIES = [
{label: 'Public', name: 'public'},
{label: 'Members only', name: 'members'},
{label: 'Paid-members only', name: 'paid'}
];
@classic
export default class GhPsmVisibilityInput extends Component {
@service settings;
@service feature;
// public attrs
post = null;
@computed('post.visibility')
get selectedVisibility() {
return this.get('post.visibility') || this.settings.get('defaultContentVisibility');
}
init() {
super.init(...arguments);
this.availableVisibilities = [...VISIBILITIES];
if (this.feature.get('multipleProducts')) {
this.availableVisibilities.push(
{label: 'Specific tier(s)', name: 'tiers'}
);
}
}
@action
updateVisibility(newVisibility) {
this.post.set('visibility', newVisibility);
if (newVisibility !== 'tiers') {
this.post.set('tiers', []);
}
}
}