|
|
|
|
@ -388,76 +388,84 @@ class YslDetailCards extends Component{
|
|
|
|
|
}
|
|
|
|
|
`
|
|
|
|
|
}</style>
|
|
|
|
|
{
|
|
|
|
|
stages && stages.map((item,key)=>{
|
|
|
|
|
|
|
|
|
|
return(
|
|
|
|
|
<div className={"lesson-saved-list-item"} key={key} id={"stage_div_"+key} >
|
|
|
|
|
<p className="clearfix title-line">
|
|
|
|
|
|
|
|
|
|
<a className="fl ring-blue mr10 mt2">
|
|
|
|
|
<img src={getImageUrl("images/educoder/icon/charpter-white.svg")} className="fl ml3 mt3"/>
|
|
|
|
|
</a>
|
|
|
|
|
<span className="font-18 font-bd lessonvalue" title={item.stage_name}>{item.stage_name}</span>
|
|
|
|
|
{
|
|
|
|
|
idsum===key&&pathCardsedittype===true?'':
|
|
|
|
|
|
|
|
|
|
this.props.isAdmin()==true?
|
|
|
|
|
<a>
|
|
|
|
|
<a className="fr mtf3">
|
|
|
|
|
{ editbuttomtype===true?'':
|
|
|
|
|
<Tooltip placement="bottom" title="编辑"
|
|
|
|
|
onClick={() => this.pathCardsedit(key, item.stage_id)}>
|
|
|
|
|
<i className="iconfont icon-bianjidaibeijing font-22 color-green"></i>
|
|
|
|
|
</Tooltip>
|
|
|
|
|
}
|
|
|
|
|
</a>
|
|
|
|
|
{
|
|
|
|
|
stages.length=== key+1?"":<a className="fr ring-op-green mr20" onClick={()=>this.chapterdown(item.stage_id)}>
|
|
|
|
|
<Tooltip placement="bottom" title="向下移动">
|
|
|
|
|
<img src={getImageUrl("images/educoder/icon/movedown.svg")} className="fl mt2 ml4"/>
|
|
|
|
|
</Tooltip>
|
|
|
|
|
</a>
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{key===0?"":
|
|
|
|
|
<a className="fr ring-op-green mr20" onClick={()=>this.chapterup(item.stage_id)}>
|
|
|
|
|
<Tooltip placement="bottom" title="向上移动">
|
|
|
|
|
<img src={getImageUrl("images/educoder/icon/moveup.svg")} className="fl mt2 ml4"/>
|
|
|
|
|
</Tooltip>
|
|
|
|
|
</a>}
|
|
|
|
|
|
|
|
|
|
</a>:""
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
idsum === key && pathCardsedittype === true ?
|
|
|
|
|
this.props.isAdmin()===true?
|
|
|
|
|
<a className="fr" onClick={()=>this.delectpathCardsedit(item.stage_id)}>
|
|
|
|
|
<Tooltip placement="bottom" title="删除">
|
|
|
|
|
<i className="iconfont icon-shanchu color-grey-c font-14 font-n"></i>
|
|
|
|
|
</Tooltip>
|
|
|
|
|
</a>:""
|
|
|
|
|
: ''
|
|
|
|
|
}
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
idsum===key&&pathCardsedittype===true?'':
|
|
|
|
|
<div className="detail_for_paragraph clearfix" id={"detail_for_paragraph_"+key}>
|
|
|
|
|
<p className="color-dark-grey mt20 mb25 ml20 mr20 pl28 justify font-15">{item.stage_description}</p>
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
this.props.isStudent()===true&&(stages===undefined||stages===JSON.stringify("[]")||stages.length===0)?
|
|
|
|
|
<NoneData></NoneData>
|
|
|
|
|
:
|
|
|
|
|
""
|
|
|
|
|
}
|
|
|
|
|
{
|
|
|
|
|
stages && stages.map((item,key)=>{
|
|
|
|
|
|
|
|
|
|
return(
|
|
|
|
|
<div className={"lesson-saved-list-item"} key={key} id={"stage_div_"+key} >
|
|
|
|
|
<p className="clearfix title-line">
|
|
|
|
|
|
|
|
|
|
<a className="fl ring-blue mr10 mt2">
|
|
|
|
|
<img src={getImageUrl("images/educoder/icon/charpter-white.svg")} className="fl ml3 mt3"/>
|
|
|
|
|
</a>
|
|
|
|
|
<span className="font-18 font-bd lessonvalue" title={item.stage_name}>{item.stage_name}</span>
|
|
|
|
|
{
|
|
|
|
|
idsum===key&&pathCardsedittype===true?'':
|
|
|
|
|
|
|
|
|
|
this.props.isAdmin()==true?
|
|
|
|
|
<a>
|
|
|
|
|
<a className="fr mtf3">
|
|
|
|
|
{ editbuttomtype===true?'':
|
|
|
|
|
<Tooltip placement="bottom" title="编辑"
|
|
|
|
|
onClick={() => this.pathCardsedit(key, item.stage_id)}>
|
|
|
|
|
<i className="iconfont icon-bianjidaibeijing font-22 color-green"></i>
|
|
|
|
|
</Tooltip>
|
|
|
|
|
}
|
|
|
|
|
</a>
|
|
|
|
|
{
|
|
|
|
|
stages.length=== key+1?"":<a className="fr ring-op-green mr20" onClick={()=>this.chapterdown(item.stage_id)}>
|
|
|
|
|
<Tooltip placement="bottom" title="向下移动">
|
|
|
|
|
<img src={getImageUrl("images/educoder/icon/movedown.svg")} className="fl mt2 ml4"/>
|
|
|
|
|
</Tooltip>
|
|
|
|
|
</a>
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{key===0?"":
|
|
|
|
|
<a className="fr ring-op-green mr20" onClick={()=>this.chapterup(item.stage_id)}>
|
|
|
|
|
<Tooltip placement="bottom" title="向上移动">
|
|
|
|
|
<img src={getImageUrl("images/educoder/icon/moveup.svg")} className="fl mt2 ml4"/>
|
|
|
|
|
</Tooltip>
|
|
|
|
|
</a>}
|
|
|
|
|
|
|
|
|
|
</a>:""
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
item.shixuns_list && item.shixuns_list.map((line,index)=>{
|
|
|
|
|
return(
|
|
|
|
|
<div className="clearfix paragraph lineh-30" key={index} onMouseEnter={()=>this.showparagraph(key,index)} onMouseLeave={this.hideparagraph}>
|
|
|
|
|
idsum === key && pathCardsedittype === true ?
|
|
|
|
|
this.props.isAdmin()===true?
|
|
|
|
|
<a className="fr" onClick={()=>this.delectpathCardsedit(item.stage_id)}>
|
|
|
|
|
<Tooltip placement="bottom" title="删除">
|
|
|
|
|
<i className="iconfont icon-shanchu color-grey-c font-14 font-n"></i>
|
|
|
|
|
</Tooltip>
|
|
|
|
|
</a>:""
|
|
|
|
|
: ''
|
|
|
|
|
}
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
idsum===key&&pathCardsedittype===true?'':
|
|
|
|
|
<div className="detail_for_paragraph clearfix" id={"detail_for_paragraph_"+key}>
|
|
|
|
|
<p className="color-dark-grey mt20 mb25 ml20 mr20 pl28 justify font-15">{item.stage_description}</p>
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
|
|
<li className="fl li-width63">
|
|
|
|
|
{
|
|
|
|
|
item.shixuns_list && item.shixuns_list.map((line,index)=>{
|
|
|
|
|
return(
|
|
|
|
|
<div className="clearfix paragraph lineh-30" key={index} onMouseEnter={()=>this.showparagraph(key,index)} onMouseLeave={this.hideparagraph}>
|
|
|
|
|
|
|
|
|
|
<li className="fl li-width63">
|
|
|
|
|
|
|
|
|
|
<span className="progressRing mr10">
|
|
|
|
|
{
|
|
|
|
|
@ -465,45 +473,50 @@ class YslDetailCards extends Component{
|
|
|
|
|
:<i className="iconfont icon-bofang progressRing-part font-18 mt10"></i>
|
|
|
|
|
}
|
|
|
|
|
</span>
|
|
|
|
|
<span className={this.props.current_user&&this.props.current_user.admin===false&&line.shixun_status==="暂未公开"?"paragraph_name color204":"paragraph_name color-grey3"}>
|
|
|
|
|
<span className={this.props.current_user&&this.props.current_user.admin===false&&line.shixun_status==="暂未公开"?"paragraph_name color204":"paragraph_name color-grey3"}>
|
|
|
|
|
<span className="subject_stage_shixun_index">{key+1}</span>-{index+1} {line.shixun_name}
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
</li>
|
|
|
|
|
{
|
|
|
|
|
this.props.current_user&&this.props.current_user.admin===false&&line.shixun_status==="暂未公开"?
|
|
|
|
|
<li className="fr status_li"><span className="fr color204">暂未公开</span></li>
|
|
|
|
|
:
|
|
|
|
|
<li className={showparagraph===false?"none":"fr status_li"}>
|
|
|
|
|
</li>
|
|
|
|
|
{
|
|
|
|
|
showparagraphkey===key&&showparagraphindex===index?<div>
|
|
|
|
|
<Link to={'/shixuns/'+line.identifier+'/challenges'} className="mr30 color-blue_4C shixun_detail pointer fl" target="_blank">查看详情</Link>
|
|
|
|
|
{line.shixun_status==="暂未公开"?"":<a onClick={()=>this.startgameid(line.identifier)} className="btn_auto user_bluebg_btn fl" id="shixun_operation" >开始学习</a>}
|
|
|
|
|
</div>:""
|
|
|
|
|
this.props.current_user&&this.props.current_user.admin===false&&line.shixun_status==="暂未公开"?
|
|
|
|
|
<li className="fr status_li"><span className="fr color204">暂未公开</span></li>
|
|
|
|
|
:
|
|
|
|
|
<li className={showparagraph===false?"none":"fr status_li"}>
|
|
|
|
|
{
|
|
|
|
|
showparagraphkey===key&&showparagraphindex===index?<div>
|
|
|
|
|
<Link to={'/shixuns/'+line.identifier+'/challenges'} className="mr30 color-blue_4C shixun_detail pointer fl" target="_blank">查看详情</Link>
|
|
|
|
|
{line.shixun_status==="暂未公开"?"":<a onClick={()=>this.startgameid(line.identifier)} className="btn_auto user_bluebg_btn fl" id="shixun_operation" >开始学习</a>}
|
|
|
|
|
</div>:""
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</li>
|
|
|
|
|
}
|
|
|
|
|
</div>)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
}
|
|
|
|
|
{
|
|
|
|
|
this.props.isAdmin()===true?
|
|
|
|
|
<DetailCardsEditAndEdit
|
|
|
|
|
idsum={idsum}
|
|
|
|
|
keys={key}
|
|
|
|
|
pathCardsedittype={pathCardsedittype}
|
|
|
|
|
updatapathCardsedits={this.updatapathCardsedit}
|
|
|
|
|
pathlisteditlist={pathlistedit}
|
|
|
|
|
stageid={item.stage_id}
|
|
|
|
|
ysldetailcards={"ysldetailcards"}
|
|
|
|
|
pathid={pathid}
|
|
|
|
|
></DetailCardsEditAndEdit>
|
|
|
|
|
:""
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</li>
|
|
|
|
|
}
|
|
|
|
|
</div>)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
}
|
|
|
|
|
<DetailCardsEditAndEdit
|
|
|
|
|
idsum={idsum}
|
|
|
|
|
keys={key}
|
|
|
|
|
pathCardsedittype={pathCardsedittype}
|
|
|
|
|
updatapathCardsedits={this.updatapathCardsedit}
|
|
|
|
|
pathlisteditlist={pathlistedit}
|
|
|
|
|
stageid={item.stage_id}
|
|
|
|
|
ysldetailcards={"ysldetailcards"}
|
|
|
|
|
pathid={pathid}
|
|
|
|
|
></DetailCardsEditAndEdit>
|
|
|
|
|
</div>
|
|
|
|
|
)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
</div>
|
|
|
|
|
}
|
|
|
|
|
{ editbuttomtypeadd===true?'':this.props.isAdmin()===true?
|
|
|
|
|
|
