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

调整实训、课程顶部按钮提示功能

Browse Source
PCqiandao
杨树明 5 years ago
parent f83354dc9d
commit 3d2c7097d9
4 changed files with 82 additions and 35 deletions
Show Stats Download Patch File Download Diff File

5
public/react/src/modules/modals/Modals.js
Unescape View File

@ -34,6 +34,9 @@ render() {
} }
.color848282{ .color848282{
color:#848282; color:#848282;
}
.task-btn{
color: #fff !important;
} }
` `
} }
@ -50,7 +53,7 @@ render() {
</div> </div>
: :
<div className="clearfix mt30 edu-txt-center"> <div className="clearfix mt30 edu-txt-center">
<a className="task-btn mr30" onClick={this.props.modalCancel}>取消</a> <a className="task-btn mr30" onClick={this.props.modalCancel}>{this.props.cancelText || '取消'}</a>
<a className="task-btn task-btn-orange" onClick={this.props.modalSave}>{this.props.okText || '确定'}</a> <a className="task-btn task-btn-orange" onClick={this.props.modalSave}>{this.props.okText || '确定'}</a>
</div> </div>
} }

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

@ -32,7 +32,10 @@ class DetailTop extends Component{
getappointmenttype:false, getappointmenttype:false,
openpathss:false, openpathss:false,
cancel_publics:false, cancel_publics:false,
cancel_has_publics:false cancel_has_publics:false,
applyissuePaths:false,
cancelText:undefined,
okText:undefined
} }
} }
componentDidMount(){ componentDidMount(){
@ -110,21 +113,27 @@ class DetailTop extends Component{
applyissuePath=()=>{ applyissuePath=()=>{
this.setState({
loadtype:true,
Modalstype: true,
Modalstopval:` 课程需经过平台审核方可公开使用，公开的课程将对平台所`,
modalsMidval:"有人公开可见，若仅本人教学使用则无需申请公开，直接发",
Modalsbottomval:"送到课堂即可。",
applyissuePaths:true
})
}
showapplyissuePath=()=>{
let pathid=this.props.match.params.pathId; let pathid=this.props.match.params.pathId;
let url ="/paths/"+pathid+"/publish.json"; let url ="/paths/"+pathid+"/publish.json";
axios.post(url).then((result)=>{ axios.post(url).then((result)=>{
if(result.status===200){ if(result.status===200){
if(result.data.status===0){ if(result.data.status===0){
this.setState({
loadtype:true,
Modalstype: true,
Modalstopval: ` 课程需经过平台审核方可公开使用，公开的课程将对平台所`,
modalsMidval:"有人公开可见。若仅本人教学使用则无需申请公开, 直接发",
Modalsbottomval:"送到课堂即可.",
cardsModalsavetype: true,
})
this.props.showNotification(result.data.message) this.props.showNotification(result.data.message)
this.props.getlistdatas(); this.props.getlistdatas();
this.cardsModalcancel()
}else if(result.data.status===1){ }else if(result.data.status===1){
// window.location.reload(); // window.location.reload();
} }
@ -132,9 +141,7 @@ class DetailTop extends Component{
}).catch((error)=>{ }).catch((error)=>{
console.log(error); console.log(error);
}) })
}
}
postcancelissuePath=()=>{ postcancelissuePath=()=>{
let pathId=this.props.match.params.pathId; let pathId=this.props.match.params.pathId;
let url ="/paths/"+pathId+"/cancel_publish.json"; let url ="/paths/"+pathId+"/cancel_publish.json";
@ -180,12 +187,15 @@ class DetailTop extends Component{
modalsMidval:'', modalsMidval:'',
modalstyles:'', modalstyles:'',
cardsModalsavetype:false, cardsModalsavetype:false,
applyissuePath:false, applyissuePaths:false,
openpathss:false, openpathss:false,
cancel_publics:false, cancel_publics:false,
cancel_has_publics:false, cancel_has_publics:false,
Modalstopval:``, Modalstopval:``,
cancelText:undefined,
okText:undefined
}) })
} }
cardsModalsave=()=>{ cardsModalsave=()=>{
@ -369,13 +379,13 @@ class DetailTop extends Component{
openpaths=()=>{ openpaths=()=>{
this.setState({ this.setState({
loadtype:true,
Modalstype: true, Modalstype: true,
openpathss:true, openpathss:true,
Modalstopval: "公开申请已提交，请等待管理员的审核", Modalstopval: "公开课程需经过平台标准化审核，审核周期为1-2天，公开",
modalsMidval:"• 我们将在1-2个工作日内完成审核", modalsMidval:"的课程将对平台所有人可见。若仅本人教学使用则无需",
Loadtype:true, Modalsbottomval:"申请公开，直接发送到课堂即可",
modalstyles:"848282" cancelText:"取消申请",
okText:"确定申请"
}) })
} }
@ -433,7 +443,7 @@ class DetailTop extends Component{
render(){ render(){
let{detailInfoList}=this.props; let{detailInfoList}=this.props;
let{Modalstype,Modalstopval,cardsModalcancel,putappointmenttype,Modalsbottomval,cardsModalsavetype,loadtype,getappointmenttype,openpathss,cancel_publics,cancel_has_publics}=this.state; let{Modalstype,Modalstopval,cardsModalcancel,putappointmenttype,Modalsbottomval,cardsModalsavetype,loadtype,getappointmenttype,openpathss,cancel_publics,cancel_has_publics,applyissuePaths}=this.state;
const radioStyle = { const radioStyle = {
display: 'block', display: 'block',
height: '30px', height: '30px',
@ -470,8 +480,10 @@ class DetailTop extends Component{
modalsTopval={Modalstopval} modalsTopval={Modalstopval}
modalsBottomval={Modalsbottomval} modalsBottomval={Modalsbottomval}
modalCancel={cardsModalcancel} modalCancel={cardsModalcancel}
modalSave={loadtype===true&&openpathss===false?()=>this.cardsModalcancel():cardsModalsavetype===true?()=>this.postcancelissuePath():openpathss===true?()=>this.postopenpaths():cancel_publics===true?()=>this.postcancel_public():cancel_has_publics===true?()=>this.postcancel_has_public():putappointmenttype===true?()=>this.getappointment():()=>this.cardsModalsave()} modalSave={applyissuePaths===true?()=>this.showapplyissuePath():loadtype===true&&openpathss===false?()=>this.cardsModalcancel():cardsModalsavetype===true?()=>this.postcancelissuePath():openpathss===true?()=>this.postopenpaths():cancel_publics===true?()=>this.postcancel_public():cancel_has_publics===true?()=>this.postcancel_has_public():putappointmenttype===true?()=>this.getappointment():()=>this.cardsModalsave()}
loadtype={loadtype} loadtype={loadtype}
cancelText={this.state.cancelText}
okText={this.state.okText}
modalsMidval={this.state.modalsMidval} modalsMidval={this.state.modalsMidval}
modalstyles={this.state.modalstyles} modalstyles={this.state.modalstyles}
> >
@ -605,8 +617,8 @@ class DetailTop extends Component{
{ {
detailInfoList.publish_status===0&&detailInfoList.allow_add_member===true? detailInfoList.publish_status===0&&detailInfoList.allow_add_member===true?
<a className="fr font-18 color-white kaike mr20 kkbths" <a className="fr font-18 color-white kaike mr20 kkbths"
style={{'width':'65px'}} style={{'width':'95px'}}
onClick={this.applyissuePath}>发布</a>:"" onClick={this.applyissuePath}>申请发布</a>:""
} }

55
public/react/src/modules/tpm/TPMBanner.js
Unescape View File

@ -60,7 +60,8 @@ class TPMBanner extends Component {
openshowpublictype:false, openshowpublictype:false,
Radiovalue:1, Radiovalue:1,
TextAreaintshow:false, TextAreaintshow:false,
cancelText:undefined,
okText:undefined,
} }
} }
@ -434,6 +435,9 @@ class TPMBanner extends Component {
modalsMidval:undefined, modalsMidval:undefined,
ModalsBottomval:"", ModalsBottomval:"",
modalstyles:"", modalstyles:"",
cancelText:undefined,
okText:undefined,
Loadtype:false,
}) })
} }
ModalSave = () => { ModalSave = () => {
@ -441,7 +445,10 @@ class TPMBanner extends Component {
let url = "/shixuns/" + id + "/cancel_publish.json"; let url = "/shixuns/" + id + "/cancel_publish.json";
axios.get(url).then((response) => { axios.get(url).then((response) => {
this.props.showSnackbar(response.data.message); this.props.showSnackbar(response.data.message);
window.location.reload() // window.location.reload()
this.ModalCancel()
this.props.getcomponentdidmount()
}).catch((error) => { }).catch((error) => {
console.log(error) console.log(error)
}); });
@ -461,16 +468,21 @@ class TPMBanner extends Component {
ModalSaveopenpublic= () => { ModalSaveopenpublic= () => {
this.setState({ this.setState({
Modalstype: true, Modalstype: true,
Modalstopval: "公开申请已提交，请等待管理员的审核", Modalstopval:"公开实训需经过平台标准化审核，审核周期为1-2天，",
modalsMidval:"• 我们将在1-2个工作日内完成审核", modalsMidval:"公开的实训将对平台所有人可见。若仅本人教学使用",
ModalCancel: this.eopenpublicupdatadata, ModalsBottomval:"则无需申请公开, 直接发送到课堂即可。",
cancelText:"取消申请",
okText:"确定申请",
ModalCancel: this.ModalCancel,
ModalSave: this.eopenpublicupdatadata, ModalSave: this.eopenpublicupdatadata,
Loadtype:true, // Loadtype:true,
modalstyles:"848282" // modalstyles:"848282"
}) })
} }
eopenpublicupdatadata=()=>{ eopenpublicupdatadata=()=>{
window.location.reload() // window.location.reload()
this.ModalCancel()
this.props.getcomponentdidmount()
} }
openpublic=()=>{ openpublic=()=>{
let id = this.props.match.params.shixunId; let id = this.props.match.params.shixunId;
@ -490,7 +502,9 @@ class TPMBanner extends Component {
let url = `/shixuns/${id}/cancel_apply_public.json`; let url = `/shixuns/${id}/cancel_apply_public.json`;
axios.get(url).then((response) => { axios.get(url).then((response) => {
if(response.data.status===0){ if(response.data.status===0){
window.location.reload() // window.location.reload()
this.ModalCancel()
this.props.getcomponentdidmount()
} }
}).catch((error) => { }).catch((error) => {
console.log(error) console.log(error)
@ -522,7 +536,10 @@ class TPMBanner extends Component {
evaluation_set_position = response.data.evaluation_set_position evaluation_set_position = response.data.evaluation_set_position
} }
if(response.data.status===0){ if(response.data.status===0){
window.location.reload() // window.location.reload()
this.applyreleaseopen()
// this.ModalCancel()
this.props.getcomponentdidmount()
}else{ }else{
this.setState({ this.setState({
Issuevisible: true, Issuevisible: true,
@ -536,13 +553,23 @@ class TPMBanner extends Component {
console.log(error) console.log(error)
}); });
}; };
applyreleaseopen = () => {
this.setState({
Modalstype: true,
Loadtype:true,
Modalstopval: "实训发布后即可发送课堂使用",
ModalSave: this.ModalCancel,
})
}
hiddenIssuevisible = (val) => { hiddenIssuevisible = (val) => {
this.setState({ this.setState({
Issuevisible: false Issuevisible: false
}) })
if (val === 0 || val === 1) { if (val === 0 || val === 1) {
window.location.reload() // window.location.reload()
this.ModalCancel()
this.props.getcomponentdidmount()
} }
} }
@ -803,7 +830,9 @@ class TPMBanner extends Component {
hidestartshixunsreplacevalue, hidestartshixunsreplacevalue,
Forkvisibletype, Forkvisibletype,
AccountProfiletype, AccountProfiletype,
isIE isIE,
cancelText,
okText,
} = this.state; } = this.state;
let {shixunsDetails, shixunId, star_info, star_infos} = this.props; let {shixunsDetails, shixunId, star_info, star_infos} = this.props;
let challengeBtnTipText = ''; let challengeBtnTipText = '';
@ -900,6 +929,8 @@ class TPMBanner extends Component {
modalsMidval={this.state.modalsMidval} modalsMidval={this.state.modalsMidval}
loadtype={this.state.Loadtype} loadtype={this.state.Loadtype}
modalstyles={this.state.modalstyles} modalstyles={this.state.modalstyles}
cancelText={this.state.cancelText}
okText={this.state.okText}
/> : ""} /> : ""}
<div className="educontent clearfix"> <div className="educontent clearfix">

1
public/react/src/modules/tpm/TPMIndex.js
Unescape View File

@ -412,6 +412,7 @@ class TPMIndex extends Component {
{...this.props} {...this.props}
{...this.state} {...this.state}
is_jupyter={this.state. is_jupyter} is_jupyter={this.state. is_jupyter}
getcomponentdidmount={()=>this.getcomponentdidmount()}
></TPMBanner> ></TPMBanner>
} }

Write Preview
Loading…
Cancel
Save