|
|
|
|
@ -290,61 +290,65 @@ class DetailTop extends Component{
|
|
|
|
|
detailInfoList &&
|
|
|
|
|
<div className={this.props.courses===undefined||this.props.courses.length===0?"subhead_content":"subhead_content pt100"}>
|
|
|
|
|
<div className="font-28 color-white clearfix">
|
|
|
|
|
<Tooltip placement="bottom" title={detailInfoList.name.length>27?detailInfoList.name:""}>
|
|
|
|
|
<span className="fl lineh-40 bannername780">
|
|
|
|
|
{detailInfoList.name}
|
|
|
|
|
</span>
|
|
|
|
|
</Tooltip>
|
|
|
|
|
{/*<Tooltip placement="bottom" title={detailInfoList.name.length>27?detailInfoList.name:""}>*/}
|
|
|
|
|
|
|
|
|
|
{/*</Tooltip>*/}
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
{
|
|
|
|
|
`
|
|
|
|
|
.pathoranges .tag-name{
|
|
|
|
|
display: block;
|
|
|
|
|
width: auto;
|
|
|
|
|
.pathoranges{
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 64px;
|
|
|
|
|
background-color: #FF6800;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
padding: 0px 4px;
|
|
|
|
|
color: #fff;
|
|
|
|
|
float: left;
|
|
|
|
|
height: 28px;
|
|
|
|
|
line-height: 28px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
position: relative;
|
|
|
|
|
top: 5px;
|
|
|
|
|
left: 15px;
|
|
|
|
|
}
|
|
|
|
|
.pathoranges div{
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: -6px;
|
|
|
|
|
}
|
|
|
|
|
.xxtjbtn{
|
|
|
|
|
|
|
|
|
|
width: 103px;
|
|
|
|
|
height: 38px;
|
|
|
|
|
background: rgba(255,255,255,1);
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
border: 1px solid rgba(255,255,255,1);
|
|
|
|
|
color: #970084 !important;
|
|
|
|
|
font-size: 15px !important;
|
|
|
|
|
line-height: 36px !important;
|
|
|
|
|
}
|
|
|
|
|
.kkbths{
|
|
|
|
|
width:103px;
|
|
|
|
|
height:38px;
|
|
|
|
|
border-radius:4px;
|
|
|
|
|
line-height: 36px !important;
|
|
|
|
|
border:1px solid rgba(255,255,255,1);
|
|
|
|
|
}
|
|
|
|
|
.maxwinth600{
|
|
|
|
|
width:600px;
|
|
|
|
|
}
|
|
|
|
|
`
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
{detailInfoList===undefined?"":detailInfoList.excellent === false ? "" :
|
|
|
|
|
<span className="pathoranges">
|
|
|
|
|
<span className="tag-name mt6 ml10">开放课程</span>
|
|
|
|
|
</span>}
|
|
|
|
|
{detailInfoList===undefined?"":detailInfoList.allow_statistics===true?
|
|
|
|
|
<Tooltip placement="bottom" title={"编辑"}>
|
|
|
|
|
<Link to={"/paths/"+this.props.match.params.pathId+"/edit"} className="ml10 ring-green fl mt10" >
|
|
|
|
|
<img src={getImageUrl("images/educoder/icon/edit.svg")} className="fl mt3 ml2" />
|
|
|
|
|
</Link>
|
|
|
|
|
</Tooltip>
|
|
|
|
|
:""
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
{detailInfoList===undefined?"":detailInfoList.allow_statistics===true?this.props.courses===undefined?
|
|
|
|
|
<Link to={"/paths/"+this.props.match.params.pathId+"/statistics"} className="user_default_btn edu-greenback-btn fr font-18"
|
|
|
|
|
>
|
|
|
|
|
学习统计
|
|
|
|
|
</Link>:"":""
|
|
|
|
|
}
|
|
|
|
|
<span className="fl lineh-40">
|
|
|
|
|
{detailInfoList.name}
|
|
|
|
|
{detailInfoList===undefined?"":detailInfoList.excellent === false ? "" :
|
|
|
|
|
<span className="pathoranges">
|
|
|
|
|
<div>开放课程</div>
|
|
|
|
|
</span>
|
|
|
|
|
}
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
{ detailInfoList.allow_send === true?this.props.courses===undefined?
|
|
|
|
|
<SendPanel {...this.props} {...this.state}></SendPanel>:"":""
|
|
|
|
|
}
|
|
|
|
|
<div className="fr pr">
|
|
|
|
|
{this.props.courses===undefined?"":detailInfoList.is_creator===true?<a className={"fl font-18 color-white mt5 kaike mr20"} onClick={()=>this.OpenCoursefun()}>开课</a>:""}
|
|
|
|
|
{detailInfoList===undefined?"":detailInfoList.allow_statistics===true?this.props.courses===undefined?"":<Link to={"/paths/"+this.props.match.params.pathId+"/statistics"} className="fl font-18 color-white mt5 kaike">
|
|
|
|
|
学习统计
|
|
|
|
|
</Link>:""
|
|
|
|
|
}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="clearfix mt20">
|
|
|
|
|
{
|
|
|
|
|
@ -358,28 +362,47 @@ class DetailTop extends Component{
|
|
|
|
|
{ detailInfoList.member_count!=0 ? <li><span>学习人数</span><span>{detailInfoList.member_count}</span></li> : ""}
|
|
|
|
|
</ul>
|
|
|
|
|
}
|
|
|
|
|
<div className="fr pr">
|
|
|
|
|
{detailInfoList===undefined?"":detailInfoList.allow_delete===true?<a
|
|
|
|
|
className={detailInfoList.publish_status===-1?"fl font-18 color-white mt5 mr20":"fl font-18 color-white mt5"}
|
|
|
|
|
style={{opacity: '0.6'}} onClick={this.allow_deletepath}
|
|
|
|
|
>删除课程</a>:""}
|
|
|
|
|
<div className="fr pr maxwinth600">
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
detailInfoList.publish_status===0&&detailInfoList.allow_add_member===true?
|
|
|
|
|
<a className="user_default_btn user_bluebg_btn font-18 fl ml40 userbluebgfont" onClick={this.applyissuePath}>申请发布</a>:""
|
|
|
|
|
}
|
|
|
|
|
{detailInfoList===undefined?"":detailInfoList.allow_statistics===true?
|
|
|
|
|
<Link to={"/paths/"+this.props.match.params.pathId+"/statistics"} className="user_default_btn fr font-18 xxtjbtn">
|
|
|
|
|
学习统计
|
|
|
|
|
</Link>:""
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
{ detailInfoList.allow_send === true?this.props.courses===undefined?
|
|
|
|
|
<SendPanel {...this.props} {...this.state}></SendPanel>:"":""
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
detailInfoList.publish_status===1 && detailInfoList.allow_statistics===true?
|
|
|
|
|
<a className="user_default_btn user_grey_btn font-18 fl pointer ml40" onClick={this.cancelissuePath}>撤销申请</a>:""
|
|
|
|
|
}
|
|
|
|
|
{this.props.courses===undefined?"":detailInfoList.is_creator===true?<a className={"fr font-18 color-white kaike mr20 kkbths"} onClick={()=>this.OpenCoursefun()}>开课</a>:""}
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
detailInfoList.publish_status===2 && detailInfoList.allow_statistics===true?
|
|
|
|
|
<a className="user_default_btn user_grey_btn font-18 fl pointer ml40" onClick={this.reovkissuePath}>撤销发布</a>:""
|
|
|
|
|
}
|
|
|
|
|
</div>
|
|
|
|
|
{
|
|
|
|
|
detailInfoList.publish_status===2 && detailInfoList.allow_statistics===true?
|
|
|
|
|
<a className="fr font-18 color-white kaike mr20 kkbths" onClick={this.reovkissuePath}>撤销发布</a>:""
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
detailInfoList.publish_status===1 && detailInfoList.allow_statistics===true?
|
|
|
|
|
<a className="fr font-18 color-white kaike mr20 kkbths" onClick={this.cancelissuePath}>撤销申请</a>:""
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
detailInfoList.publish_status===0&&detailInfoList.allow_add_member===true?
|
|
|
|
|
<a className="fr font-18 color-white kaike mr20 kkbths" onClick={this.applyissuePath}>申请发布</a>:""
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
{detailInfoList===undefined?"":detailInfoList.allow_delete===true?<a
|
|
|
|
|
className={"fr font-18 color-white kaike mr20 kkbths"}
|
|
|
|
|
onClick={this.allow_deletepath}
|
|
|
|
|
>删除</a>:""}
|
|
|
|
|
|
|
|
|
|
{detailInfoList===undefined?"":detailInfoList.allow_statistics===true?
|
|
|
|
|
<Link to={"/paths/"+this.props.match.params.pathId+"/edit"} className="fr font-18 color-white kaike mr20 kkbths" >
|
|
|
|
|
编辑
|
|
|
|
|
</Link>
|
|
|
|
|
:""
|
|
|
|
|
}
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
@ -518,6 +541,9 @@ class DetailTop extends Component{
|
|
|
|
|
.pathdefault{
|
|
|
|
|
cursor: default !important;
|
|
|
|
|
}
|
|
|
|
|
.courseslistsa{
|
|
|
|
|
color:#fff !important;
|
|
|
|
|
}
|
|
|
|
|
`
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
@ -530,20 +556,20 @@ class DetailTop extends Component{
|
|
|
|
|
{item.course_status.status===2&&item.course_identity<6?<div className="mr51 shixun_detail pointer fl user-colorgrey-9b pathdefault">已结束</div>:""}
|
|
|
|
|
|
|
|
|
|
{item.course_status.status===0?
|
|
|
|
|
item.course_identity<5?<a className="fr user_default_btn task-btn-orange font-18 mt28 pathbtens" href={item.first_category_url} target="_blank">
|
|
|
|
|
item.course_identity<5?<a className="fr user_default_btn task-btn-orange font-18 mt28 pathbtens courseslistsa" href={item.first_category_url} target="_blank">
|
|
|
|
|
进入课堂
|
|
|
|
|
</a>:item.course_identity<6?<div className="fr user_default_btn background191 font-18 mt28 pathbtens pathdefault">报名成功</div>
|
|
|
|
|
:<a className="fr user_default_btn task-btn-orange font-18 mt28 pathbtens" onClick={()=>this.JoinnowCourse(item.course_id)}>立即报名</a>:""}
|
|
|
|
|
|
|
|
|
|
{item.course_status.status===1?
|
|
|
|
|
item.course_identity<5?<a className="fr user_default_btn task-btn-orange font-18 mt28 pathbtens" href={item.first_category_url} target="_blank">
|
|
|
|
|
item.course_identity<5?<a className="courseslistsa fr user_default_btn task-btn-orange font-18 mt28 pathbtens" href={item.first_category_url} target="_blank">
|
|
|
|
|
进入课堂
|
|
|
|
|
</a>:item.course_identity<6?<a className="fr user_default_btn task-btn-orange font-18 mt28 pathbtens" href={item.first_category_url} target="_blank">
|
|
|
|
|
</a>:item.course_identity<6?<a className="courseslistsa fr user_default_btn task-btn-orange font-18 mt28 pathbtens" href={item.first_category_url} target="_blank">
|
|
|
|
|
立即学习
|
|
|
|
|
</a>:<a className="fr user_default_btn task-btn-orange font-18 mt28 pathbtens" onClick={()=>this.JoinnowCourse(item.course_id,item.course_status.status)}>立即加入</a>:""}
|
|
|
|
|
|
|
|
|
|
{item.course_status.status===2?
|
|
|
|
|
item.course_identity<6?<a className="fr user_default_btn task-btn-orange font-18 mt28 pathbtens" href={item.first_category_url} target="_blank">
|
|
|
|
|
item.course_identity<6?<a className="fr user_default_btn task-btn-orange font-18 mt28 pathbtens courseslistsa" href={item.first_category_url} target="_blank">
|
|
|
|
|
进入课堂
|
|
|
|
|
</a>:<div className="fr user_default_btn background191 font-18 mt28 pathbtens pathdefault">已结束</div>:""}
|
|
|
|
|
|
|
|
|
|
|
