mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-10-15 08:55:53 +02:00
Code Issues Releases Wiki Activity

Roughly implement routes and data preloading

Browse Source 
Only preloading data for basic requests w/o query params, at least for
the moment - if we have to preload for something like
/?q=test&sort=newest, we end up having to duplicate a whole lot of
logic between JS/PHP.
This commit is contained in:
Toby Zerner
2015-06-18 17:41:37 +09:30
parent c2da4a946f
commit 822a216cc9
11 changed files with 126 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
js/forum/src/components/discussion-page.js
View File

@@ -44,7 +44,21 @@ export default class DiscussionPage extends mixin(Component, evented) {
var params = this.params();
params.include = params.include.join(',');
app.store.find('discussions', m.route.param('id'), params).then(this.setupDiscussion.bind(this));
var discussion;
if (app.preload.response) {
// We must wrap this in a setTimeout because if we are mounting this
// component for the first time on page load, then any calls to m.redraw
// will be ineffective and thus any configs (scroll code) will be run
// before stuff is drawn to the page.
setTimeout(() => {
var discussion = app.store.pushPayload(app.preload.response);
app.preload.response = null;
this.setupDiscussion(discussion);
});
} else {
app.store.find('discussions', m.route.param('id'), params).then(this.setupDiscussion.bind(this));
}
// Trigger a redraw only if we're not already in a computation (e.g. route change)
m.startComputation();
@@ -77,12 +91,19 @@ export default class DiscussionPage extends mixin(Component, evented) {
app.setTitle(discussion.title());
var includedPosts = [];
discussion.payload.included && discussion.payload.included.forEach(record => {
if (record.type === 'posts' && (record.contentType !== 'comment' || record.contentHtml)) {
includedPosts.push(app.store.getById('posts', record.id));
if (discussion.payload && discussion.payload.included) {
discussion.payload.included.forEach(record => {
if (record.type === 'posts' && (record.contentType !== 'comment' || record.contentHtml)) {
includedPosts.push(app.store.getById('posts', record.id));
}
});
includedPosts.sort((a, b) => a.id() - b.id());
} else {
var posts = discussion.posts();
if (posts) {
includedPosts = posts.filter(post => post);
}
});
includedPosts.sort((a, b) => a.id() - b.id());
}
this.stream = new PostStream({ discussion, includedPosts });
this.stream.on('positionChanged', this.positionChanged.bind(this));