You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
74 lines
2.4 KiB
74 lines
2.4 KiB
import React, { Component } from 'react';
|
|
|
|
import Drawer from 'material-ui/Drawer';
|
|
|
|
import PropTypes from 'prop-types';
|
|
|
|
|
|
// import TaskListContainer from '../taskList/TaskListContainer'
|
|
|
|
import axios from 'axios';
|
|
|
|
class LeftNav extends Component {
|
|
|
|
constructor(props) {
|
|
super(props);
|
|
this.state = {open: false};
|
|
}
|
|
|
|
handleToggle = () => this.setState({open: !this.state.open});
|
|
|
|
handleClose = () => this.setState({open: false});
|
|
|
|
render() {
|
|
const open = this.state.open;
|
|
return (
|
|
<div>
|
|
<Drawer
|
|
className="leftNavDrawer"
|
|
width={500}
|
|
open={open}
|
|
onClose={() => this.setState({open: false})}
|
|
>
|
|
{/*<TaskListContainer></TaskListContainer>*/}
|
|
|
|
</Drawer>
|
|
|
|
<div className="page--leftnav">
|
|
|
|
<div className="user-info">
|
|
<a href="/users/p69243850" alt="用户头像" className="user-info-img">
|
|
<img alt="0?1442652658" height="50" src="/images/avatars/User/0?1442652658" width="50"/>
|
|
</a>
|
|
<a href="/users/p69243850" className="user-info-name">Jimmy</a>
|
|
</div>
|
|
<div className="leftnav">
|
|
<ul>
|
|
<li className="leftnav-box">
|
|
<a href="/myshixuns/8vrwcu74b5/stages/evmfk4txwyi3" className={`leftnav-box-inner ${open ? '' : 'leftnav-active' }`} id="current_task_tab" data-remote="true">
|
|
<i className="fa fa-gamepad font-20"></i><br/><span className="font-12">当前任务</span>
|
|
</a></li>
|
|
<li className={`leftnav-box`} onClick={this.handleToggle}>
|
|
<a href="javascript:void(0);" className={`leftnav-box-inner ${open ? 'leftnav-active' : '' }`} id="all_task_tab">
|
|
<i className="fa fa-tasks font-20"></i><br/><span className="font-12">全部任务</span><br/><span className="btn-cir all_work_border">4</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div className="leftnav" style={{position: 'fixed', bottom:0}}>
|
|
<a href="/shixuns/uznmbg54?exit=true" className="leftnav-box-inner" id="exit_task_tab">
|
|
<i className="fa fa-arrow-left font-20"></i><br/><span className="font-12">退出实训</span>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
);
|
|
}
|
|
}
|
|
|
|
export default LeftNav;
|