import Ember from 'ember'; import ComposerReply from '../components/discussions/composer-reply'; import ActionButton from '../components/ui/controls/action-button'; import AlertMessage from '../components/alert-message'; export default Ember.ObjectController.extend(Ember.Evented, { needs: ['application', 'composer'], queryParams: ['start'], start: '1', searchQuery: '', loaded: false, stream: null, // Save a reply. This may be called by a composer-reply component that was // set up on a different discussion, so we require a discussion model to // be explicitly passed rather than using the controller's implicit one. // @todo break this down into bite-sized functions so that extensions can // easily override where they please. saveReply: function(discussion, data) { var controller = this; var composer = this.get('controllers.composer'); var stream = this.get('stream'); composer.set('content.loading', true); controller.get('controllers.application').send('clearAlerts'); var post = this.store.createRecord('post', { content: data.content, discussion: discussion }); return post.save().then(function(post) { composer.send('hide'); discussion.setProperties({ lastTime: post.get('time'), lastUser: post.get('user'), lastPost: post, lastPostNumber: post.get('number'), commentsCount: discussion.get('commentsCount') + 1, readTime: post.get('time'), readNumber: post.get('number') }); // If we're currently viewing the discussion which this reply was // made in, then we can add the post to the end of the post // stream. if (discussion == controller.get('model') && stream) { stream.addPostToEnd(post); } else { // Otherwise, we'll create an alert message to inform the user // that their reply has been posted, containing a button which // will transition to their new post when clicked. var message = AlertMessage.create({ type: 'success', message: 'Your reply was posted.' }); message.on('populateControls', function(controls) { controls.pushObjectWithTag(ActionButton.extend({ label: 'View', action: function() { controller.transitionToRoute('discussion', post.get('discussion'), {queryParams: {start: post.get('number')}}); message.send('dismiss'); } }), 'view'); }); controller.get('controllers.application').send('alert', message); } }, function(reason) { var errors = reason.errors; for (var i in reason.errors) { var message = AlertMessage.create({ type: 'warning', message: reason.errors[i] }); controller.get('controllers.application').send('alert', message); } }) .finally(function() { composer.set('content.loading', false); }); }, actions: { reply: function() { var controller = this; var discussion = this.get('model'); var composer = this.get('controllers.composer'); // If the composer is already set up for this discussion, then we // don't need to change its content - we can just show it. if (!(composer.get('content') instanceof ComposerReply) || composer.get('content.discussion') != discussion) { composer.switchContent(ComposerReply.create({ user: controller.get('session.user'), discussion: discussion, submit: function(data) { controller.saveReply(discussion, data); } })); } composer.send('show'); }, // This action is called when the start position of the discussion // currently being viewed changes (i.e. when the user scrolls up/down // the post stream.) updateStart: function(start) { this.set('start', start); } } });