commit
204f296568
File diff suppressed because one or more lines are too long
@ -1,115 +1,126 @@
|
|||||||
import React,{ Component } from "react";
|
import React,{ Component } from "react";
|
||||||
import {Tooltip} from 'antd'
|
import {Tooltip} from 'antd'
|
||||||
import moment from 'moment'
|
import moment from 'moment'
|
||||||
import { getUrl, WordsBtn } from 'educoder'
|
import { getUrl, WordsBtn } from 'educoder'
|
||||||
class BoardsListItem extends Component{
|
class BoardsListItem extends Component{
|
||||||
constructor(props){
|
constructor(props){
|
||||||
super(props);
|
super(props);
|
||||||
this.state = {
|
this.state = {
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
onTitleClick = (discussMessage) => {
|
onTitleClick = (discussMessage) => {
|
||||||
const isAdminOrStudent = this.props.isAdminOrStudent();
|
if(this.props.checkIfLogin()===false){
|
||||||
if (!isAdminOrStudent && discussMessage.is_public == false) {
|
this.props.showLoginDialog()
|
||||||
// 没有权限访问
|
return
|
||||||
return;
|
}
|
||||||
}
|
|
||||||
const cid = this.props.match.params.coursesId
|
if(this.props.checkIfProfileCompleted()===false){
|
||||||
const board_id = this.props.match.params.boardId
|
this.props.showProfileCompleteDialog()
|
||||||
this.props.toDetailPage(cid, board_id, discussMessage.id)
|
return
|
||||||
}
|
}
|
||||||
render(){
|
|
||||||
let { addGroup } = this.state;
|
const isAdminOrStudent = this.props.isAdminOrStudent();
|
||||||
const isAdmin = this.props.isAdmin()
|
if (!isAdminOrStudent && discussMessage.is_public == false) {
|
||||||
const isAdminOrStudent = this.props.isAdminOrStudent()
|
// 没有权限访问
|
||||||
const { checkBox, discussMessage, onSticky, onItemClick, current_user } = this.props;
|
return;
|
||||||
if (!discussMessage || !discussMessage.author) {
|
}
|
||||||
return '';
|
const cid = this.props.match.params.coursesId
|
||||||
}
|
const board_id = this.props.match.params.boardId
|
||||||
let canNotLink = !isAdminOrStudent && discussMessage.is_public == false
|
this.props.toDetailPage(cid, board_id, discussMessage.id)
|
||||||
|
}
|
||||||
return(
|
render(){
|
||||||
<div className="panel-inner-fourm boardsList">
|
let { addGroup } = this.state;
|
||||||
<style>{`
|
const isAdmin = this.props.isAdmin()
|
||||||
.boardsList .panel-list-img {
|
const isAdminOrStudent = this.props.isAdminOrStudent()
|
||||||
width: 50px;
|
const { checkBox, discussMessage, onSticky, onItemClick, current_user } = this.props;
|
||||||
height: 50px;
|
if (!discussMessage || !discussMessage.author) {
|
||||||
}
|
return '';
|
||||||
`}</style>
|
}
|
||||||
{ checkBox }
|
let canNotLink = !isAdminOrStudent && discussMessage.is_public == false
|
||||||
<a href={`/users/${discussMessage.author.login}`} alt="用户" style={{"width":"50px","height":"50px","display":"block", margin: "0 10px"}}>
|
|
||||||
{/* /images/avatars/User/1?1529221779 */}
|
return(
|
||||||
<img
|
<div className="panel-inner-fourm boardsList">
|
||||||
alt="1?1529221779" className="panel-list-img mr15" height="50"
|
<style>{`
|
||||||
src={`${getUrl()}/images/${discussMessage.author.image_url}`} width="50"
|
.boardsList .panel-list-img {
|
||||||
></img>
|
width: 50px;
|
||||||
</a>
|
height: 50px;
|
||||||
<div className="clearfix ds pr pt5 contentSection" onClick={() => onItemClick(discussMessage)}>
|
}
|
||||||
<h6>
|
`}</style>
|
||||||
<a href="javascript:void(0)" className="panel-list-title hide fl mt5 color-dark font-bd"
|
{ checkBox }
|
||||||
style={{ fontWeight: 'bold', cursor: (canNotLink ? 'default' : 'poninter'), maxWidth: '700px' }}
|
<a href={`/users/${discussMessage.author.login}`} alt="用户" style={{"width":"50px","height":"50px","display":"block", margin: "0 10px"}}>
|
||||||
onClick={canNotLink ? () => {} : () => this.onTitleClick(discussMessage)}
|
{/* /images/avatars/User/1?1529221779 */}
|
||||||
title={`${discussMessage.subject.length > 40 ? discussMessage.subject : ''}`}
|
<img
|
||||||
>{discussMessage.subject}</a>
|
alt="1?1529221779" className="panel-list-img mr15" height="50"
|
||||||
{ !!discussMessage.sticky && <span className="btn-cir btn-cir-red fl mt5 ml5">置顶</span> }
|
src={`${getUrl()}/images/${discussMessage.author.image_url}`} width="50"
|
||||||
{
|
></img>
|
||||||
|
</a>
|
||||||
discussMessage.is_public == false ? (<Tooltip title={`${isAdminOrStudent ? '私有属性' : '私有属性，非课堂成员不能访问'}`}>
|
<div className="clearfix ds pr pt5 contentSection" onClick={() => onItemClick(discussMessage)}>
|
||||||
<i className="iconfont icon-guansuo color-grey-c ml10 font-16 fl mt4"></i>
|
<h6>
|
||||||
</Tooltip>) : ""
|
<Tooltip title={canNotLink?"私有属性，非课堂成员不能访问":`${discussMessage.subject.length > 40 ? discussMessage.subject : ''}`} placement="bottom">
|
||||||
}
|
<a className="panel-list-title hide fl mt5 color-dark font-bd pointer"
|
||||||
</h6>
|
style={{ fontWeight: 'bold', cursor: (canNotLink ? 'poninter' : 'poninter'), maxWidth: '700px' }}
|
||||||
|
onClick={canNotLink ? () => {} : () => this.onTitleClick(discussMessage)}
|
||||||
<div className="cl"></div>
|
>{discussMessage.subject}</a>
|
||||||
<p className="color-grey panel-lightgrey mt18 fl">
|
</Tooltip>
|
||||||
<span className="mr50">
|
{ !!discussMessage.sticky && <span className="btn-cir btn-cir-red fl mt5 ml5">置顶</span> }
|
||||||
<a href={`/users/${discussMessage.author.login}`} className="panel-name-small hide fl mr15 mr30 color-grey3 font-14">{discussMessage.author.name}</a>
|
{
|
||||||
|
|
||||||
{ discussMessage.total_replies_count != 0 && <span className="mr15 color-grey9 font-14">{discussMessage.total_replies_count} 回复</span> }
|
discussMessage.is_public == false ? (<Tooltip title={`${isAdminOrStudent ? '私有属性' : '私有属性，非课堂成员不能访问'}`} placement="bottom">
|
||||||
{ discussMessage.praises_count != 0 && <span className="mr15 color-grey9 font-14">{discussMessage.praises_count} 点赞</span> }
|
<i className="iconfont icon-guansuo color-grey-c ml10 font-16 fl mt4"></i>
|
||||||
{ discussMessage.visits != 0 && <span className="mr15 color-grey9 font-14">{discussMessage.visits} 浏览</span> }
|
</Tooltip>) : ""
|
||||||
|
}
|
||||||
<span className="mr15 color-light-grey-C font-14">{moment(discussMessage.created_on).fromNow()} </span>
|
</h6>
|
||||||
</span>
|
|
||||||
</p>
|
<div className="cl"></div>
|
||||||
<div className="fr mt15">
|
<p className="color-grey panel-lightgrey mt18 fl">
|
||||||
{(isAdmin || discussMessage.author.login == current_user.login) &&
|
<span className="mr50">
|
||||||
<WordsBtn style="blue" className="fl font-16 ml28"
|
<a href={`/users/${discussMessage.author.login}`} className="panel-name-small hide fl mr15 mr30 color-grey3 font-14">{discussMessage.author.name}</a>
|
||||||
onClick={(e) => { this.props.toEditPage(this.props.match.params.coursesId, this.props.match.params.boardId, discussMessage.id )} }>编辑</WordsBtn> }
|
|
||||||
|
{ discussMessage.total_replies_count != 0 && <span className="mr15 color-grey9 font-14">{discussMessage.total_replies_count} 回复</span> }
|
||||||
{ isAdmin && <WordsBtn style="blue" className="fl font-16 ml28"
|
{ discussMessage.praises_count != 0 && <span className="mr15 color-grey9 font-14">{discussMessage.praises_count} 点赞</span> }
|
||||||
onClick={(e) => { debugger; onSticky(discussMessage); e.cancelBubble = true; e.stopPropagation();}}>
|
{ discussMessage.visits != 0 && <span className="mr15 color-grey9 font-14">{discussMessage.visits} 浏览</span> }
|
||||||
{ discussMessage.sticky ? '取消置顶' : '置顶' }</WordsBtn> }
|
|
||||||
</div>
|
<span className="mr15 color-light-grey-C font-14">{moment(discussMessage.created_on).fromNow()} </span>
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
<div className="fr mt15">
|
||||||
|
{(isAdmin || discussMessage.author.login == current_user.login) &&
|
||||||
|
<WordsBtn style="blue" className="fl font-16 ml28"
|
||||||
{/* { (isAdmin || discussMessage.author.login == current_user.login) &&
|
onClick={(e) => { this.props.toEditPage(this.props.match.params.coursesId, this.props.match.params.boardId, discussMessage.id )} }>编辑</WordsBtn> }
|
||||||
<div className="homepagePostSetting" style={{"right":"4px","top":"5px","display":"block"}}>
|
|
||||||
<ul>
|
{ isAdmin && <WordsBtn style="blue" className="fl font-16 ml28"
|
||||||
<li className="edu-position edu-position-hidebox">
|
onClick={(e) => { debugger; onSticky(discussMessage); e.cancelBubble = true; e.stopPropagation();}}>
|
||||||
<i className="fa fa-bars color-grey-b"></i>
|
{ discussMessage.sticky ? '取消置顶' : '置顶' }</WordsBtn> }
|
||||||
<ul className="edu-position-hide undis">
|
</div>
|
||||||
{(isAdmin || discussMessage.author.login == current_user.login) && <li><a href="javascript:void(0)" onClick={(e) => {
|
|
||||||
this.props.toEditPage(this.props.match.params.coursesId, this.props.match.params.boardId, discussMessage.id )} } >编辑</a></li>
|
|
||||||
}
|
|
||||||
{isAdmin && <li><a href="javascript:void(0)" onClick={(e) => { debugger; onSticky(discussMessage); e.cancelBubble = true; e.stopPropagation();} }>
|
|
||||||
{ discussMessage.sticky ? '取消置顶' : '置顶' }
|
|
||||||
</a></li>
|
{/* { (isAdmin || discussMessage.author.login == current_user.login) &&
|
||||||
}
|
<div className="homepagePostSetting" style={{"right":"4px","top":"5px","display":"block"}}>
|
||||||
</ul>
|
<ul>
|
||||||
</li>
|
<li className="edu-position edu-position-hidebox">
|
||||||
</ul>
|
<i className="fa fa-bars color-grey-b"></i>
|
||||||
</div>
|
<ul className="edu-position-hide undis">
|
||||||
} */}
|
{(isAdmin || discussMessage.author.login == current_user.login) && <li><a href="javascript:void(0)" onClick={(e) => {
|
||||||
|
this.props.toEditPage(this.props.match.params.coursesId, this.props.match.params.boardId, discussMessage.id )} } >编辑</a></li>
|
||||||
|
}
|
||||||
</div>
|
{isAdmin && <li><a href="javascript:void(0)" onClick={(e) => { debugger; onSticky(discussMessage); e.cancelBubble = true; e.stopPropagation();} }>
|
||||||
</div>
|
{ discussMessage.sticky ? '取消置顶' : '置顶' }
|
||||||
)
|
</a></li>
|
||||||
}
|
}
|
||||||
}
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
} */}
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
export default BoardsListItem;
|
export default BoardsListItem;
|
||||||
Loading…
Reference in new issue