parent
859f7f8e20
commit
3ada8de3e9
@ -1,132 +1,134 @@
|
|||||||
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)
|
let user_id=this.props.current_user&&this.props.current_user.user_id;
|
||||||
return(
|
let user_type=this.props.current_user&&this.props.current_user.user_identity;
|
||||||
<div className="bannerPanel mb60">
|
let targetuserid=this.props.data&&this.props.data.id;
|
||||||
<div className="educontent">
|
return(
|
||||||
<div className="clearfix color-white mb25">
|
<div className="bannerPanel mb60">
|
||||||
<p className="myPhoto mr20 fl"><img alt="头像" src={data && `${getImageUrl('images/'+data.avatar_url)}`}/></p>
|
<div className="educontent">
|
||||||
<div className="fl">
|
<div className="clearfix color-white mb25">
|
||||||
<p className="clearfix mt20">
|
<p className="myPhoto mr20 fl"><img alt="头像" src={data && `${getImageUrl('images/'+data.avatar_url)}`}/></p>
|
||||||
<span className="username task-hide" style={{"maxWidth":'370px'}}>{data && data.name}</span>
|
<div className="fl">
|
||||||
{
|
<p className="clearfix mt20">
|
||||||
data && is_current == false && data.identity =="学生" ? "" :
|
<span className="username task-hide" style={{"maxWidth":'370px'}}>{data && data.name}</span>
|
||||||
<span className="userpost"><label>{data && data.identity}</label></span>
|
{
|
||||||
}
|
data && is_current == false && data.identity =="学生" ? "" :
|
||||||
</p>
|
<span className="userpost"><label>{data && data.identity}</label></span>
|
||||||
<p className="mt15">
|
}
|
||||||
<Tooltip placement='bottom' title={ data && data.professional_certification ?"已职业认证":"未职业认证"}>
|
</p>
|
||||||
<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>
|
<p className="mt15">
|
||||||
</Tooltip>
|
<Tooltip placement='bottom' title={ data && data.professional_certification ?"已职业认证":"未职业认证"}>
|
||||||
<Tooltip placement='bottom' title={ data && data.authentication ?"已实名认证":"未实名认证"}>
|
<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.authentication ? "iconfont icon-renzhengshangjia font-18 user-colorgrey-green":"iconfont icon-renzhengshangjia font-18 user-colorgrey-B8"}></i>
|
</Tooltip>
|
||||||
</Tooltip>
|
<Tooltip placement='bottom' title={ data && data.authentication ?"已实名认证":"未实名认证"}>
|
||||||
</p>
|
<i className={ data && data.authentication ? "iconfont icon-renzhengshangjia font-18 user-colorgrey-green":"iconfont icon-renzhengshangjia font-18 user-colorgrey-B8"}></i>
|
||||||
</div>
|
</Tooltip>
|
||||||
<div className="fr">
|
</p>
|
||||||
<div class="fl headtab mt20">
|
</div>
|
||||||
<span>{is_current ? "我":"TA"}的经验值</span>
|
<div className="fr">
|
||||||
<a style={{"cursor":"default"}}>{data && data.experience}</a>
|
<div class="fl headtab mt20">
|
||||||
</div>
|
<span>{is_current ? "我":"TA"}的经验值</span>
|
||||||
<div class="fl headtab mt20 pr leftTransform pl20">
|
<a style={{"cursor":"default"}}>{data && data.experience}</a>
|
||||||
<span>{is_current ? "我":"TA"}的金币</span>
|
</div>
|
||||||
<a style={{"cursor":"default"}}>{data && data.grade}</a>
|
<div class="fl headtab mt20 pr leftTransform pl20">
|
||||||
</div>
|
<span>{is_current ? "我":"TA"}的金币</span>
|
||||||
{
|
<a style={{"cursor":"default"}}>{data && data.grade}</a>
|
||||||
is_current ?
|
</div>
|
||||||
<span className="fl mt35 ml60">
|
{
|
||||||
{
|
is_current ?
|
||||||
data && data.attendance_signed ?
|
<span className="fl mt35 ml60">
|
||||||
<span className="user_default_btn user_grey_btn font-18">已签到</span>
|
{
|
||||||
:
|
data && data.attendance_signed ?
|
||||||
<a herf="javascript:void(0);" onClick={this.props.signFor} className="user_default_btn user_yellow_btn fl font-18">签到</a>
|
<span className="user_default_btn user_grey_btn font-18">已签到</span>
|
||||||
}
|
:
|
||||||
</span>
|
<a herf="javascript:void(0);" onClick={this.props.signFor} className="user_default_btn user_yellow_btn fl font-18">签到</a>
|
||||||
:
|
}
|
||||||
<span className="fl mt35 ml60">
|
</span>
|
||||||
<LinkAfterLogin
|
:
|
||||||
{...this.props}
|
<span className="fl mt35 ml60">
|
||||||
{...this.state}
|
<LinkAfterLogin
|
||||||
className="user_default_btn user_yellow_btn fl font-18"
|
{...this.props}
|
||||||
to={`/messages/${login}/message_detail?target_ids=${id}`}
|
{...this.state}
|
||||||
>
|
className="user_default_btn user_yellow_btn fl font-18"
|
||||||
私信
|
to={`/messages/${login}/message_detail?target_ids=${id}`}
|
||||||
</LinkAfterLogin>
|
>
|
||||||
</span>
|
私信
|
||||||
}
|
</LinkAfterLogin>
|
||||||
</div>
|
</span>
|
||||||
</div>
|
}
|
||||||
<div className="userNav">
|
</div>
|
||||||
<li className={`${moduleName == 'courses' ||moduleName == undefined ? 'active' : '' }`}>
|
</div>
|
||||||
<Link
|
<div className="userNav">
|
||||||
onClick={() => this.setState({moduleName: 'courses'})}
|
<li className={`${moduleName == 'courses' ||moduleName == undefined ? 'active' : '' }`}>
|
||||||
to={`/users/${username}/courses`}>翻转课堂</Link>
|
<Link
|
||||||
</li>
|
onClick={() => this.setState({moduleName: 'courses'})}
|
||||||
<li className={`${moduleName == 'shixuns' ? 'active' : '' }`}>
|
to={`/users/${username}/courses`}>翻转课堂</Link>
|
||||||
<Link
|
</li>
|
||||||
onClick={() => this.setState({moduleName: 'shixuns'})}
|
<li className={`${moduleName == 'shixuns' ? 'active' : '' }`}>
|
||||||
to={`/users/${username}/shixuns`}>开发社区</Link>
|
<Link
|
||||||
</li>
|
onClick={() => this.setState({moduleName: 'shixuns'})}
|
||||||
<li className={`${moduleName == 'paths' ? 'active' : '' }`}>
|
to={`/users/${username}/shixuns`}>开发社区</Link>
|
||||||
<Link
|
</li>
|
||||||
onClick={() => this.setState({moduleName: 'paths'})}
|
<li className={`${moduleName == 'paths' ? 'active' : '' }`}>
|
||||||
to={`/users/${username}/paths`}>实践课程</Link>
|
<Link
|
||||||
</li>
|
onClick={() => this.setState({moduleName: 'paths'})}
|
||||||
<li className={`${moduleName == 'projects' ? 'active' : '' }`}>
|
to={`/users/${username}/paths`}>实践课程</Link>
|
||||||
<Link
|
</li>
|
||||||
onClick={() => this.setState({moduleName: 'projects'})}
|
<li className={`${moduleName == 'projects' ? 'active' : '' }`}>
|
||||||
to={`/users/${username}/projects`}>项目</Link>
|
<Link
|
||||||
</li>
|
onClick={() => this.setState({moduleName: 'projects'})}
|
||||||
<li className={`${moduleName == 'package' ? 'active' : '' }`}>
|
to={`/users/${username}/projects`}>项目</Link>
|
||||||
<Link
|
</li>
|
||||||
onClick={() => this.setState({moduleName: 'package'})}
|
<li className={`${moduleName == 'package' ? 'active' : '' }`}>
|
||||||
to={`/users/${username}/package`}>众包</Link>
|
<Link
|
||||||
</li>
|
onClick={() => this.setState({moduleName: 'package'})}
|
||||||
{((is_current && current_user && current_user.is_teacher ) || current_user && current_user.admin)
|
to={`/users/${username}/package`}>众包</Link>
|
||||||
&& <li className={`${moduleName == 'videos' ? 'active' : '' }`}>
|
</li>
|
||||||
<Link
|
{((is_current && current_user && current_user.is_teacher ) || current_user && current_user.admin)
|
||||||
onClick={() => this.setState({moduleName: 'videos'})}
|
&& <li className={`${moduleName == 'videos' ? 'active' : '' }`}>
|
||||||
to={`/users/${username}/videos`}>视频</Link>
|
<Link
|
||||||
</li>}
|
onClick={() => this.setState({moduleName: 'videos'})}
|
||||||
|
to={`/users/${username}/videos`}>视频</Link>
|
||||||
{((is_current && current_user && current_user.is_teacher ) || current_user && current_user.admin)
|
</li>}
|
||||||
&& <li className={`${moduleName == 'videos' ? 'active' : '' }`}>
|
|
||||||
<Link
|
{/*自己的主页且不是学生显示题库按钮*/}
|
||||||
onClick={() => this.setState({moduleName: 'videos'})}
|
{ user_id===targetuserid&&user_type!="学生"?<li className={`${moduleName == 'videos' ? 'active' : '' }`}>
|
||||||
to={`/users/${username}/videos`}>题库</Link>
|
<Link
|
||||||
</li>}
|
onClick={() => this.setState({moduleName: 'videos'})}
|
||||||
|
to={`/users/${username}/videos`}>题库</Link>
|
||||||
</div>
|
</li>:""}
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
)
|
</div>
|
||||||
}
|
</div>
|
||||||
}
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
export default InfosBanner;
|
export default InfosBanner;
|
||||||
Loading…
Reference in new issue