import React, {Component} from "react";
import CoursesListType from '../coursesPublic/CoursesListType';
import {WordsBtn,ActionBtn,markdownToHTML} from 'educoder';
import GraduateTopicReply from '../graduation/topics/GraduateTopicReply'
import MemoDetailMDEditortwo from '../../forums/MemoDetailMDEditortwo'
import {
    Form,
    Select,
    Input,
    Button,
    Checkbox,
    Upload,
    Icon,
    message,
    Modal,
    Table,
    Divider,
    InputNumber,
    Tag,
    DatePicker,
    Radio,
    Tooltip,
    notification
} from "antd";
import {Link, Switch, Route, Redirect} from 'react-router-dom';
import axios from 'axios';
import '../css/members.css'
import "../common/formCommon.css"
import '../css/Courses.css'
import './style.css'
import 'antd/lib/pagination/style/index.css';
import './Challenges.css'
import CommonReply from "../common/comments/CommonReply";
import Homeworddescription from "../shixunHomework/Homeworddescription";
import ShixunWorkModal from './Shixunworkdetails/ShixunWorkModal';
import HomeworkModal from "../coursesPublic/HomeworkModal";
// import Homeworddescription from "../shixunHomework/Homeworddescription";

const TextArea = Input.TextArea

//GraduationTaskssetting.js


//作业问答页面
class Workquestionandanswer extends Component {
    //unifiedsetting 统一设置
    //allowreplenishment 允许补交
    //completionefficiencyscore 完成效率评分占比
    //level级别
    //proportion 比例
    constructor(props) {
        super(props);
        // this.props.form.setFieldsValue({
        //     radiogroup:1,
        //
        // });
        this.state ={
            // namestring:"JFinal是基于Java语言的极速web开发框架，其核心设计目标是开发迅速、代码量少、学习简单、功能强大、轻量级、易扩展、`Restful`。在拥有Java语言所有优势的同时再拥有`ruby`、`python`等动态语言的开发效率。\r\n\r\n在本实训中，我们将基于JFinal框架搭建一个在线商城。我们会学习到如何合理设计`Model`来进行数据表映射和数据操作、如何设计`Controller`对请求进行合理的处理…… 通过本实训，您不仅能收获到具体框架和技术的使用经验，也能对项目架构设计等知识有所了解或巩固。\r\n\r\n<div  align=\"center\">\r\n\t<img src=\"/attachments/download/170838\"  />\r\n</div>\r\n\r\n本实训聚焦一个在线商城项目的核心业务逻辑实现。你将在这一过程中收获Java Web项目设计的基本思想，也能得到编程能力的一次跃升。",
            props: props,
            starttimetype: false,
            endtimetype: false,
            latetimetype: false,
            allowlate: 1,
            latepenaltytype: false,
            unifiedsetting: false,
            allowreplenishment: undefined,
            completionefficiencyscore: false,
            proportion: undefined,
            level: undefined,
            ealuation: false,
            latededuction: undefined,
            latedeductiontwo: undefined,
            Showupdateinstructions:false,
            database: false,
            datasheet: false,
            databasetwo: undefined,
            datasheettwo: undefined,
            publicwork: undefined,
            memo: {id: "94", user_id: 1},
            polls_descriptiontest: "作业说明...",
            jobdescriptiondisplay:"none",
            score_open:false,
            code_review:false
        }
    }

    componentDidMount() {
        var homeworkid = this.props.match.params.homeworkid;
        // console.log(homeworkid)
        this.Gettitleinformation(homeworkid)
        let query = this.props.location.pathname;
        const type = query.split('/');
        this.setState({
            shixuntypes:type[3]
        })
    }

    isupdatas=()=>{
        var homeworkid = this.props.match.params.homeworkid;
        this.Gettitleinformation(homeworkid)
    }
     //获取题目信息
    Gettitleinformation = (homeworkid) => {
        // console.log("获取题目信息");
        let url = `/homework_commons/${homeworkid}.json`;
        axios.get(url).then((result) => {
            if (result.status === 200) {
                // console.log(url)
                // console.log("设置页")
                // console.log(JSON.stringify(result))
                this.setState({
                    jobsettingsdata:result,
                    ...result.data
                })
            }
        }).catch((error) => {
            console.log(error)
        })
    }
    jobdescriptiondisplaybj =()=>{
        this.setState({
            Showupdateinstructions:true,
        })
    }

    //统一设置
    onChange = (e) => {
        this.setState({
            unifiedsetting: e.target.checked,
        })
        // console.log(e.target.checked);
    }

    //立即发布
    homeworkstart = () => {
        let homeworkid=this.props.match.params.homeworkid;
        let url="/homework_commons/"+homeworkid+"/publish_groups.json";

        axios.get(url).then((response) => {

            if (response.status === 200) {
                let starttime = this.props.getNowFormatDates(1);
                let endtime = this.props.getNowFormatDates(2);
                this.setState({
                    modalname: "立即发布",
                    modaltype: response.data.course_groups === null || response.data.course_groups.length === 0 ? 2 : 1,
                    visible: true,
                    Topval: "本操作只对“未发布”的对象生效",
                    Botvalleft: "暂不发布",
                    Botval: "则通过后续手动设置，定时发布",
                    starttime: "发布时间：" + starttime,
                    endtime: "截止时间：" + endtime,
                    Cancelname: "暂不发布",
                    Savesname: "立即发布",
                    Cancel: this.homeworkhide,
                    Saves: this.homeworkstartend,
                    course_groups: response.data.course_groups,
										starttimes:starttime,
										typs:"start",
                })
            }
        }).catch((error) => {
            console.log(error)
        });

    }
    //立即截止
    homeworkends = () => {
        let homeworkid=this.props.match.params.homeworkid;
        let url="/homework_commons/"+homeworkid+"/end_groups.json";

        axios.get(url).then((response) => {

            if (response.status === 200) {
                this.setState({})
                this.setState({
                    modalname: "立即截止",
                    modaltype: response.data.course_groups === null || response.data.course_groups.length === 0 ? 2 : 1,
                    visible: true,
                    Topval: "本操作只对“提交中”的对象生效",
                    Botvalleft: "暂不截止",
                    Botval: "则将根据已设置的截止时间，定时截止",
                    Cancelname: "暂不截止",
                    Savesname: "立即截止",
                    Cancel: this.homeworkhide,
                    Saves: this.coursetaskend,
                    starttime: undefined,
                    endtime: undefined,
                    course_groups: response.data.course_groups,
								  	typs:"end",
                })
            }
        }).catch((error) => {
            console.log(error)
        });


    }
// 立即发布
    homeworkstartend = (ds,endtime) => {
        var homeworkid = this.props.match.params.homeworkid;
        let {course_groupslist} = this.state;

        let coursesId = this.props.match.params.coursesId;
        let url = "/courses/" + coursesId + "/homework_commons/publish_homework.json";
        axios.post(url, {
            homework_ids: [homeworkid],
            group_ids: course_groupslist,
				  	end_time:endtime,
        }).then((result) => {
            if (result.status === 200) {
                if (result.data.status === 0) {
                    notification.open({
                        message:"提示",
                        description:result.data.message
                    });
                    this.homeworkhide();
                }

            }
        }).catch((error) => {
            console.log(error);
        })
    }

    //立即截止确定按钮
    coursetaskend = () => {
        var homeworkid = this.props.match.params.homeworkid;
        let {course_groupslist} = this.state;


        const cid = this.props.match.params.coursesId;
        let url = "/courses/" + cid + "/homework_commons/end_homework.json";
        axios.post(url, {
              group_ids: course_groupslist,
              homework_ids: [homeworkid],
          })
          .then((response) => {
              if (response.data.status == 0) {
                  notification.open({
                      message:"提示",
                      description:response.data.message
                  });
                  this.homeworkhide()
              }
          })
          .catch(function (error) {
              console.log(error);
          });
    }
    ReleaseNotes=(explanations)=>{
        var homeworkid = this.props.match.params.homeworkid;
        let url=`/homework_commons/${homeworkid}/update_explanation.json`;
        axios.post((url), {
            explanation: explanations
        })
            .then((result)=>{
                if(result){
                    this.props.showNotification(`${result.data.message}`);
                    this.setState({
                        Showupdateinstructions:false
                    })
                    var homeworkid = this.props.match.params.homeworkid;
                    // console.log(homeworkid)
                    this.Gettitleinformation(homeworkid)
                }
            }).catch((error)=>{
            console.log(error);
        })
    }

    NOReleaseNotes=()=>{
        this.setState({
            Showupdateinstructions:false,
        })
    }
    workshowmodel=()=>{
        this.setState({
            showmodel:true
        })
    }

    hideshowmodel=()=>{
        this.setState({
            showmodel:false
        })
    }

	homeworkhide=()=>{
    	this.isupdatas()
		this.setState({
			modalname:undefined,
			modaltype:undefined,
			visible:false,
			Topval:undefined,
			Topvalright:undefined,
			Botvalleft:undefined,
			Botval:undefined,
			starttime:undefined,
			endtime:undefined,
			Cancelname:undefined,
			Savesname:undefined,
			Cancel:undefined,
			Saves:undefined,
			StudentList_value:undefined,
			addname:undefined,
			addnametype:false,
			addnametab:undefined,
			typs:undefined,
			starttimes:undefined,
		})
	}
	getcourse_groupslist=(id)=>{
		this.setState({
			course_groupslist:id
		})
	}
	render() {
        const dateFormat = 'YYYY-MM-DD HH:mm:ss';
        let {starttimetype, endtimetype, latetimetype, allowlate, latepenaltytype, jobsettingsdata,score_open,Showupdateinstructions
            , homework_id} = this.state;
        const radioStyle = {
            display: 'block',
            height: '30px',
            lineHeight: '30px',
        };
        const formItemLayout = {
            labelCol: {span: 6},
            wrapperCol: {span: 14},
        };
        let coursesId = this.props.match.params.coursesId;


        return (
            <div className="newMain clearfix ">
                {this.state.showmodel===true?<ShixunWorkModal
                  {...this.props}
                  visible={this.state.showmodel}
                  modalname={"代码查重"}
                  data={[]}
                  issCancel={()=>this.hideshowmodel()}
                  updatas={()=>this.isupdatas()}
                />:""}
							{/*立即发布*/}
							<HomeworkModal
								modaltype={this.state.modaltype}
								modalname={this.state.modalname}
								visible={this.state.visible}
								Topval={this.state.Topval}
								Topvalright={this.state.Topvalright}
								Botvalleft={this.state.Botvalleft}
								Botval={this.state.Botval}
								starttime={this.state.starttime}
								endtime={this.state.endtime}
								Cancelname={this.state.Cancelname}
								Savesname={this.state.Savesname}
								Cancel={this.state.Cancel}
								Saves={this.state.Saves}
								course_groups={this.state.course_groups}
								getcourse_groupslist={(id)=>this.getcourse_groupslist(id)}
								starttimes={this.state.starttimes}
								typs={this.state.typs}
							/>
                <div className={"educontent mb20"}>
                    <div className="educontent mb30">
                        <p className="clearfix mb20 mt10">
                            <ActionBtn className=" btn colorgrey fl hovercolorblue "
                                       to={"/courses/"+this.props.match.params.coursesId+"/students"}>{jobsettingsdata === undefined ? "" : jobsettingsdata.data.course_name}</ActionBtn>
                            <span className="color-grey-9 fl ml3 mr3">&gt;</span>
                            <ActionBtn
                                className=" btn colorgrey fl hovercolorblue "
                                to={`/courses/${this.props.match.params.coursesId}/${this.state.shixuntypes}/${jobsettingsdata===undefined?"":jobsettingsdata.data.category.category_id}`}>{jobsettingsdata === undefined ? "" : jobsettingsdata.data.category.category_name}</ActionBtn>
                            <span className="color-grey-9 fl ml3 mr3">&gt;</span>
                            <WordsBtn className="fl">作业详情</WordsBtn>
                        </p>
                    </div>
                    <div className="educontent mb30">
                        <p className=" fl color-black  summaryname">
                            {jobsettingsdata === undefined ? "" : jobsettingsdata.data.homework_name}
                        </p>
                        <CoursesListType
                            typelist={jobsettingsdata === undefined ? [""] : jobsettingsdata.data.homework_status}
                        />
                        <a className="color-grey-9 fr font-16  summaryname  ml20 mr20" href={`/courses/${this.state.props.match.params.coursesId}/${this.state.shixuntypes}/${jobsettingsdata === undefined ? "" :jobsettingsdata.data.category.category_id}`}>返回</a>
                        <a className="color-grey-9 fr font-16 mr20" href={`/shixuns/${jobsettingsdata===undefined?"":jobsettingsdata.data.shixun_identifier}/challenges`} target={"_blank"}>实训详情</a>


                    </div>
                    <div className="edu-back-white">
                        <div className="stud-class-set bor-bottom-greyE ">
                            <div className=" clearfix edu-back-white poll_list">
                                {this.props.isAdmin() === true? <Link
                                        to={`/courses/${this.state.props.match.params.coursesId}/${this.state.shixuntypes}/${this.state.props.match.params.homeworkid}/list`}>作品列表</Link>:
                                   <Link to={`/courses/${this.state.props.match.params.coursesId}/${this.state.shixuntypes}/${this.state.props.match.params.homeworkid}/openlist`}>作品列表</Link>
                                        // :<Link
                                        // to={`/courses/${this.state.props.match.params.coursesId}/${this.state.shixuntypes}/${this.state.props.match.params.homeworkid}/noopenlist`}>作品列表(学生完成)</Link>
                                }

                                <Link
                                    className="active"
                                    to={`/courses/${this.state.props.match.params.coursesId}/${this.state.shixuntypes}/${this.state.props.match.params.homeworkid}/questions`}>作业问答</Link>
                                {this.props.isAdmin()?
                                  this.state.code_review===false?"":<Link
                                    // to={`/courses/${this.state.props.match.params.coursesId}/${this.state.props.match.params.homeworkid}/student_work`}
                                    to={`/courses/${this.state.props.match.params.coursesId}/${this.state.shixuntypes}/${this.state.props.match.params.homeworkid}/student_work`}>
                                      代码查重</Link>:""}

                                <Link
                                    to={`/courses/${this.state.props.match.params.coursesId}/${this.state.shixuntypes}/${this.state.props.match.params.homeworkid}/settings`}
                                >设置</Link>
                                {/*<a className="fr color-blue font-16"   href={`/api/homework_commons/${this.props.match.params.coursesId}/works_list.xls`}>导出成绩</a>*/}
                                {this.props.isAdmin() ? <a
                                  className="fr color-blue font-16"
                                  href={`/api/homework_commons/${this.props.match.params.coursesId}/works_list.xlsx`}
                                >导出</a> : ""}
                                {this.props.isAdmin() ?jobsettingsdata&&jobsettingsdata.data.end_immediately===true?
                                  <a className="fr color-blue font-16" onClick={this.homeworkends}>立即截止</a>:"" : ""}
                                {this.props.isAdmin() ?jobsettingsdata&&jobsettingsdata.data.publish_immediately===true?
                                  <a className="fr color-blue font-16" onClick={this.homeworkstart}>立即发布</a> :"": ""}


                                {this.props.isAdmin()?
                                  this.state.code_review===true?
                                    <a className="fr color-blue font-16"  onClick={this.workshowmodel}>代码查重</a>
                                    :"":""}

                            </div>
                        </div>

                        {jobsettingsdata === undefined|| jobsettingsdata.data.description===null? "" :  <div className=" clearfix edu-back-white poll_list mt20 mr20 ">
                              <span>
                             <div className={"font-16 color-dark fl pl20 "}>
                                  <div dangerouslySetInnerHTML={{__html: markdownToHTML(jobsettingsdata.data.description).replace(/▁/g,"▁▁▁")}}></div>
                                 {/*    /!*{}}></div>
                                  {/*    /!*{jobsettingsdata.data.description}*!/*/}
                             {/*             <textarea>*/}
                             {/*    {*/}
                             {/*        this.state.namestring*/}
                             {/*    }*/}
                             {/*    </textarea>*/}
                             </div>
          {/*                        <div className="justify break_full_word new_li markdown-body"*/}
          {/*                             id="challenge_editorMd_description">*/}
          {/*  <p id="ReactMarkdown" style={{overflow:'hidden'}}>*/}
          {/*    /!*{ChallengesDataList === undefined ? "" :ChallengesDataList.description===null?""*!/*/}
          {/*      <textarea className="w200">*/}
          {/*                          {jobsettingsdata.data.description}*/}
          {/*                        </textarea>*/}
          {/*    /!*}*!/*/}
          {/*  </p>*/}

          {/*</div>*/}
                              </span>
                        </div>}

                        <div className=" clearfix edu-back-white poll_list pd10">
                            <div className="font-16 color-green fl pl20 mt10">作业说明:</div>
                            {
                                this.props.isAdmin()&&this.props.isAdmin()===true ?
                                    <Tooltip placement="top" title="编辑"><i
                                        className="color-green font-18 iconfont icon-bianjidaibeijing fr pr20 " onClick={()=>this.jobdescriptiondisplaybj()} ></i></Tooltip>
                                    :""
                            }

                        </div>

                        <span>
                       <div className="font-16 color-dark   break_word flex1 pl20  "  style={{"padding":"10px 10px 10px 20px"}}>
                       {jobsettingsdata === undefined ? "" : jobsettingsdata === null ? "" : jobsettingsdata === "null" ? "" :
                         <div dangerouslySetInnerHTML={{__html:markdownToHTML(jobsettingsdata.data.explanation).replace(/▁/g,"▁▁▁")}}></div>
                       }
                        </div>
                      </span>
                    </div>
{/*                    <style>*/}
{/*                        {*/}
{/*                            `.mockInputWrapper {*/}
{/*    display: flex;*/}
{/*    padding: 30px 20px 30px 20px;*/}
{/*}`*/}
{/*                        }*/}
{/*                    </style>*/}
                    {/* <div className="edu-back-white mb20  graduateTopic course-message"> */}
                        {/*<GraduateTopicReply memo={{id: graduation_topic_id, user_id: topicInfo && topicInfo.user_id}} course_id={course_id} {...this.props}></GraduateTopicReply>*/}
                    {/* </div> */}
                    {  Showupdateinstructions&& Showupdateinstructions === true?
                      <div >
                          <Homeworddescription {...this.props} ReleaseNotes={this.ReleaseNotes} NOReleaseNotes ={this.NOReleaseNotes} ></Homeworddescription>
                      </div>
                      :""
                    }
                    { homework_id && <CommonReply
                        memo={{
                            id: homework_id,
                        }}
                        course_id={coursesId} {...this.props}
                        apiRouteName={'homework_commons'}
                        jour_type={'HomeworkCommon'}
                        ></CommonReply>
                    }


                </div>

            </div>

        )
    }
}

export default Workquestionandanswer;