135 lines
3.2 KiB
JavaScript
135 lines
3.2 KiB
JavaScript
import Controller from '@ember/controller';
|
|
import {computed} from '@ember/object';
|
|
import {get} from '@ember/object';
|
|
import {inject as service} from '@ember/service';
|
|
|
|
const TYPES = [{
|
|
name: 'All posts',
|
|
value: null
|
|
}, {
|
|
name: 'Draft posts',
|
|
value: 'draft'
|
|
}, {
|
|
name: 'Published posts',
|
|
value: 'published'
|
|
}, {
|
|
name: 'Scheduled posts',
|
|
value: 'scheduled'
|
|
}, {
|
|
name: 'Featured posts',
|
|
value: 'featured'
|
|
}, {
|
|
name: 'Pages',
|
|
value: 'page'
|
|
}];
|
|
|
|
const ORDERS = [{
|
|
name: 'Newest',
|
|
value: null
|
|
}, {
|
|
name: 'Oldest',
|
|
value: 'published_at asc'
|
|
}];
|
|
|
|
export default Controller.extend({
|
|
|
|
session: service(),
|
|
store: service(),
|
|
|
|
queryParams: ['type', 'author', 'tag', 'order'],
|
|
type: null,
|
|
author: null,
|
|
tag: null,
|
|
order: null,
|
|
|
|
_hasLoadedTags: false,
|
|
_hasLoadedAuthors: false,
|
|
|
|
availableTypes: null,
|
|
availableOrders: null,
|
|
|
|
showingAll: computed('type', 'author', 'tag', function () {
|
|
let {type, author, tag} = this.getProperties(['type', 'author', 'tag']);
|
|
|
|
return !type && !author && !tag;
|
|
}),
|
|
|
|
selectedType: computed('type', function () {
|
|
let types = this.get('availableTypes');
|
|
return types.findBy('value', this.get('type'));
|
|
}),
|
|
|
|
selectedOrder: computed('order', function () {
|
|
let orders = this.get('availableOrders');
|
|
return orders.findBy('value', this.get('order'));
|
|
}),
|
|
|
|
_availableTags: computed(function () {
|
|
return this.get('store').peekAll('tag');
|
|
}),
|
|
|
|
availableTags: computed('_availableTags.[]', function () {
|
|
let tags = this.get('_availableTags').filter(tag => tag.get('id') !== null);
|
|
let options = tags.toArray();
|
|
|
|
options.unshiftObject({name: 'All tags', slug: null});
|
|
|
|
return options;
|
|
}),
|
|
|
|
selectedTag: computed('tag', '_availableTags.[]', function () {
|
|
let tag = this.get('tag');
|
|
let tags = this.get('availableTags');
|
|
|
|
return tags.findBy('slug', tag);
|
|
}),
|
|
|
|
_availableAuthors: computed(function () {
|
|
return this.get('store').peekAll('user');
|
|
}),
|
|
|
|
availableAuthors: computed('_availableAuthors.[]', function () {
|
|
let authors = this.get('_availableAuthors');
|
|
let options = authors.toArray();
|
|
|
|
options.unshiftObject({name: 'All authors', slug: null});
|
|
|
|
return options;
|
|
}),
|
|
|
|
selectedAuthor: computed('author', 'availableAuthors.[]', function () {
|
|
let author = this.get('author');
|
|
let authors = this.get('availableAuthors');
|
|
|
|
return authors.findBy('slug', author);
|
|
}),
|
|
|
|
init() {
|
|
this._super(...arguments);
|
|
this.availableTypes = TYPES;
|
|
this.availableOrders = ORDERS;
|
|
},
|
|
|
|
actions: {
|
|
changeType(type) {
|
|
this.set('type', get(type, 'value'));
|
|
},
|
|
|
|
changeAuthor(author) {
|
|
this.set('author', get(author, 'slug'));
|
|
},
|
|
|
|
changeTag(tag) {
|
|
this.set('tag', get(tag, 'slug'));
|
|
},
|
|
|
|
changeOrder(order) {
|
|
this.set('order', get(order, 'value'));
|
|
},
|
|
|
|
openEditor(post) {
|
|
this.transitionToRoute('editor.edit', post.get('id'));
|
|
}
|
|
}
|
|
});
|