// Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved. // See License.txt for license information. var PostHeader = require('./post_header.jsx'); var PostBody = require('./post_body.jsx'); var AppDispatcher = require('../dispatcher/app_dispatcher.jsx'); var Constants = require('../utils/constants.jsx'); var UserStore = require('../stores/user_store.jsx'); var PostStore = require('../stores/post_store.jsx'); var ChannelStore = require('../stores/channel_store.jsx'); var client = require('../utils/client.jsx'); var AsyncClient = require('../utils/async_client.jsx'); var ActionTypes = Constants.ActionTypes; var utils = require('../utils/utils.jsx'); var PostInfo = require('./post_info.jsx'); export default class Post extends React.Component { constructor(props) { super(props); this.handleCommentClick = this.handleCommentClick.bind(this); this.forceUpdateInfo = this.forceUpdateInfo.bind(this); this.retryPost = this.retryPost.bind(this); this.state = {}; } handleCommentClick(e) { e.preventDefault(); var data = {}; data.order = [this.props.post.id]; data.posts = this.props.posts; AppDispatcher.handleServerAction({ type: ActionTypes.RECIEVED_POST_SELECTED, post_list: data }); AppDispatcher.handleServerAction({ type: ActionTypes.RECIEVED_SEARCH, results: null }); } forceUpdateInfo() { this.refs.info.forceUpdate(); this.refs.header.forceUpdate(); } retryPost(e) { e.preventDefault(); var post = this.props.post; client.createPost(post, post.channel_id, function success(data) { AsyncClient.getPosts(); var channel = ChannelStore.get(post.channel_id); var member = ChannelStore.getMember(post.channel_id); member.msg_count = channel.total_msg_count; member.last_viewed_at = utils.getTimestamp(); ChannelStore.setChannelMember(member); AppDispatcher.handleServerAction({ type: ActionTypes.RECIEVED_POST, post: data }); }, function error() { post.state = Constants.POST_FAILED; PostStore.updatePendingPost(post); this.forceUpdate(); }.bind(this) ); post.state = Constants.POST_LOADING; PostStore.updatePendingPost(post); this.forceUpdate(); } shouldComponentUpdate(nextProps) { if (!utils.areStatesEqual(nextProps.post, this.props.post)) { return true; } return false; } render() { var post = this.props.post; var parentPost = this.props.parentPost; var posts = this.props.posts; var type = 'Post'; if (post.root_id && post.root_id.length > 0) { type = 'Comment'; } var commentCount = 0; var commentRootId; if (parentPost) { commentRootId = post.root_id; } else { commentRootId = post.id; } for (var postId in posts) { if (posts[postId].root_id === commentRootId) { commentCount += 1; } } var rootUser; if (this.props.sameRoot) { rootUser = 'same--root'; } else { rootUser = 'other--root'; } var postType = ''; if (type !== 'Post') { postType = 'post--comment'; } var currentUserCss = ''; if (UserStore.getCurrentId() === post.user_id) { currentUserCss = 'current--user'; } var userProfile = UserStore.getProfile(post.user_id); var timestamp = UserStore.getCurrentUser().update_at; if (userProfile) { timestamp = userProfile.update_at; } var sameUserClass = ''; if (this.props.sameUser) { sameUserClass = 'same--user'; } var profilePic = null; if (!this.props.hideProfilePic) { profilePic = (
); } return (
{profilePic}
); } } Post.propTypes = { post: React.PropTypes.object, posts: React.PropTypes.object, parentPost: React.PropTypes.object, sameUser: React.PropTypes.bool, sameRoot: React.PropTypes.bool, hideProfilePic: React.PropTypes.bool, isLastComment: React.PropTypes.bool };