|
|
|
@ -65,13 +65,26 @@ class NewHeader extends Component {
|
|
|
|
showTrial:false,
|
|
|
|
showTrial:false,
|
|
|
|
setevaluatinghides:false,
|
|
|
|
setevaluatinghides:false,
|
|
|
|
occupation:0,
|
|
|
|
occupation:0,
|
|
|
|
mydisplay:false
|
|
|
|
mydisplay:false,
|
|
|
|
|
|
|
|
headtypesonClickbool:false,
|
|
|
|
|
|
|
|
headtypess:"/",
|
|
|
|
|
|
|
|
mygetHelmetapi2:undefined,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
// console.log("176")
|
|
|
|
console.log("176")
|
|
|
|
// console.log(props);
|
|
|
|
// console.log(props);
|
|
|
|
|
|
|
|
// console.log("NewHeader1234567890");
|
|
|
|
|
|
|
|
// console.log(this.props);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
componentDidUpdate = (prevProps) => {
|
|
|
|
|
|
|
|
// console.log("componentDidMount2");
|
|
|
|
|
|
|
|
// console.log(this.state.mygetHelmetapi2);
|
|
|
|
|
|
|
|
if(this.state.mygetHelmetapi2===undefined){
|
|
|
|
|
|
|
|
this.getAppdata();
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
componentDidMount() {
|
|
|
|
componentDidMount() {
|
|
|
|
|
|
|
|
console.log("componentDidMount1");
|
|
|
|
|
|
|
|
this.getAppdata();
|
|
|
|
window._header_componentHandler = this;
|
|
|
|
window._header_componentHandler = this;
|
|
|
|
|
|
|
|
|
|
|
|
//下拉框的显示隐藏
|
|
|
|
//下拉框的显示隐藏
|
|
|
|
@ -633,11 +646,80 @@ submittojoinclass=(value)=>{
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
AccountProfiletype:false
|
|
|
|
AccountProfiletype:false
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
headtypesonClick=(url,bool)=>{
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
headtypess:url,
|
|
|
|
|
|
|
|
headtypesonClickbool:bool,
|
|
|
|
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
getAppdata=()=>{
|
|
|
|
|
|
|
|
// console.log("开始刷新数据了")
|
|
|
|
|
|
|
|
let url = "/setting.json";
|
|
|
|
|
|
|
|
axios.get(url).then((response) => {
|
|
|
|
|
|
|
|
// console.log("axios.get");
|
|
|
|
|
|
|
|
// console.log(response);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if(response){
|
|
|
|
|
|
|
|
if(response.data){
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
mygetHelmetapi2:response.data.setting
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
document.title = response.data.setting.name;
|
|
|
|
|
|
|
|
var link = document.createElement('link'),
|
|
|
|
|
|
|
|
oldLink = document.getElementById('dynamic-favicon');
|
|
|
|
|
|
|
|
link.id = 'dynamic-favicon';
|
|
|
|
|
|
|
|
link.rel = 'shortcut icon';
|
|
|
|
|
|
|
|
link.href = '/'+response.data.setting.tab_logo_url;
|
|
|
|
|
|
|
|
if (oldLink) {
|
|
|
|
|
|
|
|
document.head.removeChild(oldLink);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
document.head.appendChild(link);
|
|
|
|
|
|
|
|
}else {
|
|
|
|
|
|
|
|
document.title = "EduCoder";
|
|
|
|
|
|
|
|
var link = document.createElement('link'),
|
|
|
|
|
|
|
|
oldLink = document.getElementById('dynamic-favicon');
|
|
|
|
|
|
|
|
link.id = 'dynamic-favicon';
|
|
|
|
|
|
|
|
link.rel = 'shortcut icon';
|
|
|
|
|
|
|
|
link.href = "/react/build/./favicon.ico";
|
|
|
|
|
|
|
|
if (oldLink) {
|
|
|
|
|
|
|
|
document.head.removeChild(oldLink);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
document.head.appendChild(link);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}else{
|
|
|
|
|
|
|
|
document.title = "EduCoder";
|
|
|
|
|
|
|
|
var link = document.createElement('link'),
|
|
|
|
|
|
|
|
oldLink = document.getElementById('dynamic-favicon');
|
|
|
|
|
|
|
|
link.id = 'dynamic-favicon';
|
|
|
|
|
|
|
|
link.rel = 'shortcut icon';
|
|
|
|
|
|
|
|
link.href = "/react/build/./favicon.ico";
|
|
|
|
|
|
|
|
if (oldLink) {
|
|
|
|
|
|
|
|
document.head.removeChild(oldLink);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
document.head.appendChild(link);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}).catch((error) => {
|
|
|
|
|
|
|
|
console.log("开始刷新定制数据了但报错了");
|
|
|
|
|
|
|
|
console.log(error);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
document.title = "EduCoder";
|
|
|
|
|
|
|
|
var link = document.createElement('link'),
|
|
|
|
|
|
|
|
oldLink = document.getElementById('dynamic-favicon');
|
|
|
|
|
|
|
|
link.id = 'dynamic-favicon';
|
|
|
|
|
|
|
|
link.rel = 'shortcut icon';
|
|
|
|
|
|
|
|
link.href = "/react/build/./favicon.ico";
|
|
|
|
|
|
|
|
if (oldLink) {
|
|
|
|
|
|
|
|
document.head.removeChild(oldLink);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
document.head.appendChild(link);
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
};
|
|
|
|
render() {
|
|
|
|
render() {
|
|
|
|
const isLogin = true; // 这里不会出现未登录的情况，服务端在服务端路由时发现如果是未登录，则跳转到登录页了。
|
|
|
|
const isLogin = true; // 这里不会出现未登录的情况，服务端在服务端路由时发现如果是未登录，则跳转到登录页了。
|
|
|
|
const {match ,} = this.props;
|
|
|
|
const {match,} = this.props;
|
|
|
|
|
|
|
|
|
|
|
|
let {Addcoursestypes,
|
|
|
|
let {Addcoursestypes,
|
|
|
|
tojoinitemtype,
|
|
|
|
tojoinitemtype,
|
|
|
|
@ -655,35 +737,127 @@ submittojoinclass=(value)=>{
|
|
|
|
user,
|
|
|
|
user,
|
|
|
|
isRender,
|
|
|
|
isRender,
|
|
|
|
showSearchOpentype,
|
|
|
|
showSearchOpentype,
|
|
|
|
|
|
|
|
headtypesonClickbool,
|
|
|
|
|
|
|
|
headtypess,
|
|
|
|
|
|
|
|
mygetHelmetapi2,
|
|
|
|
}=this.state;
|
|
|
|
}=this.state;
|
|
|
|
/*
|
|
|
|
/*
|
|
|
|
用户名称 用户头像url
|
|
|
|
用户名称 用户头像url
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
let activeIndex = false;
|
|
|
|
let activeIndex = false;
|
|
|
|
let activeForums = false;
|
|
|
|
let activeForums = false;
|
|
|
|
let activeShixuns = false;
|
|
|
|
let activeShixuns = false;
|
|
|
|
let activePaths = false;
|
|
|
|
let activePaths = false;
|
|
|
|
let coursestype=false;
|
|
|
|
let coursestype=false;
|
|
|
|
let activePackages=false;
|
|
|
|
let activePackages=false;
|
|
|
|
let activeMoopCases=false;
|
|
|
|
let activeMoopCases=false;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (match.path === '/forums') {
|
|
|
|
if (match.path === '/forums') {
|
|
|
|
activeForums = true;
|
|
|
|
activeForums = true;
|
|
|
|
} else if (match.path.startsWith('/shixuns')) {
|
|
|
|
} else if (match.path.startsWith('/shixuns')) {
|
|
|
|
activeShixuns = true;
|
|
|
|
activeShixuns = true;
|
|
|
|
}else if (match.path.startsWith('/paths')) {
|
|
|
|
}else if (match.path.startsWith('/paths')) {
|
|
|
|
activePaths = true;
|
|
|
|
activePaths = true;
|
|
|
|
} else if (match.path.startsWith('/courses')) {
|
|
|
|
} else if (match.path.startsWith('/courses')) {
|
|
|
|
coursestype = true;
|
|
|
|
coursestype = true;
|
|
|
|
}else if (match.path.startsWith('/crowdsourcing')) {
|
|
|
|
}else if (match.path.startsWith('/crowdsourcing')) {
|
|
|
|
activePackages = true;
|
|
|
|
activePackages = true;
|
|
|
|
}else if(match.path.startsWith('/moop_cases')){
|
|
|
|
}else if(match.path.startsWith('/moop_cases')){
|
|
|
|
activeMoopCases = true;
|
|
|
|
activeMoopCases = true;
|
|
|
|
}else {
|
|
|
|
}else {
|
|
|
|
activeIndex = true;
|
|
|
|
activeIndex = true;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let headtypes='/';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// console.log("mygetHelmetapi2");
|
|
|
|
|
|
|
|
// console.log(mygetHelmetapi2);
|
|
|
|
|
|
|
|
if(mygetHelmetapi2){
|
|
|
|
|
|
|
|
if(mygetHelmetapi2.navbar){
|
|
|
|
|
|
|
|
if(mygetHelmetapi2.navbar.length>0){
|
|
|
|
|
|
|
|
// console.log("mygetHelmetapi2.navbar.length>0====-=-=--=-=-=-=");
|
|
|
|
|
|
|
|
//
|
|
|
|
|
|
|
|
// console.log(match.path);
|
|
|
|
|
|
|
|
if(match.path==='/'){
|
|
|
|
|
|
|
|
if(headtypesonClickbool===false){
|
|
|
|
|
|
|
|
headtypes=undefined;
|
|
|
|
|
|
|
|
}else{
|
|
|
|
|
|
|
|
headtypes=headtypess;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}else {
|
|
|
|
|
|
|
|
for(var i=0;i<mygetHelmetapi2.navbar.length;i++){
|
|
|
|
|
|
|
|
if(match.path===mygetHelmetapi2.navbar[i].link){
|
|
|
|
|
|
|
|
headtypes=mygetHelmetapi2.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(mygetHelmetapi2);
|
|
|
|
|
|
|
|
// console.log("NewHeadermygetHelmetapi123123123123");
|
|
|
|
|
|
|
|
// console.log(mygetHelmetapi2);
|
|
|
|
|
|
|
|
// console.log(this.props);
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
|
|
|
|
|
|
|
|
<div className="newHeaders" id="nHeader" >
|
|
|
|
<div className="newHeaders" id="nHeader" >
|
|
|
|
@ -699,9 +873,14 @@ submittojoinclass=(value)=>{
|
|
|
|
{...this.props}
|
|
|
|
{...this.props}
|
|
|
|
{...this.state}
|
|
|
|
{...this.state}
|
|
|
|
/>:""}
|
|
|
|
/>:""}
|
|
|
|
<Link to="/" className={"fl mr30 ml25 mt10"}>
|
|
|
|
<a href={"/"} onClick={()=>this.headtypesonClick("/",false)} className={"fl mr30 ml25 mt10"}>
|
|
|
|
<img alt="高校智能化教学与实训平台" className="logoimg" src={getImageUrl("images/educoder/headNavLogo.png?1526520218")}></img>
|
|
|
|
{
|
|
|
|
</Link>
|
|
|
|
mygetHelmetapi2===undefined||mygetHelmetapi2.nav_logo_url===null||mygetHelmetapi2.nav_logo_url===undefined?
|
|
|
|
|
|
|
|
<img alt="高校智能化教学与实训平台" className="logoimg" style={{heigth:"40px"}} src={getImageUrl("images/educoder/headNavLogo.png?1526520218")}></img>
|
|
|
|
|
|
|
|
:
|
|
|
|
|
|
|
|
<img alt="高校智能化教学与实训平台" className="logoimg" style={{heigth:"40px"}} src={getImageUrl(mygetHelmetapi2.nav_logo_url)}></img>
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
<style>
|
|
|
|
{
|
|
|
|
{
|
|
|
|
@ -714,70 +893,219 @@ submittojoinclass=(value)=>{
|
|
|
|
`
|
|
|
|
`
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|
<div className="educontents fl">
|
|
|
|
{
|
|
|
|
{/*<%= link_to image_tag("/images/educoder/logo.png", alt:"高校智能化教学与实训平台", className:"logoimg"), home_path %>*/}
|
|
|
|
mygetHelmetapi2!==undefined&&mygetHelmetapi2.navbar!==null&&mygetHelmetapi2.navbar!==undefined&&mygetHelmetapi2.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>*/}
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
mygetHelmetapi2.navbar && mygetHelmetapi2.navbar.map((item,key)=>{
|
|
|
|
|
|
|
|
// console.log("headtypes");
|
|
|
|
|
|
|
|
// console.log(headtypes);hidden
|
|
|
|
|
|
|
|
var str=new RegExp("http");
|
|
|
|
|
|
|
|
var strbool=false;
|
|
|
|
|
|
|
|
//test方法返回值为(true或者false)
|
|
|
|
|
|
|
|
if(item.link){
|
|
|
|
|
|
|
|
if(str.test(item.link)===true){
|
|
|
|
|
|
|
|
strbool=true
|
|
|
|
|
|
|
|
}else{
|
|
|
|
|
|
|
|
strbool=false
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
console.log(item.hidden);
|
|
|
|
|
|
|
|
return(
|
|
|
|
|
|
|
|
<li key={key} onClick={()=>this.headtypesonClick(item.link,true)} className={`${headtypes===undefined?'pr':headtypes===item.link?'pr active':'pr'}`} style={item.hidden==false?{display: 'block'}:{display: 'none'}}>
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
strbool===true?
|
|
|
|
|
|
|
|
<a href={item.link}>{item.name}</a>
|
|
|
|
|
|
|
|
:
|
|
|
|
|
|
|
|
<Link to={item.link}>{item.name}</Link>
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
</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>
|
|
|
|
|
|
|
|
// :mygetHelmetapi2===undefined||mygetHelmetapi2.navbar===null||mygetHelmetapi2.navbar===undefined||mygetHelmetapi2.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><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" 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>
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
<style>
|
|
|
|
{
|
|
|
|
{
|
|
|
|
|
