mirror of
https://github.com/flarum/core.git
synced 2025-10-11 23:14:29 +02:00
- Extract shared Ember components into a “flarum-common” ember-cli addon. This can be used by both the forum + admin Ember apps, keeping things DRY - Move LESS styles into their own top-level directory and do a similar thing (extract common styles) - Add LESS/JS compilation and versioning to PHP (AssetManager) - Set up admin entry point (Theoretical) upgrade instructions: - Delete everything in [app_root]/public - Set up tooling in forum/admin Ember apps (npm install/update, bower install/update) and then build them (ember build) - php artisan vendor:publish - Upgrade flarum/flarum repo (slight change in a config file) - If you need to trigger a LESS/JS recompile, delete the .css/.js files in [app_root]/public/flarum. I set up LiveReload to do this for me when I change files in less/ or ember/ Todo: - Start writing admin app! - Remove bootstrap/font-awesome from repo and instead depend on their composer packages? Maybe? (Bower is not an option here)
133 lines
4.0 KiB
JavaScript
133 lines
4.0 KiB
JavaScript
import Ember from 'ember';
|
|
|
|
import DiscussionResult from 'flarum-forum/models/discussion-result';
|
|
import PostResult from 'flarum-forum/models/post-result';
|
|
|
|
export default Ember.Controller.extend({
|
|
needs: ['application'],
|
|
|
|
queryParams: ['sort', 'show', {searchQuery: 'q'}, 'filter'],
|
|
sort: 'recent',
|
|
show: 'discussions',
|
|
filter: '',
|
|
searchQuery: '',
|
|
|
|
meta: null,
|
|
resultsLoading: false,
|
|
|
|
sortOptions: [
|
|
{key: 'recent', label: 'Recent', sort: 'recent'},
|
|
{key: 'replies', label: 'Replies', sort: '-replies'},
|
|
{key: 'newest', label: 'Newest', sort: '-created'},
|
|
{key: 'oldest', label: 'Oldest', sort: 'created'},
|
|
],
|
|
|
|
terminalPostType: Ember.computed('sort', function() {
|
|
return ['newest', 'oldest'].indexOf(this.get('sort')) !== -1 ? 'start' : 'last';
|
|
}),
|
|
|
|
countType: Ember.computed('sort', function() {
|
|
return this.get('sort') === 'replies' ? 'replies' : 'unread';
|
|
}),
|
|
|
|
moreResults: Ember.computed.bool('meta.moreUrl'),
|
|
|
|
getResults: function(start) {
|
|
var searchQuery = this.get('searchQuery');
|
|
var sort = this.get('sort');
|
|
var sortOptions = this.get('sortOptions');
|
|
var sortOption = sortOptions.findBy('key', sort) || sortOptions.objectAt(0);
|
|
|
|
var params = {
|
|
sort: sortOption.sort,
|
|
q: searchQuery,
|
|
start: start
|
|
};
|
|
|
|
if (this.get('show') === 'posts') {
|
|
if (searchQuery) {
|
|
params.include = 'relevantPosts';
|
|
} else if (sort === 'created') {
|
|
params.include = 'startPost,startUser';
|
|
} else {
|
|
params.include = 'lastPost,lastUser';
|
|
}
|
|
}
|
|
|
|
// var results = Ember.RSVP.resolve(FLARUM_DATA.discussions);
|
|
|
|
return this.store.find('discussion', params).then(function(discussions) {
|
|
var results = [];
|
|
discussions.forEach(function(discussion) {
|
|
var relevantPosts = [];
|
|
// discussion.get('relevantPosts.content').forEach(function(post) {
|
|
// relevantPosts.pushObject(PostResult.create(post));
|
|
// });
|
|
results.pushObject(DiscussionResult.create({
|
|
content: discussion,
|
|
relevantPosts: relevantPosts,
|
|
lastPost: PostResult.create(discussion.get('lastPost')),
|
|
startPost: PostResult.create(discussion.get('startPost'))
|
|
}));
|
|
results.set('meta', discussions.get('meta'));
|
|
});
|
|
return results;
|
|
});
|
|
},
|
|
|
|
searchQueryDidChange: Ember.observer('searchQuery', function() {
|
|
var searchQuery = this.get('searchQuery');
|
|
this.get('controllers.application').setProperties({
|
|
searchQuery: searchQuery,
|
|
searchActive: !!searchQuery
|
|
});
|
|
|
|
var sortOptions = this.get('sortOptions');
|
|
|
|
if (this.get('searchQuery') && sortOptions[0].sort !== 'relevance') {
|
|
sortOptions.unshiftObject({key: 'relevance', label: 'Relevance', sort: 'relevance'});
|
|
} else if (!this.get('searchQuery') && sortOptions[0].sort === 'relevance') {
|
|
sortOptions.shiftObject();
|
|
}
|
|
}),
|
|
|
|
paramsDidChange: Ember.observer('sort', 'show', 'searchQuery', function() {
|
|
if (this.get('model') && !this.get('resultsLoading')) {
|
|
Ember.run.once(this, this.loadResults);
|
|
}
|
|
}),
|
|
|
|
loadResults: function() {
|
|
this.send('loadResults');
|
|
},
|
|
|
|
actions: {
|
|
discussionRemoved: function(discussion) {
|
|
var model = this.get('model');
|
|
model.removeObject(model.findBy('content', discussion));
|
|
},
|
|
|
|
loadResults: function() {
|
|
var controller = this;
|
|
controller.get('model').clear();
|
|
controller.set('resultsLoading', true);
|
|
controller.getResults().then(function(results) {
|
|
controller
|
|
.set('resultsLoading', false)
|
|
.set('meta', results.get('meta'))
|
|
.set('model.content', results);
|
|
});
|
|
},
|
|
|
|
loadMore: function() {
|
|
var controller = this;
|
|
this.set('resultsLoading', true);
|
|
this.getResults(this.get('model.length')).then(function(results) {
|
|
controller.get('model').addObjects(results);
|
|
controller.set('meta', results.get('meta'));
|
|
controller.set('resultsLoading', false);
|
|
});
|
|
},
|
|
}
|
|
});
|