import React,{ Component } from "react";
import axios from 'axios';
import '../signin/css/signincdi.css';
import Videostatisticscom from './component/Videostatisticscom';
import Videostatisticslist from './component/Videostatisticslist';
import Videostatisticscomtwo from './component/Videostatisticscomtwo';


//在线学习
class Videostatistics extends Component{
	constructor(props){
		super(props);
    this.state={
			watch_staticsdata:[],
			tisticsbool:false,
			tisid:null,
			mytitle:""
		}


	}

	componentDidMount() {
		this.togetdatas();
	}
	details=()=>{

	}

   togetdatas(){
		 const CourseId=this.props.match.params.coursesId;
		 let url=`/courses/${CourseId}/watch_statics.json`;
		 axios.get(url).then((response) => {
			 if(response){
         this.setState({
					 watch_staticsdata:response.data,
				 })

			 }

		 }).catch((error) => {


		 });
	 }

	tisticsbools=(bool,id,mytitle)=>{
		this.setState({
			tisticsbool:bool,
			tisid:id,
			mytitle:mytitle
		})
	}


	render(){
		let {watch_staticsdata,tisticsbool,tisid,mytitle}= this.state;

		return(
			<React.Fragment>
				<div className="ws100s">
					{
						tisticsbool===false?
							<div className="ws100s" style={{
								position: "relative",
							}}>

								<Videostatisticscom {...this.state} {...this.props} watch_staticsdata={watch_staticsdata} statisticsy={(b)=>this.props.statisticsy(b)}></Videostatisticscom>



								<div>
									<Videostatisticslist  {...this.state} {...this.props} tisticsbools={(b,id,t)=>this.tisticsbools(b,id,t)}></Videostatisticslist>


								</div>
							</div>
							:
            <Videostatisticscomtwo  {...this.state} {...this.props} tisid={tisid} mytitle={mytitle} tisticsbools={(b,id,t)=>this.tisticsbools(b,id,t)}></Videostatisticscomtwo>
					}

				</div>
			</React.Fragment>
		)
	}
}
export default Videostatistics;