mirror of
https://github.com/flarum/framework.git
synced 2024-12-02 15:03:44 +08:00
103 lines
3.5 KiB
JavaScript
103 lines
3.5 KiB
JavaScript
import Ember from 'ember';
|
|
|
|
import TaggedArray from '../utils/tagged-array';
|
|
import ActionButton from '../components/ui/controls/action-button';
|
|
import DropdownSplit from '../components/ui/controls/dropdown-split';
|
|
import StreamScrubber from '../components/discussions/stream-scrubber';
|
|
|
|
var $ = Ember.$;
|
|
|
|
export default Ember.View.extend(Ember.Evented, {
|
|
|
|
sidebarItems: null,
|
|
|
|
loadingNumber: false,
|
|
|
|
didInsertElement: function() {
|
|
// Create and populate an array of items to be rendered in the sidebar.
|
|
var sidebarItems = TaggedArray.create();
|
|
this.trigger('populateSidebar', sidebarItems);
|
|
this.set('sidebarItems', sidebarItems);
|
|
|
|
// By this stage the discussion controller has initialized the post
|
|
// stream object, and there may or may not be posts loaded into it.
|
|
// Either way, we want to tell our stream content component to jump
|
|
// down to the start position specified in the controller's query
|
|
// params.
|
|
this.loadStreamContentForNewDiscussion();
|
|
|
|
// For that matter, whenever the controller's start query param
|
|
// changes, we want to tell our stream content component to jump down
|
|
// to it.
|
|
this.get('controller').on('startWasChanged', this, this.goToNumber);
|
|
this.get('streamContent').on('loadedNumber', this, this.loadedNumber);
|
|
},
|
|
|
|
willDestroyElement: function() {
|
|
this.get('controller').off('startWasChanged', this, this.goToNumber);
|
|
this.get('streamContent').off('loadedNumber', this, this.loadedNumber);
|
|
},
|
|
|
|
goToNumber: function(start) {
|
|
// We can only proceed if the controller has loaded the discussion
|
|
// details and the view has been rendered.
|
|
if (this.get('controller.loaded') && this.get('streamContent') && ! this.get('loadingNumber')) {
|
|
this.get('streamContent').send('goToNumber', start);
|
|
this.set('loadingNumber', true);
|
|
}
|
|
},
|
|
|
|
loadedNumber: function() {
|
|
this.set('loadingNumber', false);
|
|
},
|
|
|
|
// ------------------------------------------------------------------------
|
|
// OBSERVERS
|
|
// ------------------------------------------------------------------------
|
|
|
|
// Whenever the controller has switched out the old discussion model for a
|
|
// new one, we want to begin loading posts according to the ?start param.
|
|
loadStreamContentForNewDiscussion: function() {
|
|
if (this.get('controller.loaded')) {
|
|
this.goToNumber(this.get('controller.start'));
|
|
}
|
|
}.observes('controller.loaded'),
|
|
|
|
// Whenever the model's title changes, we want to update that document's
|
|
// title the reflect the new title.
|
|
updateTitle: function() {
|
|
this.set('controller.controllers.application.pageTitle', this.get('controller.model.title'));
|
|
}.observes('controller.model.title'),
|
|
|
|
// ------------------------------------------------------------------------
|
|
// LISTENERS
|
|
// ------------------------------------------------------------------------
|
|
|
|
populateSidebarDefault: function(sidebar) {
|
|
var controls = TaggedArray.create();
|
|
this.trigger('populateControls', controls);
|
|
sidebar.pushObjectWithTag(DropdownSplit.create({
|
|
items: controls,
|
|
icon: 'reply',
|
|
buttonClass: 'btn-primary'
|
|
}), 'controls');
|
|
|
|
sidebar.pushObjectWithTag(StreamScrubber.create({
|
|
streamContent: this.get('streamContent')
|
|
}), 'scrubber');
|
|
}.on('populateSidebar'),
|
|
|
|
populateControlsDefault: function(controls) {
|
|
var view = this;
|
|
var reply = ActionButton.create({
|
|
label: 'Reply',
|
|
icon: 'reply',
|
|
action: function() {
|
|
view.get('streamContent').send('goToLast');
|
|
view.get('controller').send('reply');
|
|
},
|
|
});
|
|
controls.pushObjectWithTag(reply, 'reply');
|
|
}.on('populateControls')
|
|
});
|