|
|
|
@ -65,7 +65,9 @@ class NewHeader extends Component {
|
|
|
|
|
showTrial:false,
|
|
|
|
|
setevaluatinghides:false,
|
|
|
|
|
occupation:0,
|
|
|
|
|
mydisplay:false
|
|
|
|
|
mydisplay:false,
|
|
|
|
|
headtypesonClickbool:false,
|
|
|
|
|
headtypess:"/"
|
|
|
|
|
}
|
|
|
|
|
console.log("176")
|
|
|
|
|
// console.log(props);
|
|
|
|
@ -636,11 +638,17 @@ submittojoinclass=(value)=>{
|
|
|
|
|
this.setState({
|
|
|
|
|
AccountProfiletype:false
|
|
|
|
|
})
|
|
|
|
|
};
|
|
|
|
|
headtypesonClick=(url,bool)=>{
|
|
|
|
|
this.setState({
|
|
|
|
|
headtypess:url,
|
|
|
|
|
headtypesonClickbool:bool,
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
render() {
|
|
|
|
|
const isLogin = true; // 这里不会出现未登录的情况,服务端在服务端路由时发现如果是未登录,则跳转到登录页了。
|
|
|
|
|
const {match ,} = this.props;
|
|
|
|
|
const {match,} = this.props;
|
|
|
|
|
|
|
|
|
|
let {Addcoursestypes,
|
|
|
|
|
tojoinitemtype,
|
|
|
|
@ -658,6 +666,8 @@ submittojoinclass=(value)=>{
|
|
|
|
|
user,
|
|
|
|
|
isRender,
|
|
|
|
|
showSearchOpentype,
|
|
|
|
|
headtypesonClickbool,
|
|
|
|
|
headtypess,
|
|
|
|
|
}=this.state;
|
|
|
|
|
/*
|
|
|
|
|
用户名称 用户头像url
|
|
|
|
@ -669,26 +679,95 @@ submittojoinclass=(value)=>{
|
|
|
|
|
let coursestype=false;
|
|
|
|
|
let activePackages=false;
|
|
|
|
|
let activeMoopCases=false;
|
|
|
|
|
let headtypes='/';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (match.path === '/forums') {
|
|
|
|
|
activeForums = true;
|
|
|
|
|
} else if (match.path.startsWith('/shixuns')) {
|
|
|
|
|
activeShixuns = true;
|
|
|
|
|
}else if (match.path.startsWith('/paths')) {
|
|
|
|
|
activePaths = true;
|
|
|
|
|
} else if (match.path.startsWith('/courses')) {
|
|
|
|
|
coursestype = true;
|
|
|
|
|
}else if (match.path.startsWith('/crowdsourcing')) {
|
|
|
|
|
activePackages = true;
|
|
|
|
|
}else if(match.path.startsWith('/moop_cases')){
|
|
|
|
|
activeMoopCases = true;
|
|
|
|
|
}else {
|
|
|
|
|
activeIndex = true;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
console.log("NewHeader");
|
|
|
|
|
console.log(this.props);
|
|
|
|
|
if(this.props.mygetHelmetapi){
|
|
|
|
|
if(this.props.mygetHelmetapi.navbar){
|
|
|
|
|
if(this.props.mygetHelmetapi.navbar.length>0){
|
|
|
|
|
// console.log("this.props.mygetHelmetapi.navbar.length>0====-=-=--=-=-=-=");
|
|
|
|
|
// console.log(this.props);
|
|
|
|
|
// console.log(match.path);
|
|
|
|
|
if(match.path==='/'){
|
|
|
|
|
if(headtypesonClickbool===false){
|
|
|
|
|
headtypes=undefined;
|
|
|
|
|
}else{
|
|
|
|
|
headtypes=headtypess;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}else {
|
|
|
|
|
for(var i=0;i<this.props.mygetHelmetapi.navbar.length;i++){
|
|
|
|
|
if(match.path===this.props.mygetHelmetapi.navbar[i].link){
|
|
|
|
|
headtypes=this.props.mygetHelmetapi.navbar[i].link;
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}else{
|
|
|
|
|
if (match.path === '/forums') {
|
|
|
|
|
headtypes = '/forums';
|
|
|
|
|
} else if (match.path.startsWith('/shixuns')) {
|
|
|
|
|
headtypes = '/shixuns';
|
|
|
|
|
}else if (match.path.startsWith('/paths')) {
|
|
|
|
|
headtypes = '/paths';
|
|
|
|
|
} else if (match.path.startsWith('/courses')) {
|
|
|
|
|
headtypes = '/courses';
|
|
|
|
|
}else if (match.path.startsWith('/competitions')) {
|
|
|
|
|
headtypes = '/competitions';
|
|
|
|
|
}else if (match.path.startsWith('/crowdsourcing')) {
|
|
|
|
|
headtypes = '/crowdsourcing';
|
|
|
|
|
}else if(match.path.startsWith('/moop_cases')){
|
|
|
|
|
headtypes = '/moop_cases';
|
|
|
|
|
}else {
|
|
|
|
|
headtypes = '/';
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}else{
|
|
|
|
|
if (match.path === '/forums') {
|
|
|
|
|
headtypes = '/forums';
|
|
|
|
|
} else if (match.path.startsWith('/shixuns')) {
|
|
|
|
|
headtypes = '/shixuns';
|
|
|
|
|
}else if (match.path.startsWith('/paths')) {
|
|
|
|
|
headtypes = '/paths';
|
|
|
|
|
} else if (match.path.startsWith('/courses')) {
|
|
|
|
|
headtypes = '/courses';
|
|
|
|
|
}else if (match.path.startsWith('/competitions')) {
|
|
|
|
|
headtypes = '/competitions';
|
|
|
|
|
}else if (match.path.startsWith('/crowdsourcing')) {
|
|
|
|
|
headtypes = '/crowdsourcing';
|
|
|
|
|
}else if(match.path.startsWith('/moop_cases')){
|
|
|
|
|
headtypes = '/moop_cases';
|
|
|
|
|
}else {
|
|
|
|
|
headtypes = '/';
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}else{
|
|
|
|
|
if (match.path === '/forums') {
|
|
|
|
|
headtypes = '/forums';
|
|
|
|
|
} else if (match.path.startsWith('/shixuns')) {
|
|
|
|
|
headtypes = '/shixuns';
|
|
|
|
|
}else if (match.path.startsWith('/paths')) {
|
|
|
|
|
headtypes = '/paths';
|
|
|
|
|
} else if (match.path.startsWith('/courses')) {
|
|
|
|
|
headtypes = '/courses';
|
|
|
|
|
}else if (match.path.startsWith('/competitions')) {
|
|
|
|
|
headtypes = '/competitions';
|
|
|
|
|
}else if (match.path.startsWith('/crowdsourcing')) {
|
|
|
|
|
headtypes = '/crowdsourcing';
|
|
|
|
|
}else if(match.path.startsWith('/moop_cases')){
|
|
|
|
|
headtypes = '/moop_cases';
|
|
|
|
|
}else {
|
|
|
|
|
headtypes = '/';
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// console.log("NewHeadergetHelmetapi432423423423");
|
|
|
|
|
// console.log(this.props.mygetHelmetapi);
|
|
|
|
|
console.log("NewHeadermygetHelmetapi123123123123");
|
|
|
|
|
console.log(this.props);
|
|
|
|
|
console.log(this.props.mygetHelmetapi);
|
|
|
|
|
return (
|
|
|
|
|
|
|
|
|
|
<div className="newHeaders" id="nHeader" >
|
|
|
|
@ -704,14 +783,14 @@ submittojoinclass=(value)=>{
|
|
|
|
|
{...this.props}
|
|
|
|
|
{...this.state}
|
|
|
|
|
/>:""}
|
|
|
|
|
<Link to="/" className={"fl mr30 ml25 mt10"}>
|
|
|
|
|
<a href={"/"} onClick={()=>this.headtypesonClick("/",false)} className={"fl mr30 ml25 mt10"}>
|
|
|
|
|
{
|
|
|
|
|
this.props.getHelmetapi===undefined||this.props.getHelmetapi.nav_logo_url===null||this.props.getHelmetapi.nav_logo_url===undefined?
|
|
|
|
|
this.props.mygetHelmetapi===undefined||this.props.mygetHelmetapi.nav_logo_url===null||this.props.mygetHelmetapi.nav_logo_url===undefined?
|
|
|
|
|
<img alt="高校智能化教学与实训平台" className="logoimg" src={getImageUrl("images/educoder/headNavLogo.png?1526520218")}></img>
|
|
|
|
|
:
|
|
|
|
|
<img alt="高校智能化教学与实训平台" className="logoimg" src={getImageUrl(this.props.getHelmetapi.nav_logo_url)}></img>
|
|
|
|
|
<img alt="高校智能化教学与实训平台" className="logoimg" src={getImageUrl(this.props.mygetHelmetapi.nav_logo_url)}></img>
|
|
|
|
|
}
|
|
|
|
|
</Link>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
{
|
|
|
|
@ -724,153 +803,203 @@ submittojoinclass=(value)=>{
|
|
|
|
|
`
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<div className="educontents fl">
|
|
|
|
|
{/*<%= link_to image_tag("/images/educoder/logo.png", alt:"高校智能化教学与实训平台", className:"logoimg"), home_path %>*/}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
this.props.getHelmetapi===undefined||this.props.getHelmetapi.navbar===null||this.props.getHelmetapi.navbar===undefined||this.props.getHelmetapi.navbar.length===0?
|
|
|
|
|
<div className="head-nav pr">
|
|
|
|
|
<ul id="header-nav">
|
|
|
|
|
{/*<li className={`${activeIndex === true ? 'active' : ''}`}><a href="/">首页</a></li>*/}
|
|
|
|
|
|
|
|
|
|
{/*<li><a href={this.props.Headertop===undefined?"":this.props.Headertop.shixun_paths_url}>实训路径</a></li>*/}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<li className={`${activePaths === true ? 'pr active' : 'pr'}`}>
|
|
|
|
|
<Link to={this.props.Headertop===undefined?"":'/paths'}>实践课程</Link>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
{/*<li><a href={this.props.Headertop===undefined?"":'/courses'}>课堂</a></li>*/}
|
|
|
|
|
|
|
|
|
|
<li className={`${coursestype === true ? 'pr active' : 'pr'}`}>
|
|
|
|
|
|
|
|
|
|
{/*<a href={this.props.Headertop===undefined?"":this.props.Headertop.course_url}>课堂</a>*/}
|
|
|
|
|
|
|
|
|
|
<Link to={this.props.Headertop===undefined?"":'/courses'}>翻转课堂</Link>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li className={`${activeShixuns === true ? 'pr active' : 'pr'}`}>
|
|
|
|
|
<Link to="/shixuns">实训项目</Link>
|
|
|
|
|
<img src={getImageUrl("images/educoder/hot-h.png")} className="nav-img">
|
|
|
|
|
</img>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li className="fl edu-menu-panel careershover "
|
|
|
|
|
style={{display: this.props.Headertop === undefined ?'none' : this.props.Headertop.career_url.length > 0 ? 'block' : 'none'}}>
|
|
|
|
|
<a>职业路径</a>
|
|
|
|
|
<div
|
|
|
|
|
style={{display: this.props.Headertop === undefined ?'none' : this.props.Headertop.career_url.length > 0 ? 'block' : 'none'}}>
|
|
|
|
|
<ul className="edu-menu-list edu-menu-listnew " style={{top:'60px'}}>
|
|
|
|
|
{this.props.Headertop === undefined ? "" : this.props.Headertop.career_url.map((item, key) => {
|
|
|
|
|
return(
|
|
|
|
|
<li key={key}><i className="iconfont icon-java left careersiconfont"
|
|
|
|
|
style={{color: '#000 important'}}
|
|
|
|
|
></i><a style={{width: '83%'}}
|
|
|
|
|
href={item.url}>{item.name}</a></li>
|
|
|
|
|
)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
{/*<li className=""><a href={"/libraries"}>教学案例</a></li>*/}
|
|
|
|
|
<li className="">
|
|
|
|
|
<a href={this.props.Headertop===undefined?"":this.props.Headertop.competitions_url}>在线竞赛</a>
|
|
|
|
|
<img className="roundedRectangles"
|
|
|
|
|
src={require('./roundedRectangle.png')}
|
|
|
|
|
/>
|
|
|
|
|
</li>
|
|
|
|
|
<li className={`${activeMoopCases === true ? 'pr active' : 'pr'}`}> <Link to={`/moop_cases`}>教学案例</Link></li>
|
|
|
|
|
{/*<li className={`${activePackages === true ? 'pr active' : 'pr'}`}>*/}
|
|
|
|
|
{/*<Link to={'/crowdsourcing'}>众包创新</Link>*/}
|
|
|
|
|
{/*</li>*/}
|
|
|
|
|
<li className={`${activeForums === true ? 'active' : ''}`}> <Link to={this.props.Headertop===undefined?"":this.props.Headertop.topic_url}>交流问答</Link></li>
|
|
|
|
|
<li
|
|
|
|
|
style={{display: this.props.Headertop === undefined ? 'none' : this.props.Headertop.auth===null? 'none' : 'block'}}
|
|
|
|
|
><a href={this.props.Headertop===undefined?"":this.props.Headertop.auth}>工程认证</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
:
|
|
|
|
|
<div className="head-nav pr">
|
|
|
|
|
<ul id="header-nav">
|
|
|
|
|
{/*<li className={`${activeIndex === true ? 'active' : ''}`}><a href="/">首页</a></li>*/}
|
|
|
|
|
|
|
|
|
|
{/*<li><a href={this.props.Headertop===undefined?"":this.props.Headertop.shixun_paths_url}>实训路径</a></li>*/}
|
|
|
|
|
|
|
|
|
|
{/*{*/}
|
|
|
|
|
{/* this.props.getHelmetapi.navbar && this.props.getHelmetapi.navbar.map((item,key)=>{*/}
|
|
|
|
|
|
|
|
|
|
{/* return(*/}
|
|
|
|
|
|
|
|
|
|
{/* )*/}
|
|
|
|
|
{/* })*/}
|
|
|
|
|
{/*}*/}
|
|
|
|
|
<li className={`${activePaths === true ? 'pr active' : 'pr'}`}>
|
|
|
|
|
<Link to={this.props.Headertop===undefined?"":'/paths'}>实践课程</Link>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
{/*<li><a href={this.props.Headertop===undefined?"":'/courses'}>课堂</a></li>*/}
|
|
|
|
|
{
|
|
|
|
|
this.props.mygetHelmetapi!==undefined&&this.props.mygetHelmetapi.navbar!==null&&this.props.mygetHelmetapi.navbar!==undefined&&this.props.mygetHelmetapi.navbar.length>0?
|
|
|
|
|
<div className="head-nav pr" id={"head-navpre1"}>
|
|
|
|
|
<ul id="header-nav">
|
|
|
|
|
{/*<li className={`${activeIndex === true ? 'active' : ''}`}><a href="/">首页</a></li>*/}
|
|
|
|
|
{/*<li><a href={this.props.Headertop===undefined?"":this.props.Headertop.shixun_paths_url}>实训路径</a></li>*/}
|
|
|
|
|
{
|
|
|
|
|
this.props.mygetHelmetapi.navbar && this.props.mygetHelmetapi.navbar.map((item,key)=>{
|
|
|
|
|
// console.log("headtypes");
|
|
|
|
|
// console.log(headtypes);
|
|
|
|
|
return(
|
|
|
|
|
<li key={key} className={`${headtypes===undefined?'pr':headtypes===item.link?'pr active':'pr'}`}>
|
|
|
|
|
<a href={item.link} onClick={()=>this.headtypesonClick(item.link,true)}>{item.name}</a>
|
|
|
|
|
</li>
|
|
|
|
|
)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
{/*<li className={`${activePaths === true ? 'pr active' : 'pr'}`}>*/}
|
|
|
|
|
{/* <Link to={this.props.Headertop===undefined?"":'/paths'}>实践课程</Link>*/}
|
|
|
|
|
{/*</li>*/}
|
|
|
|
|
|
|
|
|
|
{/*<li><a href={this.props.Headertop===undefined?"":'/courses'}>课堂</a></li>*/}
|
|
|
|
|
{/*<li className={`${coursestype === true ? 'pr active' : 'pr'}`}>*/}
|
|
|
|
|
{/* /!*<a href={this.props.Headertop===undefined?"":this.props.Headertop.course_url}>课堂</a>*!/*/}
|
|
|
|
|
{/* <Link to={this.props.Headertop===undefined?"":'/courses'}>翻转课堂</Link>*/}
|
|
|
|
|
{/*</li>*/}
|
|
|
|
|
|
|
|
|
|
{/*<li className={`${activeShixuns === true ? 'pr active' : 'pr'}`}>*/}
|
|
|
|
|
{/* <Link to="/shixuns">实训项目</Link>*/}
|
|
|
|
|
{/* <img src={getImageUrl("images/educoder/hot-h.png")} className="nav-img">*/}
|
|
|
|
|
{/* </img>*/}
|
|
|
|
|
{/*</li>*/}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{/*<li className=""><a href={"/libraries"}>教学案例</a></li>*/}
|
|
|
|
|
{/*<li className="">*/}
|
|
|
|
|
{/* <a href={this.props.Headertop===undefined?"":this.props.Headertop.competitions_url}>在线竞赛</a>*/}
|
|
|
|
|
{/* <img className="roundedRectangles"*/}
|
|
|
|
|
{/* src={require('./roundedRectangle.png')}*/}
|
|
|
|
|
{/* />*/}
|
|
|
|
|
{/*</li>*/}
|
|
|
|
|
{/*<li className={`${activeMoopCases === true ? 'pr active' : 'pr'}`}> <Link to={`/moop_cases`}>教学案例</Link></li>*/}
|
|
|
|
|
{/*<li className={`${activePackages === true ? 'pr active' : 'pr'}`}>*/}
|
|
|
|
|
{/*<Link to={'/crowdsourcing'}>众包创新</Link>*/}
|
|
|
|
|
{/*</li>*/}
|
|
|
|
|
{/*<li className={`${activeForums === true ? 'active' : ''}`}> <Link to={this.props.Headertop===undefined?"":this.props.Headertop.topic_url}>交流问答</Link></li>*/}
|
|
|
|
|
{/*<li*/}
|
|
|
|
|
{/* style={{display: this.props.Headertop === undefined ? 'none' : this.props.Headertop.auth===null? 'none' : 'block'}}*/}
|
|
|
|
|
{/*><a href={this.props.Headertop===undefined?"":this.props.Headertop.auth}>工程认证</a></li>*/}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<li className="fl edu-menu-panel careershover "
|
|
|
|
|
style={{display: this.props.Headertop === undefined ?'none' : this.props.Headertop.career_url.length > 0 ? 'block' : 'none'}}>
|
|
|
|
|
<a>职业路径</a>
|
|
|
|
|
<div
|
|
|
|
|
style={{display: this.props.Headertop === undefined ?'none' : this.props.Headertop.career_url.length > 0 ? 'block' : 'none'}}>
|
|
|
|
|
<ul className="edu-menu-list edu-menu-listnew " style={{top:'60px'}}>
|
|
|
|
|
{this.props.Headertop === undefined ? "" : this.props.Headertop.career_url.map((item, key) => {
|
|
|
|
|
return(
|
|
|
|
|
<li key={key}><i className="iconfont icon-java left careersiconfont"
|
|
|
|
|
style={{color: '#000 important'}}
|
|
|
|
|
></i><a style={{width: '83%'}}
|
|
|
|
|
href={item.url}>{item.name}</a></li>
|
|
|
|
|
)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
:this.props.mygetHelmetapi===undefined||this.props.mygetHelmetapi.navbar===null||this.props.mygetHelmetapi.navbar===undefined||this.props.mygetHelmetapi.navbar.length===0?
|
|
|
|
|
<div className="head-nav pr" id={"head-navpre2"}>
|
|
|
|
|
|
|
|
|
|
<ul id="header-nav">
|
|
|
|
|
{/*<li className={`${activeIndex === true ? 'active' : ''}`}><a href="/">首页</a></li>*/}
|
|
|
|
|
|
|
|
|
|
{/*<li><a href={this.props.Headertop===undefined?"":this.props.Headertop.shixun_paths_url}>实训路径</a></li>*/}
|
|
|
|
|
<li className={`${activePaths === true ? 'pr active' : 'pr'}`}>
|
|
|
|
|
<Link to={this.props.Headertop===undefined?"":'/paths'}>实践课程</Link>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li className={`${coursestype === true ? 'pr active' : 'pr'}`}>
|
|
|
|
|
{/*<li><a href={this.props.Headertop===undefined?"":'/courses'}>课堂</a></li>*/}
|
|
|
|
|
<li className={`${coursestype === true ? 'pr active' : 'pr'}`}>
|
|
|
|
|
{/*<a href={this.props.Headertop===undefined?"":this.props.Headertop.course_url}>课堂</a>*/}
|
|
|
|
|
<Link to={this.props.Headertop===undefined?"":'/courses'}>翻转课堂</Link>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
{/*<a href={this.props.Headertop===undefined?"":this.props.Headertop.course_url}>课堂</a>*/}
|
|
|
|
|
<li className={`${activeShixuns === true ? 'pr active' : 'pr'}`}>
|
|
|
|
|
<Link to="/shixuns">实训项目</Link>
|
|
|
|
|
{/*<img src={getImageUrl("images/educoder/hot-h.png")} className="nav-img">*/}
|
|
|
|
|
{/*</img>*/}
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<Link to={this.props.Headertop===undefined?"":'/courses'}>翻转课堂</Link>
|
|
|
|
|
</li>
|
|
|
|
|
<li className="fl edu-menu-panel careershover "
|
|
|
|
|
style={{display: this.props.Headertop === undefined ?'none' : this.props.Headertop.career_url.length > 0 ? 'block' : 'none'}}>
|
|
|
|
|
<a>职业路径</a>
|
|
|
|
|
<div
|
|
|
|
|
style={{display: this.props.Headertop === undefined ?'none' : this.props.Headertop.career_url.length > 0 ? 'block' : 'none'}}>
|
|
|
|
|
<ul className="edu-menu-list edu-menu-listnew " style={{top:'60px'}}>
|
|
|
|
|
{this.props.Headertop === undefined ? "" : this.props.Headertop.career_url.map((item, key) => {
|
|
|
|
|
return(
|
|
|
|
|
<li key={key}><i className="iconfont icon-java left careersiconfont"
|
|
|
|
|
style={{color: '#000 important'}}
|
|
|
|
|
></i><a style={{width: '83%'}}
|
|
|
|
|
href={item.url}>{item.name}</a></li>
|
|
|
|
|
)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li className={`${activeShixuns === true ? 'pr active' : 'pr'}`}>
|
|
|
|
|
<Link to="/shixuns">实训项目</Link>
|
|
|
|
|
<img src={getImageUrl("images/educoder/hot-h.png")} className="nav-img">
|
|
|
|
|
</img>
|
|
|
|
|
</li>
|
|
|
|
|
{/*<li className=""><a href={"/libraries"}>教学案例</a></li>*/}
|
|
|
|
|
<li className="">
|
|
|
|
|
<a href={this.props.Headertop===undefined?"":this.props.Headertop.competitions_url}>在线竞赛</a>
|
|
|
|
|
<img className="roundedRectangles"
|
|
|
|
|
src={require('./roundedRectangle.png')}
|
|
|
|
|
/>
|
|
|
|
|
</li>
|
|
|
|
|
<li className={`${activeMoopCases === true ? 'pr active' : 'pr'}`}> <Link to={`/moop_cases`}>教学案例</Link></li>
|
|
|
|
|
{/*<li className={`${activePackages === true ? 'pr active' : 'pr'}`}>*/}
|
|
|
|
|
{/*<Link to={'/crowdsourcing'}>众包创新</Link>*/}
|
|
|
|
|
{/*</li>*/}
|
|
|
|
|
<li className={`${activeForums === true ? 'active' : ''}`}> <Link to={this.props.Headertop===undefined?"":this.props.Headertop.topic_url}>交流问答</Link></li>
|
|
|
|
|
<li
|
|
|
|
|
style={{display: this.props.Headertop === undefined ? 'none' : this.props.Headertop.auth===null? 'none' : 'block'}}
|
|
|
|
|
><a href={this.props.Headertop===undefined?"":this.props.Headertop.auth}>工程认证</a></li>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<li className="fl edu-menu-panel careershover "
|
|
|
|
|
style={{display: this.props.Headertop === undefined ?'none' : this.props.Headertop.career_url.length > 0 ? 'block' : 'none'}}>
|
|
|
|
|
<a>职业路径</a>
|
|
|
|
|
<div
|
|
|
|
|
style={{display: this.props.Headertop === undefined ?'none' : this.props.Headertop.career_url.length > 0 ? 'block' : 'none'}}>
|
|
|
|
|
<ul className="edu-menu-list edu-menu-listnew " style={{top:'60px'}}>
|
|
|
|
|
{this.props.Headertop === undefined ? "" : this.props.Headertop.career_url.map((item, key) => {
|
|
|
|
|
return(
|
|
|
|
|
<li key={key}><i className="iconfont icon-java left careersiconfont"
|
|
|
|
|
style={{color: '#000 important'}}
|
|
|
|
|
></i><a style={{width: '83%'}}
|
|
|
|
|
href={item.url}>{item.name}</a></li>
|
|
|
|
|
)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
{/*<li className=""><a href={"/libraries"}>教学案例</a></li>*/}
|
|
|
|
|
<li className="">
|
|
|
|
|
<a href={this.props.Headertop===undefined?"":this.props.Headertop.competitions_url}>在线竞赛</a>
|
|
|
|
|
{/*<img className="roundedRectangles"*/}
|
|
|
|
|
{/* src={require('./roundedRectangle.png')}*/}
|
|
|
|
|
{/*/>*/}
|
|
|
|
|
</li>
|
|
|
|
|
<li className={`${activeMoopCases === true ? 'pr active' : 'pr'}`}> <Link to={`/moop_cases`}>教学案例</Link></li>
|
|
|
|
|
{/*<li className={`${activePackages === true ? 'pr active' : 'pr'}`}>*/}
|
|
|
|
|
{/*<Link to={'/crowdsourcing'}>众包创新</Link>*/}
|
|
|
|
|
{/*</li>*/}
|
|
|
|
|
<li className={`${activeForums === true ? 'active' : ''}`}> <Link to={this.props.Headertop===undefined?"":this.props.Headertop.topic_url}>交流问答</Link></li>
|
|
|
|
|
<li
|
|
|
|
|
style={{display: this.props.Headertop === undefined ? 'none' : this.props.Headertop.auth===null? 'none' : 'block'}}
|
|
|
|
|
><a href={this.props.Headertop===undefined?"":this.props.Headertop.auth}>工程认证</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
:
|
|
|
|
|
<div className="head-nav pr" id={"head-navpre3"}>
|
|
|
|
|
|
|
|
|
|
<ul id="header-nav">
|
|
|
|
|
{/*<li className={`${activeIndex === true ? 'active' : ''}`}><a href="/">首页</a></li>*/}
|
|
|
|
|
|
|
|
|
|
{/*<li><a href={this.props.Headertop===undefined?"":this.props.Headertop.shixun_paths_url}>实训路径</a></li>*/}
|
|
|
|
|
<li className={`${activePaths === true ? 'pr active' : 'pr'}`}>
|
|
|
|
|
<Link to={this.props.Headertop===undefined?"":'/paths'}>实践课程</Link>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
{/*<li><a href={this.props.Headertop===undefined?"":'/courses'}>课堂</a></li>*/}
|
|
|
|
|
<li className={`${coursestype === true ? 'pr active' : 'pr'}`}>
|
|
|
|
|
{/*<a href={this.props.Headertop===undefined?"":this.props.Headertop.course_url}>课堂</a>*/}
|
|
|
|
|
<Link to={this.props.Headertop===undefined?"":'/courses'}>翻转课堂</Link>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li className={`${activeShixuns === true ? 'pr active' : 'pr'}`}>
|
|
|
|
|
<Link to="/shixuns">实训项目</Link>
|
|
|
|
|
{/*<img src={getImageUrl("images/educoder/hot-h.png")} className="nav-img">*/}
|
|
|
|
|
{/*</img>*/}
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li className="fl edu-menu-panel careershover "
|
|
|
|
|
style={{display: this.props.Headertop === undefined ?'none' : this.props.Headertop.career_url.length > 0 ? 'block' : 'none'}}>
|
|
|
|
|
<a>职业路径</a>
|
|
|
|
|
<div
|
|
|
|
|
style={{display: this.props.Headertop === undefined ?'none' : this.props.Headertop.career_url.length > 0 ? 'block' : 'none'}}>
|
|
|
|
|
<ul className="edu-menu-list edu-menu-listnew " style={{top:'60px'}}>
|
|
|
|
|
{this.props.Headertop === undefined ? "" : this.props.Headertop.career_url.map((item, key) => {
|
|
|
|
|
return(
|
|
|
|
|
<li key={key}><i className="iconfont icon-java left careersiconfont"
|
|
|
|
|
style={{color: '#000 important'}}
|
|
|
|
|
></i><a style={{width: '83%'}}
|
|
|
|
|
href={item.url}>{item.name}</a></li>
|
|
|
|
|
)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
{/*<li className=""><a href={"/libraries"}>教学案例</a></li>*/}
|
|
|
|
|
<li className="">
|
|
|
|
|
<a href={this.props.Headertop===undefined?"":this.props.Headertop.competitions_url}>在线竞赛</a>
|
|
|
|
|
{/*<img className="roundedRectangles"*/}
|
|
|
|
|
{/* src={require('./roundedRectangle.png')}*/}
|
|
|
|
|
{/*/>*/}
|
|
|
|
|
</li>
|
|
|
|
|
<li className={`${activeMoopCases === true ? 'pr active' : 'pr'}`}> <Link to={`/moop_cases`}>教学案例</Link></li>
|
|
|
|
|
{/*<li className={`${activePackages === true ? 'pr active' : 'pr'}`}>*/}
|
|
|
|
|
{/*<Link to={'/crowdsourcing'}>众包创新</Link>*/}
|
|
|
|
|
{/*</li>*/}
|
|
|
|
|
<li className={`${activeForums === true ? 'active' : ''}`}> <Link to={this.props.Headertop===undefined?"":this.props.Headertop.topic_url}>交流问答</Link></li>
|
|
|
|
|
<li
|
|
|
|
|
style={{display: this.props.Headertop === undefined ? 'none' : this.props.Headertop.auth===null? 'none' : 'block'}}
|
|
|
|
|
><a href={this.props.Headertop===undefined?"":this.props.Headertop.auth}>工程认证</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
{
|
|
|
|
|