m52mxtq3o
/
educoder
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

实训路径按钮调整

Browse Source
dev_hs
杨树明 6 years ago
parent db51a4eedf
commit 9b58e9644c
3 changed files with 84 additions and 62 deletions
Show Stats Download Patch File Download Diff File

112
public/react/src/modules/paths/PathDetail/DetailTop.js
Unescape View File

@ -290,61 +290,61 @@ class DetailTop extends Component{
detailInfoList && detailInfoList &&
<div className={this.props.courses===undefined||this.props.courses.length===0?"subhead_content":"subhead_content pt100"}> <div className={this.props.courses===undefined||this.props.courses.length===0?"subhead_content":"subhead_content pt100"}>
<div className="font-28 color-white clearfix"> <div className="font-28 color-white clearfix">
<Tooltip placement="bottom" title={detailInfoList.name.length>27?detailInfoList.name:""}> {/*<Tooltip placement="bottom" title={detailInfoList.name.length>27?detailInfoList.name:""}>*/}
<span className="fl lineh-40 bannername780">
{detailInfoList.name} {/*</Tooltip>*/}
</span>
</Tooltip>
<style> <style>
{ {
` `
.pathoranges .tag-name{ .pathoranges{
display: block; display: inline-block;
width: auto; width: 64px;
background-color: #FF6800; background-color: #FF6800;
background-size: 100% 100%; background-size: 100% 100%;
padding: 0px 4px; padding: 0px 4px;
color: #fff; color: #fff;
float: left;
height: 28px; height: 28px;
line-height: 28px;
font-size: 14px; font-size: 14px;
border-radius: 4px; 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: 37px !important;
}
.kkbths{
width:103px;
height:38px;
border-radius:4px;
border:1px solid rgba(255,255,255,1);
} }
` `
} }
</style> </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? <span className="fl lineh-40">
<Link to={"/paths/"+this.props.match.params.pathId+"/statistics"} className="user_default_btn edu-greenback-btn fr font-18" {detailInfoList.name}
> {detailInfoList===undefined?"":detailInfoList.excellent === false ? "" :
学习统计 <span className="pathoranges">
</Link>:"":"" <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>
<div className="clearfix mt20"> <div className="clearfix mt20">
{ {
@ -359,27 +359,49 @@ class DetailTop extends Component{
</ul> </ul>
} }
<div className="fr pr"> <div className="fr pr">
{detailInfoList===undefined?"":detailInfoList.allow_statistics===true?
<Link to={"/paths/"+this.props.match.params.pathId+"/edit"} className="fl font-18 color-white kaike mr20 kkbths" >
编辑
</Link>
:""
}
{detailInfoList===undefined?"":detailInfoList.allow_delete===true?<a {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"} className={"fl font-18 color-white kaike mr20 kkbths"}
style={{opacity: '0.6'}} onClick={this.allow_deletepath} onClick={this.allow_deletepath}
>删除课程</a>:""} >删除</a>:""}
{ {
detailInfoList.publish_status===0&&detailInfoList.allow_add_member===true? 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>:"" <a className="fl font-18 color-white kaike mr20 kkbths" onClick={this.applyissuePath}>申请发布</a>:""
} }
{ {
detailInfoList.publish_status===1 && detailInfoList.allow_statistics===true? 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>:"" <a className="fl font-18 color-white kaike mr20 kkbths" onClick={this.cancelissuePath}>撤销申请</a>:""
} }
{ {
detailInfoList.publish_status===2 && detailInfoList.allow_statistics===true? 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>:"" <a className="fl font-18 color-white kaike mr20 kkbths" onClick={this.reovkissuePath}>撤销发布</a>:""
} }
</div>
{this.props.courses===undefined?"":detailInfoList.is_creator===true?<a className={"fl font-18 color-white kaike mr20 kkbths"} onClick={()=>this.OpenCoursefun()}>开课</a>:""}
{ detailInfoList.allow_send === true?this.props.courses===undefined?
<SendPanel {...this.props} {...this.state}></SendPanel>:"":""
}
{detailInfoList===undefined?"":detailInfoList.allow_statistics===true?
<Link to={"/paths/"+this.props.match.params.pathId+"/statistics"} className="user_default_btn fr font-18 xxtjbtn">
学习统计
</Link>:""
}
</div>
</div> </div>

32
public/react/src/modules/paths/PathDetail/PathDetailIndex.js
Unescape View File

@ -381,14 +381,14 @@ class PathDetailIndex extends Component{
<div className="produce-content mb10"> <div className="produce-content mb10">
<p className="clearfix mb20"> <p className="clearfix mb20">
<span className="fl font-18 font-bd">简介</span> <span className="fl font-18 font-bd">简介</span>
{detailInfoList===undefined?"":detailInfoList.allow_statistics===true? {/*{detailInfoList===undefined?"":detailInfoList.allow_statistics===true?*/}
<Tooltip placement="bottom" title={"编辑"}> {/*<Tooltip placement="bottom" title={"编辑"}>*/}
<Link className="fr" to={"/paths/"+this.props.match.params.pathId+"/edit"}> {/*<Link className="fr" to={"/paths/"+this.props.match.params.pathId+"/edit"}>*/}
<i className="iconfont icon-bianjidaibeijing font-20 color-green"></i> {/*<i className="iconfont icon-bianjidaibeijing font-20 color-green"></i>*/}
</Link> {/*</Link>*/}
</Tooltip> {/*</Tooltip>*/}
:"" {/*:""*/}
} {/*}*/}
</p> </p>
<div className="color-grey-6 clearfix"> <div className="color-grey-6 clearfix">
<div id="shixuns_propaedeutics" className="new_li fl" style={{"padding":" 0px","textAlign": "justify;"}}> <div id="shixuns_propaedeutics" className="new_li fl" style={{"padding":" 0px","textAlign": "justify;"}}>
@ -409,14 +409,14 @@ class PathDetailIndex extends Component{
<div className="edu-back-white mustlearn mb10"> <div className="edu-back-white mustlearn mb10">
<p className="clearfix mb30"> <p className="clearfix mb30">
<span className="font-16">课程须知</span> <span className="font-16">课程须知</span>
{detailInfoList===undefined?"":detailInfoList.allow_statistics===true? {/*{detailInfoList===undefined?"":detailInfoList.allow_statistics===true?*/}
<Tooltip placement="bottom" title={"编辑"}> {/*<Tooltip placement="bottom" title={"编辑"}>*/}
<Link to={"/paths/"+this.props.match.params.pathId+"/edit#learning_notes"} className="fr mtf5"> {/*<Link to={"/paths/"+this.props.match.params.pathId+"/edit#learning_notes"} className="fr mtf5">*/}
<i className="iconfont icon-bianjidaibeijing font-20 color-green"></i> {/*<i className="iconfont icon-bianjidaibeijing font-20 color-green"></i>*/}
</Link> {/*</Link>*/}
</Tooltip> {/*</Tooltip>*/}
:"" {/*:""*/}
} {/*}*/}
</p> </p>
<div id="subject_learning_notes" className="color-grey-6 new_li markdown-body editormd-html-preview justify"> <div id="subject_learning_notes" className="color-grey-6 new_li markdown-body editormd-html-preview justify">
{detailInfoList === undefined ? "" :detailInfoList.learning_notes===null?"": {detailInfoList === undefined ? "" :detailInfoList.learning_notes===null?"":

2
public/react/src/modules/paths/PathDetail/sendPanel.js
Unescape View File

@ -180,7 +180,7 @@ class sendPanel extends Component{
{ {
this.props.detailInfoList===undefined?"":this.props.detailInfoList.allow_send===true? this.props.detailInfoList===undefined?"":this.props.detailInfoList.allow_send===true?
<Tooltip placement="bottom" title="以实训作业的形式发送到我的课堂"> <Tooltip placement="bottom" title="以实训作业的形式发送到我的课堂">
<a onClick = {this.SentToLesson} className="user_default_btn edu-greenline-btn fr font-18 mr20"> <a onClick = {this.SentToLesson} className="fl font-18 color-white kaike mr20 kkbths">
发送至 发送至
</a> </a>
</Tooltip>:'' </Tooltip>:''

Write Preview
Loading…
Cancel
Save