83 lines
3.1 KiB
JavaScript
83 lines
3.1 KiB
JavaScript
import React,{ Component } from "react";
|
||
import { getImageUrl, markdownToHTML, WordsBtn } from 'educoder';
|
||
import { Tooltip } from 'antd'
|
||
const _origin = ''
|
||
class Graduationtaskitem extends Component{
|
||
constructor(props){
|
||
super(props);
|
||
|
||
}
|
||
parseCommentContent = (oldContent) => {
|
||
return markdownToHTML(oldContent);
|
||
}
|
||
renderChildenComments = () => {
|
||
|
||
}
|
||
render(){
|
||
let { item }=this.props;
|
||
const _content = item.content && this.parseCommentContent(item.content)
|
||
return(
|
||
<div className="comment_item_cont appraise df clearfix" key={item.id}>
|
||
<div className="J_Comment_Face fl">
|
||
<a href={`${_origin}/users/${item.user_login}`} target="_blank">
|
||
<img alt="用户头像" height="50" src={getImageUrl(`images/${item.image_url}`)} width="50"/>
|
||
</a>
|
||
</div>
|
||
|
||
<div className="t_content fl">
|
||
<div className="J_Comment_Reply">
|
||
<div className="comment_orig_content" style={{ margin:"0px" }}>
|
||
|
||
|
||
<div className="J_Comment_Info clearfix mt3">
|
||
<div className="t_info fl">
|
||
<a href={`${_origin}/users/${item.user_login}`} className="content-username hide fl">
|
||
{item.username}（{item.comment_role}）
|
||
</a>
|
||
<span className="t_area fl">{item.time}</span>
|
||
{/* 分数 */}
|
||
{item.score != null && item.score >= 0 && <span className="score_area fl">{item.score}分</span>}
|
||
|
||
{ !item.is_invalid && item.delete && <Tooltip title={ "删除" } >
|
||
<i className="iconfont icon-shanchu mr5 fr" style={{marginLeft: '6px'}}
|
||
onClick={() => this.props.onDelete(item)}>
|
||
</i>
|
||
</Tooltip>}
|
||
{/* <WordsBtn style="blue" className="fr">回复</WordsBtn> */}
|
||
{ item.is_invalid ? <span className="validate_area fr">失效</span> : ''}
|
||
</div>
|
||
</div>
|
||
|
||
{!!_content && <div className="comment_content clearfix" id={`reply_content_${item.id}`}>
|
||
<div className="color-grey-3" id={`reply_content_${item.id}`}>
|
||
<div className={"break_word_comments"} dangerouslySetInnerHTML={{__html: _content}}></div>
|
||
<div className="cl"></div>
|
||
</div>
|
||
</div>}
|
||
{!_content && <span className="color656565 mt2 color-grey-9 font-12 mr8" style={{ display: 'inline-block'}}>{"暂未写评语"}</span>}
|
||
|
||
<div className="childrenCommentsView">
|
||
{(item && item.children && item.children.length) ? <div className="trangle"></div>: ''}
|
||
{this.renderChildenComments(item)}
|
||
{ item.isAllChildrenLoaded != true && item.children && this.props.isChildCommentPagination == true && item.children.length >= 5?
|
||
<Tooltip title={ "点击查看更多回复" } disableFocusListener={true}>
|
||
<div className="loadMoreChildComments" onClick={() => {this.props.loadMoreChildComments && this.props.loadMoreChildComments(item)}}>
|
||
<i className="iconfont icon-xiajiantou"></i>
|
||
</div>
|
||
</Tooltip>
|
||
: ''}
|
||
</div>
|
||
{/*mr10 */}
|
||
<p className="fr orig_reply">
|
||
{/* 第二排右侧按钮区域 */}
|
||
</p>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
)
|
||
}
|
||
}
|
||
export default Graduationtaskitem; |