dev_oauth
parent
6eff80ae47
commit
ad09458e3c
@ -1,139 +0,0 @@
|
||||
import React, { Component } from 'react';
|
||||
import {getImageUrl} from 'educoder';
|
||||
import { Tooltip } from 'antd';
|
||||
import '../../paths/ShixunPaths.css';
|
||||
import axios from 'axios';
|
||||
|
||||
import { DragDropContext, Droppable, Draggable } from "react-beautiful-dnd";
|
||||
import DetailCardsEditAndEdit from "../../paths/PathDetail/DetailCardsEditAndEdit";
|
||||
|
||||
const reorder = (list, startIndex, endIndex) => {
|
||||
const result = Array.from(list);
|
||||
const [removed] = result.splice(startIndex, 1);
|
||||
result.splice(endIndex, 0, removed);
|
||||
|
||||
return result;
|
||||
};
|
||||
|
||||
const $ = window.$
|
||||
class DetailCards extends Component{
|
||||
constructor(props){
|
||||
super(props)
|
||||
this.state={
|
||||
pathCardsList:undefined
|
||||
}
|
||||
}
|
||||
|
||||
getPathCardsList(){
|
||||
let pathid = this.props.match.params.PathId
|
||||
// let pathid= 28;
|
||||
let url=`/stages.json?subject_id=`+pathid;
|
||||
axios.get(url).then((result)=>{
|
||||
if(result.status===200){
|
||||
this.setState({
|
||||
pathCardsList:result.data.stages
|
||||
})
|
||||
}
|
||||
}).catch((error)=>{
|
||||
console.log(error);
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
for_paragraph = (index) =>{
|
||||
$("#detail_for_paragraph_"+index).slideToggle(500);
|
||||
}
|
||||
|
||||
componentDidMount(){
|
||||
this.getPathCardsList();
|
||||
}
|
||||
onDragEnd = (result, shixunIndex) => {
|
||||
// console.log(result)
|
||||
|
||||
// dropped outside the list
|
||||
if (!result.destination) {
|
||||
console.log('dropped outside the list')
|
||||
|
||||
return;
|
||||
}
|
||||
if (result.destination.index === result.source.index) {
|
||||
console.log('the same')
|
||||
return;
|
||||
}
|
||||
// TODO exchange axios request
|
||||
|
||||
const shixuns_list = reorder(
|
||||
this.state.pathCardsList[shixunIndex].shixuns_list,
|
||||
result.source.index,
|
||||
result.destination.index
|
||||
);
|
||||
const pathCardsList = this.state.pathCardsList
|
||||
pathCardsList[shixunIndex].shixuns_list = shixuns_list;
|
||||
this.setState({
|
||||
pathCardsList
|
||||
});
|
||||
}
|
||||
render(){
|
||||
let { pathCardsList }=this.props;
|
||||
return(
|
||||
<div className="lesson-saved-list">
|
||||
{
|
||||
pathCardsList && pathCardsList.map((item,key)=>{
|
||||
|
||||
return(
|
||||
<div className={"lesson-saved-list-item"} id={"stage_div_"+key} >
|
||||
{
|
||||
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>
|
||||
|
||||
{
|
||||
item.shixuns_list && item.shixuns_list.map((line,index)=>{
|
||||
return(
|
||||
<div className="clearfix paragraph lineh-30" onMouseEnter={()=>this.showparagraph(key,index)} onMouseLeave={this.hideparagraph}>
|
||||
|
||||
<li className="fl li-width63">
|
||||
|
||||
<span className="progressRing mr10">
|
||||
{
|
||||
line.complete_status === 1 ?<i className="iconfont icon-wancheng progressRing-over font-18 mt10"></i>
|
||||
:<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="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"}>
|
||||
{
|
||||
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>
|
||||
}
|
||||
|
||||
</div>
|
||||
)
|
||||
})
|
||||
}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
}
|
||||
export default DetailCards;
|
||||
Loading…
Reference in new issue