Merge branch 'dev_aliyun' of https://bdgit.educoder.net/Hjqreturn/educoder into dev_aliyun
commit
b07eb7c83c
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -1,132 +1,124 @@
|
|||||||
import React, { Component } from 'react';
|
import React, { Component } from 'react';
|
||||||
|
|
||||||
import {Link} from 'react-router-dom';
|
import {Link} from 'react-router-dom';
|
||||||
import {Tooltip,Menu} from 'antd';
|
import {Tooltip,Menu} from 'antd';
|
||||||
import {getImageUrl} from 'educoder';
|
import {getImageUrl} from 'educoder';
|
||||||
|
|
||||||
import "./usersInfo.css"
|
import "./usersInfo.css"
|
||||||
import "../../courses/css/members.css"
|
import "../../courses/css/members.css"
|
||||||
import "../../courses/css/Courses.css"
|
import "../../courses/css/Courses.css"
|
||||||
|
|
||||||
import { LinkAfterLogin } from 'educoder'
|
import { LinkAfterLogin } from 'educoder'
|
||||||
|
|
||||||
class InfosBanner extends Component{
|
class InfosBanner extends Component{
|
||||||
constructor(props){
|
constructor(props){
|
||||||
super(props);
|
super(props);
|
||||||
}
|
}
|
||||||
render(){
|
render(){
|
||||||
let {
|
let {
|
||||||
data ,
|
data ,
|
||||||
id,
|
id,
|
||||||
login,
|
login,
|
||||||
moduleName,
|
moduleName,
|
||||||
current_user,
|
current_user,
|
||||||
}=this.props;
|
}=this.props;
|
||||||
let is_current=this.props.is_current;
|
let is_current=this.props.is_current;
|
||||||
let {username}= this.props.match.params;
|
let {username}= this.props.match.params;
|
||||||
let {pathname}=this.props.location;
|
let {pathname}=this.props.location;
|
||||||
moduleName=pathname.split("/")[3];
|
moduleName=pathname.split("/")[3];
|
||||||
|
|
||||||
console.log(is_current)
|
return(
|
||||||
return(
|
<div className="bannerPanel mb60">
|
||||||
<div className="bannerPanel mb60">
|
<div className="educontent">
|
||||||
<div className="educontent">
|
<div className="clearfix color-white mb25">
|
||||||
<div className="clearfix color-white mb25">
|
<p className="myPhoto mr20 fl"><img alt="头像" src={data && `${getImageUrl('images/'+data.avatar_url)}`}/></p>
|
||||||
<p className="myPhoto mr20 fl"><img alt="头像" src={data && `${getImageUrl('images/'+data.avatar_url)}`}/></p>
|
<div className="fl">
|
||||||
<div className="fl">
|
<p className="clearfix mt20">
|
||||||
<p className="clearfix mt20">
|
<span className="username task-hide" style={{"maxWidth":'370px'}}>{data && data.name}</span>
|
||||||
<span className="username task-hide" style={{"maxWidth":'370px'}}>{data && data.name}</span>
|
{
|
||||||
{
|
data && is_current == false && data.identity =="学生" ? "" :
|
||||||
data && is_current == false && data.identity =="学生" ? "" :
|
<span className="userpost"><label>{data && data.identity}</label></span>
|
||||||
<span className="userpost"><label>{data && data.identity}</label></span>
|
}
|
||||||
}
|
</p>
|
||||||
</p>
|
<p className="mt15">
|
||||||
<p className="mt15">
|
<Tooltip placement='bottom' title={ data && data.professional_certification ?"已职业认证":"未职业认证"}>
|
||||||
<Tooltip placement='bottom' title={ data && data.professional_certification ?"已职业认证":"未职业认证"}>
|
<i className={ data && data.professional_certification ? "iconfont icon-shenfenzhenghaomaguizheng font-18 user-colorgrey-green mr20 ml2":"iconfont icon-shenfenzhenghaomaguizheng font-18 user-colorgrey-B8 mr20 ml2"}></i>
|
||||||
<i className={ data && data.professional_certification ? "iconfont icon-shenfenzhenghaomaguizheng font-18 user-colorgrey-green mr20 ml2":"iconfont icon-shenfenzhenghaomaguizheng font-18 user-colorgrey-B8 mr20 ml2"}></i>
|
</Tooltip>
|
||||||
</Tooltip>
|
<Tooltip placement='bottom' title={ data && data.authentication ?"已实名认证":"未实名认证"}>
|
||||||
<Tooltip placement='bottom' title={ data && data.authentication ?"已实名认证":"未实名认证"}>
|
<i className={ data && data.authentication ? "iconfont icon-renzhengshangjia font-18 user-colorgrey-green":"iconfont icon-renzhengshangjia font-18 user-colorgrey-B8"}></i>
|
||||||
<i className={ data && data.authentication ? "iconfont icon-renzhengshangjia font-18 user-colorgrey-green":"iconfont icon-renzhengshangjia font-18 user-colorgrey-B8"}></i>
|
</Tooltip>
|
||||||
</Tooltip>
|
</p>
|
||||||
</p>
|
</div>
|
||||||
</div>
|
<div className="fr">
|
||||||
<div className="fr">
|
<div class="fl headtab mt20">
|
||||||
<div class="fl headtab mt20">
|
<span>{is_current ? "我":"TA"}的经验值</span>
|
||||||
<span>{is_current ? "我":"TA"}的经验值</span>
|
<a style={{"cursor":"default"}}>{data && data.experience}</a>
|
||||||
<a style={{"cursor":"default"}}>{data && data.experience}</a>
|
</div>
|
||||||
</div>
|
<div class="fl headtab mt20 pr leftTransform pl20">
|
||||||
<div class="fl headtab mt20 pr leftTransform pl20">
|
<span>{is_current ? "我":"TA"}的金币</span>
|
||||||
<span>{is_current ? "我":"TA"}的金币</span>
|
<a style={{"cursor":"default"}}>{data && data.grade}</a>
|
||||||
<a style={{"cursor":"default"}}>{data && data.grade}</a>
|
</div>
|
||||||
</div>
|
{
|
||||||
{
|
is_current ?
|
||||||
is_current ?
|
<span className="fl mt35 ml60">
|
||||||
<span className="fl mt35 ml60">
|
{
|
||||||
{
|
data && data.attendance_signed ?
|
||||||
data && data.attendance_signed ?
|
<span className="user_default_btn user_grey_btn font-18">已签到</span>
|
||||||
<span className="user_default_btn user_grey_btn font-18">已签到</span>
|
:
|
||||||
:
|
<a herf="javascript:void(0);" onClick={this.props.signFor} className="user_default_btn user_yellow_btn fl font-18">签到</a>
|
||||||
<a herf="javascript:void(0);" onClick={this.props.signFor} className="user_default_btn user_yellow_btn fl font-18">签到</a>
|
}
|
||||||
}
|
</span>
|
||||||
</span>
|
:
|
||||||
:
|
<span className="fl mt35 ml60">
|
||||||
<span className="fl mt35 ml60">
|
<LinkAfterLogin
|
||||||
<LinkAfterLogin
|
{...this.props}
|
||||||
{...this.props}
|
{...this.state}
|
||||||
{...this.state}
|
className="user_default_btn user_yellow_btn fl font-18"
|
||||||
className="user_default_btn user_yellow_btn fl font-18"
|
to={`/messages/${login}/message_detail?target_ids=${id}`}
|
||||||
to={`/messages/${login}/message_detail?target_ids=${id}`}
|
>
|
||||||
>
|
私信
|
||||||
私信
|
</LinkAfterLogin>
|
||||||
</LinkAfterLogin>
|
</span>
|
||||||
</span>
|
}
|
||||||
}
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div className="userNav">
|
||||||
<div className="userNav">
|
<li className={`${moduleName == 'courses' ||moduleName == undefined ? 'active' : '' }`}>
|
||||||
<li className={`${moduleName == 'courses' ||moduleName == undefined ? 'active' : '' }`}>
|
<Link
|
||||||
<Link
|
onClick={() => this.setState({moduleName: 'courses'})}
|
||||||
onClick={() => this.setState({moduleName: 'courses'})}
|
to={`/users/${username}/courses`}>翻转课堂</Link>
|
||||||
to={`/users/${username}/courses`}>翻转课堂</Link>
|
</li>
|
||||||
</li>
|
<li className={`${moduleName == 'shixuns' ? 'active' : '' }`}>
|
||||||
<li className={`${moduleName == 'shixuns' ? 'active' : '' }`}>
|
<Link
|
||||||
<Link
|
onClick={() => this.setState({moduleName: 'shixuns'})}
|
||||||
onClick={() => this.setState({moduleName: 'shixuns'})}
|
to={`/users/${username}/shixuns`}>实训项目</Link>
|
||||||
to={`/users/${username}/shixuns`}>开发社区</Link>
|
</li>
|
||||||
</li>
|
<li className={`${moduleName == 'paths' ? 'active' : '' }`}>
|
||||||
<li className={`${moduleName == 'paths' ? 'active' : '' }`}>
|
<Link
|
||||||
<Link
|
onClick={() => this.setState({moduleName: 'paths'})}
|
||||||
onClick={() => this.setState({moduleName: 'paths'})}
|
to={`/users/${username}/paths`}>实践课程</Link>
|
||||||
to={`/users/${username}/paths`}>实践课程</Link>
|
</li>
|
||||||
</li>
|
<li className={`${moduleName == 'projects' ? 'active' : '' }`}>
|
||||||
<li className={`${moduleName == 'projects' ? 'active' : '' }`}>
|
<Link
|
||||||
<Link
|
onClick={() => this.setState({moduleName: 'projects'})}
|
||||||
onClick={() => this.setState({moduleName: 'projects'})}
|
to={`/users/${username}/projects`}>开发项目</Link>
|
||||||
to={`/users/${username}/projects`}>项目</Link>
|
</li>
|
||||||
</li>
|
<li className={`${moduleName == 'package' ? 'active' : '' }`}>
|
||||||
<li className={`${moduleName == 'package' ? 'active' : '' }`}>
|
<Link
|
||||||
<Link
|
onClick={() => this.setState({moduleName: 'package'})}
|
||||||
onClick={() => this.setState({moduleName: 'package'})}
|
to={`/users/${username}/package`}>众包</Link>
|
||||||
to={`/users/${username}/package`}>众包</Link>
|
</li>
|
||||||
</li>
|
{((is_current && current_user && current_user.is_teacher ) || current_user && current_user.admin)
|
||||||
{((is_current && current_user && current_user.is_teacher ) || current_user && current_user.admin)
|
&& <li className={`${moduleName == 'videos' ? 'active' : '' }`}>
|
||||||
&& <li className={`${moduleName == 'videos' ? 'active' : '' }`}>
|
<Link
|
||||||
<Link
|
onClick={() => this.setState({moduleName: 'videos'})}
|
||||||
onClick={() => this.setState({moduleName: 'videos'})}
|
to={`/users/${username}/videos`}>视频</Link>
|
||||||
to={`/users/${username}/videos`}>视频</Link>
|
</li>}
|
||||||
</li>}
|
|
||||||
|
</div>
|
||||||
{((is_current && current_user && current_user.is_teacher ) || current_user && current_user.admin)
|
</div>
|
||||||
&& <li className={`${moduleName == 'videos' ? 'active' : '' }`}>
|
</div>
|
||||||
<Link
|
)
|
||||||
onClick={() => this.setState({moduleName: 'videos'})}
|
}
|
||||||
to={`/users/${username}/videos`}>题库</Link>
|
}
|
||||||
</li>}
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
export default InfosBanner;
|
export default InfosBanner;
|
||||||
Loading…
Reference in new issue