|
|
|
@ -105,9 +105,9 @@ class Challengesjupyter extends Component {
|
|
|
|
setTimeout(this.ChallengesList(), 1000);
|
|
|
|
setTimeout(this.ChallengesList(), 1000);
|
|
|
|
let id = this.props.match.params.shixunId;
|
|
|
|
let id = this.props.match.params.shixunId;
|
|
|
|
let ChallengesURL = `/jupyters/get_info_with_tpm.json`;
|
|
|
|
let ChallengesURL = `/jupyters/get_info_with_tpm.json`;
|
|
|
|
let datas={
|
|
|
|
let datas={
|
|
|
|
identifier:id,
|
|
|
|
identifier:id,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
axios.get(ChallengesURL, {params: datas}).then((response) => {
|
|
|
|
axios.get(ChallengesURL, {params: datas}).then((response) => {
|
|
|
|
if (response.data.status === 403||response.data.status === 401||response.data.status === 500) {
|
|
|
|
if (response.data.status === 403||response.data.status === 401||response.data.status === 500) {
|
|
|
|
setTimeout(() => {
|
|
|
|
setTimeout(() => {
|
|
|
|
@ -115,26 +115,29 @@ class Challengesjupyter extends Component {
|
|
|
|
booljupyterurls:true,
|
|
|
|
booljupyterurls:true,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}, 600)
|
|
|
|
}, 600)
|
|
|
|
}else{
|
|
|
|
}else{
|
|
|
|
if(response.data.status===0){
|
|
|
|
if(response.data.status===0){
|
|
|
|
|
|
|
|
|
|
|
|
setTimeout(() => {
|
|
|
|
setTimeout(() => {
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
jupyter_url:response.data.url,
|
|
|
|
|
|
|
|
jupyter_port:response.data.port,
|
|
|
|
|
|
|
|
booljupyterurls:true,
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}, 800)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}else{
|
|
|
|
var url=response.data.url;
|
|
|
|
setTimeout(() => {
|
|
|
|
var url2=url.replace("http://","https://");
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
booljupyterurls:true,
|
|
|
|
jupyter_url:url2,
|
|
|
|
})
|
|
|
|
jupyter_port:response.data.port,
|
|
|
|
}, 600)
|
|
|
|
booljupyterurls:true,
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}, 800)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}else{
|
|
|
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
booljupyterurls:true,
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}, 600)
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}).catch((error) => {
|
|
|
|
}).catch((error) => {
|
|
|
|
@ -148,15 +151,19 @@ class Challengesjupyter extends Component {
|
|
|
|
setTimeout(this.getjianjiesize(), 1000);
|
|
|
|
setTimeout(this.getjianjiesize(), 1000);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
window.addEventListener('message', (e) => {
|
|
|
|
|
|
|
|
console.log("触发了jupytermessage");
|
|
|
|
|
|
|
|
console.log(e);
|
|
|
|
|
|
|
|
if(e){
|
|
|
|
|
|
|
|
if(e.data){
|
|
|
|
|
|
|
|
if(e.data==="jupytermessage"){
|
|
|
|
|
|
|
|
that.modifyjupyter();
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
window.addEventListener('jupytermessage', (e) => {
|
|
|
|
|
|
|
|
console.log("触发了jupytermessage");
|
|
|
|
|
|
|
|
console.log("触发了jupytermessage");
|
|
|
|
|
|
|
|
that.modifyjupyter();
|
|
|
|
|
|
|
|
});
|
|
|
|
});
|
|
|
|
setTimeout(this.getjianjiesize(), 1000);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
updatamakedowns = () => {
|
|
|
|
updatamakedowns = () => {
|
|
|
|
@ -210,13 +217,13 @@ class Challengesjupyter extends Component {
|
|
|
|
|
|
|
|
|
|
|
|
modifyjupyter=()=>{
|
|
|
|
modifyjupyter=()=>{
|
|
|
|
let id=this.props.match.params.shixunId;
|
|
|
|
let id=this.props.match.params.shixunId;
|
|
|
|
var jupyter_port="";
|
|
|
|
var jupyter_port="";
|
|
|
|
try{
|
|
|
|
try{
|
|
|
|
jupyter_port= parseInt(this.state.jupyter_port);
|
|
|
|
jupyter_port= parseInt(this.state.jupyter_port);
|
|
|
|
}catch (e) {
|
|
|
|
}catch (e) {
|
|
|
|
jupyter_port=this.state.jupyter_port;
|
|
|
|
jupyter_port=this.state.jupyter_port;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
const url=`/jupyters/save_with_tpm.json`;
|
|
|
|
const url=`/jupyters/save_with_tpm.json`;
|
|
|
|
const data={
|
|
|
|
const data={
|
|
|
|
identifier:id,
|
|
|
|
identifier:id,
|
|
|
|
@ -225,8 +232,8 @@ class Challengesjupyter extends Component {
|
|
|
|
axios.get(url, {params: data})
|
|
|
|
axios.get(url, {params: data})
|
|
|
|
.then((result) => {
|
|
|
|
.then((result) => {
|
|
|
|
if (result.data.status === 0) {
|
|
|
|
if (result.data.status === 0) {
|
|
|
|
this.props.showNotification(`应用成功`);
|
|
|
|
// this.props.showNotification(`应用成功`);
|
|
|
|
console.log("触发了jupytermessage调用了应用成功");
|
|
|
|
console.log("应用成功了");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}).catch((error) => {
|
|
|
|
}).catch((error) => {
|
|
|
|
})
|
|
|
|
})
|
|
|
|
@ -237,15 +244,12 @@ class Challengesjupyter extends Component {
|
|
|
|
opentitletype:!this.state.opentitletype
|
|
|
|
opentitletype:!this.state.opentitletype
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
onclki=(bool)=>{
|
|
|
|
onclki=(bool)=>{
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
enlarge:bool
|
|
|
|
enlarge:bool
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
render() {
|
|
|
|
render() {
|
|
|
|
let{ChallengesDataList,booljupyterurls,enlarge}=this.state;
|
|
|
|
let{ChallengesDataList,booljupyterurls,enlarge}=this.state;
|
|
|
|
let id = this.props.match.params.shixunId;
|
|
|
|
let id = this.props.match.params.shixunId;
|
|
|
|
@ -255,8 +259,6 @@ class Challengesjupyter extends Component {
|
|
|
|
const business = this.props&&this.props.current_user&&this.props.current_user.business?this.props.current_user.business:false;
|
|
|
|
const business = this.props&&this.props.current_user&&this.props.current_user.business?this.props.current_user.business:false;
|
|
|
|
//管理员
|
|
|
|
//管理员
|
|
|
|
const admin = this.props&&this.props.current_user&&this.props.current_user.admin?this.props.current_user.admin:false;
|
|
|
|
const admin = this.props&&this.props.current_user&&this.props.current_user.admin?this.props.current_user.admin:false;
|
|
|
|
//用户
|
|
|
|
|
|
|
|
const login = this.props&&this.props.current_user&&this.props.current_user.login?this.props.current_user.login:"";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let mysidentity =false;
|
|
|
|
let mysidentity =false;
|
|
|
|
try {
|
|
|
|
try {
|
|
|
|
@ -377,9 +379,8 @@ class Challengesjupyter extends Component {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
flex-direction:row-reverse;
|
|
|
|
flex-direction:row-reverse;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
;
|
|
|
|
;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
`
|
|
|
|
`
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|
@ -388,29 +389,35 @@ class Challengesjupyter extends Component {
|
|
|
|
""
|
|
|
|
""
|
|
|
|
:
|
|
|
|
:
|
|
|
|
(
|
|
|
|
(
|
|
|
|
admin===true||business===true||mysidentity===true?
|
|
|
|
admin===true||business===true||mysidentity===true?
|
|
|
|
<div className={"shixunjianjiecballenges edu-back-white sortinxdirection mt20"}>
|
|
|
|
<div style={{
|
|
|
|
<div className="renwuxiangssi sortinxdirection">
|
|
|
|
height: '63px',
|
|
|
|
<div><p className="renwuxiangqdiv">任务详情</p></div>
|
|
|
|
}} className={enlarge?"shixunjianjiecballenges edu-back-white intermediatecenter fangdaone":"shixunjianjiecballenges edu-back-white mt20"}>
|
|
|
|
<div><p className="renwuxiangqdivtest ml1 shixunbingbaocun">（请将实训题目写在下方并保存）</p></div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div className={enlarge?"sortinxdirection jupyterswidth":"sortinxdirection"} >
|
|
|
|
<div className="renwuxiangssit xaxisreverseorder">
|
|
|
|
<div className="renwuxiangssi sortinxdirection">
|
|
|
|
{
|
|
|
|
<div><p className="renwuxiangqdiv">任务详情</p></div>
|
|
|
|
enlarge===true?
|
|
|
|
<div><p className="renwuxiangqdivtest ml1 shixunbingbaocun">（请将实训题目写在下方并保存）</p></div>
|
|
|
|
<i className="iconfont icon-suoxiao2 font-20 ml2 ysliconfont" style={{
|
|
|
|
</div>
|
|
|
|
marginLeft: '30px',
|
|
|
|
<div className="renwuxiangssit xaxisreverseorder">
|
|
|
|
}} onClick={()=>this.onclki(false)}></i>
|
|
|
|
{
|
|
|
|
:
|
|
|
|
enlarge===true?
|
|
|
|
<i className="iconfont icon-fangda font-20 ml2 ysliconfont" style={{
|
|
|
|
<i className="iconfont icon-suoxiao2 font-18 ml2 ysliconfont" style={{
|
|
|
|
marginLeft: '30px',
|
|
|
|
marginLeft: '30px',
|
|
|
|
}} onClick={()=>this.onclki(true)}></i>
|
|
|
|
}} onClick={()=>this.onclki(false)}></i>
|
|
|
|
}
|
|
|
|
:
|
|
|
|
<div className="challenbaocun" ><p
|
|
|
|
<i className="iconfont icon-fangda font-18 ml2 ysliconfont" style={{
|
|
|
|
className="challenbaocuntest">导入</p>
|
|
|
|
marginLeft: '30px',
|
|
|
|
|
|
|
|
}} onClick={()=>this.onclki(true)}></i>
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
{/*<div className="challenbaocun" ><p*/}
|
|
|
|
|
|
|
|
{/* className="challenbaocuntest">导入</p>*/}
|
|
|
|
|
|
|
|
{/*</div>*/}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
:
|
|
|
|
|
|
|
|
|
|
|
|
:
|
|
|
|
""
|
|
|
|
""
|
|
|
|
)
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
|
|
@ -442,34 +449,25 @@ class Challengesjupyter extends Component {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|
{
|
|
|
|
{
|
|
|
|
admin===true||business===true||mysidentity===true?
|
|
|
|
admin===true||business===true||mysidentity===true?
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<div className="pb47">
|
|
|
|
<div className="pb47">
|
|
|
|
{
|
|
|
|
{
|
|
|
|
this.state.jupyter_url===null || this.state.jupyter_url===undefined?
|
|
|
|
this.state.jupyter_url===null || this.state.jupyter_url===undefined?
|
|
|
|
(
|
|
|
|
(
|
|
|
|
booljupyterurls===false?
|
|
|
|
booljupyterurls===false?
|
|
|
|
<LoadingSpin></LoadingSpin>
|
|
|
|
<LoadingSpin></LoadingSpin>
|
|
|
|
:""
|
|
|
|
:""
|
|
|
|
)
|
|
|
|
)
|
|
|
|
:
|
|
|
|
:
|
|
|
|
(
|
|
|
|
|
|
|
|
login==="innov"?
|
|
|
|
|
|
|
|
<iframe src={"http://121.41.4.83:46666/notebooks/root/work/01.ipynb"} className={enlarge?"fangdatwo":""}
|
|
|
|
|
|
|
|
sandbox="allow-same-origin allow-scripts allow-top-navigation " scrolling="no" id="frame"
|
|
|
|
|
|
|
|
name="framename" width="100%" height="700" frameBorder="0"
|
|
|
|
|
|
|
|
></iframe>
|
|
|
|
|
|
|
|
:
|
|
|
|
|
|
|
|
<iframe src={this.state.jupyter_url} className={enlarge?"fangdatwo":""}
|
|
|
|
<iframe src={this.state.jupyter_url} className={enlarge?"fangdatwo":""}
|
|
|
|
sandbox="allow-same-origin allow-scripts allow-top-navigation " scrolling="no" id="frame"
|
|
|
|
sandbox="allow-same-origin allow-scripts allow-top-navigation " scrolling="no" id="frame"
|
|
|
|
name="framename" width="100%" height="700" frameBorder="0"
|
|
|
|
name="framename" width="100%" height="700" frameBorder="0"
|
|
|
|
></iframe>
|
|
|
|
></iframe>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
:""
|
|
|
|
</div>
|
|
|
|
|
|
|
|
:""
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
