81 строка
3.4 KiB
JavaScript
81 строка
3.4 KiB
JavaScript
// Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved.
|
|
// See License.txt for license information.
|
|
|
|
var UserStore = require('../stores/user_store.jsx');
|
|
var utils = require('../utils/utils.jsx');
|
|
|
|
var Constants = require('../utils/constants.jsx');
|
|
|
|
module.exports = React.createClass({
|
|
getInitialState: function() {
|
|
return { };
|
|
},
|
|
render: function() {
|
|
var post = this.props.post;
|
|
var isOwner = UserStore.getCurrentId() === post.user_id;
|
|
var isAdmin = UserStore.getCurrentUser().roles.indexOf('admin') > -1;
|
|
|
|
var type = 'Post';
|
|
if (post.root_id && post.root_id.length > 0) {
|
|
type = 'Comment';
|
|
}
|
|
|
|
var comments = '';
|
|
var lastCommentClass = ' comment-icon__container__hide';
|
|
if (this.props.isLastComment) {
|
|
lastCommentClass = ' comment-icon__container__show';
|
|
}
|
|
|
|
if (this.props.commentCount >= 1 && post.state !== Constants.POST_FAILED && post.state !== Constants.POST_LOADING) {
|
|
comments = <a href='#' className={'comment-icon__container theme' + lastCommentClass} onClick={this.props.handleCommentClick}><span className='comment-icon' dangerouslySetInnerHTML={{__html: Constants.COMMENT_ICON}} />{this.props.commentCount}</a>;
|
|
}
|
|
|
|
var showDropdown = isOwner || (this.props.allowReply === 'true' && type !== 'Comment');
|
|
if (post.state === Constants.POST_FAILED || post.state === Constants.POST_LOADING) {
|
|
showDropdown = false;
|
|
}
|
|
|
|
var dropdownContents = [];
|
|
var dropdown;
|
|
if (showDropdown) {
|
|
var dataComments = 0;
|
|
if (type === 'Post') {
|
|
dataComments = this.props.commentCount;
|
|
}
|
|
|
|
if (isOwner) {
|
|
dropdownContents.push(<li role='presentation'><a href='#' role='menuitem' data-toggle='modal' data-target='#edit_post' data-title={type} data-message={post.message} data-postid={post.id} data-channelid={post.channel_id} data-comments={dataComments}>Edit</a></li>);
|
|
}
|
|
|
|
if (isOwner || isAdmin) {
|
|
dropdownContents.push(<li role='presentation'><a href='#' role='menuitem' data-toggle='modal' data-target='#delete_post' data-title={type} data-postid={post.id} data-channelid={post.channel_id} data-comments={dataComments}>Delete</a></li>);
|
|
}
|
|
|
|
if (this.props.allowReply === 'true') {
|
|
dropdownContents.push(<li role='presentation'><a className='reply-link theme' href='#' onClick={this.props.handleCommentClick}>Reply</a></li>);
|
|
}
|
|
|
|
dropdown = (
|
|
<div>
|
|
<a href='#' className='dropdown-toggle theme' type='button' data-toggle='dropdown' aria-expanded='false' />
|
|
<ul className='dropdown-menu' role='menu'>
|
|
{dropdownContents}
|
|
</ul>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<ul className='post-header post-info'>
|
|
<li className='post-header-col'><time className='post-profile-time'>{utils.displayDateTime(post.create_at)}</time></li>
|
|
<li className='post-header-col post-header__reply'>
|
|
<div className='dropdown'>
|
|
{dropdown}
|
|
</div>
|
|
{comments}
|
|
</li>
|
|
</ul>
|
|
);
|
|
}
|
|
});
|