import React, {Component} from "react";
import { WordsBtn,on, off, trigger,markdownToHTML,getImageUrl} from 'educoder';
import {
	Button,
	Checkbox,
	message,
	InputNumber,
	DatePicker,
	Radio,
	Tooltip,
	notification,
} from "antd";
import './completetaskdetails.css';
import GroupPackage from "../groupjobbank/GroupPackage";
import GroupPackage2 from "../groupjobbank/GroupPackage2";
import AttachmentsList from "../../../common/components/attachment/AttachmentList";
import NoneData from '../../courses/coursesPublic/NoneData'



class Groupjobbandetails extends Component {

	constructor(props) {
		super(props);

		this.state = {

		}
	}

	componentDidMount() {
		console.log("Groupjobbandetails");
		console.log("componentDidMount");
		// let query = this.props.location.pathname;
		// const type = query.split('/');
		// this.setState({
		// 	shixuntypes:type[3]
		// })
		// this.props.triggerRef(this);




	}
	// 获取数据地方
	getTrainingjobsetting = () => {
		var homeworkid = this.props.match.params.homeworkid;
	}

	//跳转道描点的地方
	scrollToAnchor = (anchorName) => {
		if (anchorName) {
			// 找到锚点
			let anchorElement = document.getElementById(anchorName);
			// 如果对应id的锚点存在，就跳转到锚点
			if(anchorElement) { anchorElement.scrollIntoView(); }
		}
	};



	render() {
  let{datas}=this.props;
		return (
			<div className=" clearfix  edu-back-white"  ref='targetElementTrainingjobsetting' style={{margin:  "auto", minWidth:"1200px"}}>
				<div className="yslquestionbank1">
					{
						datas&&(datas.description===null?
								 <NoneData></NoneData>
								:datas.description==="null"?
									<NoneData></NoneData>
									:
									datas.description===""?
										<NoneData></NoneData>
										:
									<div id="MakedownHTML"className="markdown-body   yslquesHeigth yslquesmarkdowntext"  dangerouslySetInnerHTML={{__html: markdownToHTML(datas.description).replace(/▁/g, "▁▁▁")}}/>
						)
					}
					{/*<div id="MakedownHTML"className="markdown-body   yslquesHeigth yslquesmarkdowntext"  dangerouslySetInnerHTML={{__html: markdownToHTML(datas&&datas.description).replace(/▁/g, "▁▁▁")}}/>*/}

					{/*{datas.attachments === undefined ? "" : datas.attachments.map((item, key) => {*/}
					{/*	return (*/}
					{/*		<GroupPackage key={key} attachments={item}></GroupPackage>*/}
					{/*	)*/}
					{/*})}*/}
					<div className="mt24">
					{datas.attachments === undefined ? "" :
					<AttachmentsList {...this.state} {...this.props} attachments={datas.attachments} ></AttachmentsList>}
					</div>
					<GroupPackage2 datas={datas} bool={false}></GroupPackage2>

				</div>


			</div>


		)
	}
}

export default Groupjobbandetails;