// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved. // See License.txt for license information. import FileAttachmentList from './file_attachment_list.jsx'; import UserStore from '../stores/user_store.jsx'; import * as Utils from '../utils/utils.jsx'; import * as Emoji from '../utils/emoticons.jsx'; import Constants from '../utils/constants.jsx'; import * as TextFormatting from '../utils/text_formatting.jsx'; import twemoji from 'twemoji'; import PostBodyAdditionalContent from './post_body_additional_content.jsx'; import {intlShape, injectIntl, defineMessages, FormattedMessage} from 'mm-intl'; const holders = defineMessages({ plusOne: { id: 'post_body.plusOne', defaultMessage: ' plus 1 other file' }, plusMore: { id: 'post_body.plusMore', defaultMessage: ' plus {count} other files' } }); class PostBody extends React.Component { constructor(props) { super(props); this.parseEmojis = this.parseEmojis.bind(this); } getAllChildNodes(nodeIn) { var textNodes = []; function getTextNodes(node) { textNodes.push(node); for (var i = 0, len = node.childNodes.length; i < len; ++i) { getTextNodes(node.childNodes[i]); } } getTextNodes(nodeIn); return textNodes; } parseEmojis() { twemoji.parse(ReactDOM.findDOMNode(this), { className: 'emoji twemoji', base: '', folder: Emoji.getImagePathForEmoticon() }); } componentDidMount() { this.parseEmojis(); } render() { const {formatMessage} = this.props.intl; const post = this.props.post; const filenames = this.props.post.filenames; const parentPost = this.props.parentPost; let comment = ''; let postClass = ''; if (parentPost) { const profile = UserStore.getProfile(parentPost.user_id); let apostrophe = ''; let name = '...'; if (profile != null) { let username = profile.username; if (parentPost.props && parentPost.props.from_webhook && parentPost.props.override_username && global.window.mm_config.EnablePostUsernameOverride === 'true') { username = parentPost.props.override_username; } if (global.window.mm_locale === 'en') { if (username.slice(-1) === 's') { apostrophe = '\''; } else { apostrophe = '\'s'; } } name = ( {username} ); } let message = ''; if (parentPost.message) { message = Utils.replaceHtmlEntities(parentPost.message); } else if (parentPost.filenames.length) { message = parentPost.filenames[0].split('/').pop(); if (parentPost.filenames.length === 2) { message += formatMessage(holders.plusOne); } else if (parentPost.filenames.length > 2) { message += formatMessage(holders.plusMore, {count: (parentPost.filenames.length - 1)}); } } comment = (
{message}
); } let loading; if (post.state === Constants.POST_FAILED) { postClass += ' post--fail'; loading = ( ); } else if (post.state === Constants.POST_LOADING) { postClass += ' post-waiting'; loading = ( ); } let fileAttachmentHolder = ''; if (filenames && filenames.length > 0) { fileAttachmentHolder = ( ); } let message; let additionalContent = null; if (this.props.post.state === Constants.POST_DELETED) { message = ( ); } else { message = ( ); additionalContent = ( ); } return (
{comment}
{loading} {message}
{fileAttachmentHolder} {additionalContent}
); } } PostBody.propTypes = { intl: intlShape.isRequired, post: React.PropTypes.object.isRequired, parentPost: React.PropTypes.object, retryPost: React.PropTypes.func.isRequired, handleCommentClick: React.PropTypes.func.isRequired, hasProfiles: React.PropTypes.bool }; export default injectIntl(PostBody);