服务配置
+{item.name}
+{ @@ -1711,49 +1858,7 @@ export default class TPMsettings extends Component { 取消 :"" } - {/*{*/} - {/*this.props.identity===1&&this.props.status==2?*/} - {/*
:""*/} - {/*}*/} - - - - - {/*{*/} - {/*this.props.identity===1||this.props.power==true?*/} - {/* :""*/} - - {/*}*/} - {/**/} + diff --git a/public/react/src/modules/tpm/challengesnew/TPManswer.js b/public/react/src/modules/tpm/challengesnew/TPManswer.js index 7d73e9b40..51659e974 100644 --- a/public/react/src/modules/tpm/challengesnew/TPManswer.js +++ b/public/react/src/modules/tpm/challengesnew/TPManswer.js @@ -1,366 +1,366 @@ -import React, {Component} from 'react'; - -import {Input, Select, Radio, Checkbox, Popconfirm, message, Modal} from 'antd'; - -import {BrowserRouter as Router, Route, Link, Switch} from "react-router-dom"; - -// import "antd/dist/antd.css"; - -import { getImageUrl, toPath, getUrl } from 'educoder'; - -import axios from 'axios'; - -import './css/TPMchallengesnew.css'; - -let origin = getUrl(); - -let path = getUrl("/editormd/lib/") - -const $ = window.$; - -let timeout; - -let currentValue; - -const Option = Select.Option; - -const RadioGroup = Radio.Group; - - -// 恢复数据 -function md_rec_data(k,mdu,id, editor){ - if(window.sessionStorage.getItem(k+mdu) !== null){ - editor.setValue(window.sessionStorage.getItem(k+mdu)); - md_clear_data(k,mdu,id); - } -} - -// 保存数据 -function md_add_data(k,mdu,d){ - window.sessionStorage.setItem(k+mdu,d); -} - -// 清空保存的数据 -function md_clear_data(k,mdu,id){ - window.sessionStorage.removeItem(k+mdu); - var id1 = "#e_tip_"+id; - var id2 = "#e_tips_"+id; - if(k == 'content'){ - $(id2).html(""); - }else{ - $(id1).html(""); - } -} - -function md_elocalStorage(editor,mdu,id){ - if (window.sessionStorage){ - var oc = window.sessionStorage.getItem('content'+mdu); - if(oc !== null ){ - console.log("#e_tips_"+id) - $("#e_tips_"+id).data('editor', editor); - var h = '您上次有已保存的数据，是否恢复 ? / 不恢复'; - $("#e_tips_"+id).html(h); - } - setInterval(function() { - var d = new Date(); - var h = d.getHours(); - var m = d.getMinutes(); - var s = d.getSeconds(); - h = h < 10 ? '0' + h : h; - m = m < 10 ? '0' + m : m; - s = s < 10 ? '0' + s : s; - if(editor.getValue().trim() != ""){ - md_add_data("content",mdu,editor.getValue()); - var id1 = "#e_tip_"+id; - var id2 = "#e_tips_"+id; - - $(id1).html(" 数据已于 " + h + ':' + m + ':' + s +" 保存 "); - $(id2).html(""); - } - },10000); - - }else{ - $("#e_tip_"+id).after('您的浏览器不支持localStorage.无法开启自动保存草稿服务,请升级浏览器！'); - } -} - - -function create_editorMD(id, width, high, placeholder, imageUrl, callback) { - var editorName = window.editormd(id, { - width: width, - height: high, - path: path, // "/editormd/lib/" - - syncScrolling: "single", - tex: true, - tocm: true, - emoji: true, - taskList: true, - codeFold: true, - searchReplace: true, - htmlDecode: "style,script,iframe", - sequenceDiagram: true, - autoFocus: false, - toolbarIcons: function () { - // Or return editormd.toolbarModes[name]; // full, simple, mini - // Using "||" set icons align right. - return ["bold", "italic", "|", "list-ul", "list-ol", "|", "code", "code-block", "|", "testIcon", "testIcon1", '|', "image", "table", '|', "watch", "clear"] - }, - toolbarCustomIcons: { - testIcon: "", - testIcon1: "" - }, - //这个配置在simple.html中并没有，但是为了能够提交表单，使用这个配置可以让构造出来的HTML代码直接在第二个隐藏的textarea域中，方便post提交表单。 - saveHTMLToTextarea: true, - // 用于增加自定义工具栏的功能，可以直接插入HTML标签，不使用默认的元素创建图标 - dialogMaskOpacity: 0.6, - placeholder: placeholder, - imageUpload: true, - imageFormats: ["jpg", "jpeg", "gif", "png", "bmp", "webp", "JPG", "JPEG", "GIF", "PNG", "BMP", "WEBP"], - imageUploadURL: imageUrl,//url - onload: function () { - // this.previewing(); - $("#" + id + " [type=\"latex\"]").bind("click", function () { - editorName.cm.replaceSelection("```latex"); - editorName.cm.replaceSelection("\n"); - editorName.cm.replaceSelection("\n"); - editorName.cm.replaceSelection("```"); - var __Cursor = editorName.cm.getDoc().getCursor(); - editorName.cm.setCursor(__Cursor.line - 1, 0); - }); - - $("#" + id + " [type=\"inline\"]").bind("click", function () { - editorName.cm.replaceSelection("$$$$"); - var __Cursor = editorName.cm.getDoc().getCursor(); - editorName.cm.setCursor(__Cursor.line, __Cursor.ch - 2); - editorName.cm.focus(); - }); - $("[type=\"inline\"]").attr("title", "行内公式"); - $("[type=\"latex\"]").attr("title", "多行公式"); - - md_elocalStorage(editorName, `answers__${id}`, "Memoanswers"); - - callback && callback() - } - }); - return editorName; -} - - -export default class TPManswer extends Component { - constructor(props) { - super(props) - this.state = { - choice_url: undefined, - practice_url: undefined, - go_back_url: undefined, - value: 1, - answer:"", - id:undefined, - checkpointId:undefined, - power: false, - prev_challenge: undefined, - next_challenge: undefined, - } - } - - answerMD(initValue, id) { - - this.contentChanged = false; - const placeholder = ""; - // amp; - // 编辑时要传memoId - const imageUrl = `/api/attachments.json`; - // 创建editorMd - - const answers_editormd = create_editorMD(id, '100%', 400, placeholder, imageUrl, () => { - setTimeout(() => { - answers_editormd.resize() - answers_editormd.cm && answers_editormd.cm.refresh() - }, 500) - - if (initValue != undefined) { - answers_editormd.setValue(initValue) - } - answers_editormd.cm.on("change", (_cm, changeObj) => { - console.log('....contentChanged') - this.contentChanged = true; - }) - }); - this.answers_editormd = answers_editormd; - window.answers_editormd = answers_editormd; - - } - - componentDidMount() { - let id = this.props.match.params.shixunId; - let checkpointId=this.props.match.params.checkpointId; - - let newchoice_url= "/shixuns/"+id+"/challenges/newquestion"; - let newpractice_url= "/shixuns/"+id+"/challenges/new"; - let newgo_back_url="/shixuns/"+id+"/challenges"; - this.setState({ - shixunId:id, - checkpointId:checkpointId - }) - - - let url = "/shixuns/" + id + "/challenges/" + checkpointId + "/edit.json?tab=2"; - axios.get(url).then((response) => { - let newprev_challenge = response.data.prev_challenge; - let next_challenge = response.data.next_challenge; - if (newprev_challenge != undefined) { - if(newprev_challenge.st===0){ - newprev_challenge = "/shixuns/" + id + "/challenges/" + newprev_challenge.id + "/editcheckpoint"; - }else{ - newprev_challenge = "/shixuns/" + id + "/challenges/" + newprev_challenge.id + "/editquestion"; - } - } - if (next_challenge != undefined) { - - if(next_challenge.st===0){ - next_challenge = "/shixuns/" + id + "/challenges/" + next_challenge.id+ "/editcheckpoint"; - }else{ - next_challenge = "/shixuns/" + id + "/challenges/" + next_challenge.id+ "/editquestion"; - } - } - this.setState({ - answer:response.data.answer, - power: response.data.power, - choice_url: newchoice_url, // 导航中的新建选择题url - practice_url: newpractice_url, //string 导航中新建实践题url - go_back_url: newgo_back_url, //string 导航中的返回url - position: response.data.position, //int 关卡位置，导航栏中的第几关 - prev_challenge: newprev_challenge, - next_challenge: next_challenge, - }) - - if(response.data.power===false){ - this.props.showSnackbar("没有权限修改"); - } - if(response.data.answer===undefined||response.data.answer===null){ - this.answerMD("", "answerMD"); - }else{ - this.answerMD(response.data.answer, "answerMD"); - } - - }).catch((error) => { - console.log(error) - }); - } - - challenge_answer_submit=()=> { - let id = this.props.match.params.shixunId; - let{checkpointId}=this.state; - let url = "/shixuns/"+id+"/challenges/"+checkpointId+".json"; - const answer_editormdvalue = this.answers_editormd.getValue(); - - axios.put(url,{ - tab:2, - identifier:id, - id:checkpointId, - challenge:{ - answer:answer_editormdvalue - } - } - ).then((response) => { - this.props.showSnackbar(response.data.messages); - - }).catch((error) => { - console.log(error) - }); - } - - render() { - - let { - choice_url, - practice_url, - go_back_url, - position, - task_pass_default, - submit_url, - shixunId, - checkpointId, - power, - prev_challenge, - next_challenge, - } = this.state; - let tab1url="/shixuns/" + shixunId + "/challenges/"+checkpointId+"/editcheckpoint"; - let tab2url="/shixuns/" + shixunId + "/challenges/"+checkpointId+"/tab=2"; - let tab3url="/shixuns/" + shixunId + "/challenges/"+checkpointId+"/tab=3"; - // console.log(this.props) - return ( -![]({getImageUrl("images/educoder/icon/code.svg")}){kind=icon}
-
- 第{position}关
- 返回
-
- {prev_challenge === undefined ? "" :
- 上一关
- }
-
- {next_challenge === undefined ? "" :
- 下一关
- }
-
- + 实践类型
- + 选择题类型
-
- - 可以将参考答案分级设置，让学员自行选择级别，每级查看后按照比例扣分值（学员已完成任务再查看，则不影响原因已获得的成绩） -
-- 示例：级别1，扣减分值占比25%；级别2，扣减分值占比35%；级别3，扣减分值占比40%；则学员选择查看级别1的答案，将被扣减25%的分值； - 选择查看级别2的答案，将被扣减60%的分值；选择查看级别3的答案，将被扣减100%的分值。 -
- - - - { - answers.map((answer, index) => { - return级别{index + 1}
- this.delanswers(index)}> - - -
+
+ 第{position}关
+ 返回
+
+ {prev_challenge === undefined ? "" :
+ 上一关
+ }
+
+ {next_challenge === undefined ? "" :
+ 下一关
+ }
+
+ + 实践类型
+ + 选择题类型
+
+ + 可以将参考答案分级设置，让学员自行选择级别，每级查看后按照比例扣分值（学员已完成任务再查看，则不影响原因已获得的成绩） +
++ 示例：级别1，扣减分值占比25%；级别2，扣减分值占比35%；级别3，扣减分值占比40%；则学员选择查看级别1的答案，将被扣减25%的分值； + 选择查看级别2的答案，将被扣减60%的分值；选择查看级别3的答案，将被扣减100%的分值。 +
+ + + + { + answers.map((answer, index) => { + return级别{index + 1}
+ this.delanswers(index)}> + + +
-
- 第{position}关
-
- 返回
-
- { prev_challenge===undefined?"":
- 上一关
- }
-
- { next_challenge===undefined?"":
- 下一关
- }
-
-
- 3||this.props.identity===undefined||this.props.status===2||this.props.status===1?"none":'block'}}
- data-tip-down="新增代码编辑类型的任务">+ 实践类型
-
- 3||this.props.identity===undefined||this.props.status===2||this.props.status===1?"none":'block'}}
- data-tip-down="新增选择题类型的任务">+ 选择题类型
-
- 任务名称
-过关任务
- -难度系数
-奖励经验值
-
- 如果学员答题错误，则不能得到相应的经验值
- 如果学员成功得到经验值，那么将同时获得等值的金币奖励，如：+10经验值、+10金币
-
技能标签
-
+
+ 第{position}关
+
+ 返回
+
+ { prev_challenge===undefined?"":
+ 上一关
+ }
+
+ { next_challenge===undefined?"":
+ 下一关
+ }
+
+
+ 3||this.props.identity===undefined||this.props.status===2||this.props.status===1?"none":'block'}}
+ data-tip-down="新增代码编辑类型的任务">+ 实践类型
+
+ 3||this.props.identity===undefined||this.props.status===2||this.props.status===1?"none":'block'}}
+ data-tip-down="新增选择题类型的任务">+ 选择题类型
+
+ 任务名称
+过关任务
+ +难度系数
+奖励经验值
+
+ 如果学员答题错误，则不能得到相应的经验值
+ 如果学员成功得到经验值，那么将同时获得等值的金币奖励，如：+10经验值、+10金币
+
技能标签
+服务配置
+![]({getImageUrl("images/educoder/icon/choose.svg")}){kind=icon}
-
- 第{position}关
- 返回
- { prev_challenge===undefined?"":
- 上一关
- }
-
- { next_challenge===undefined?"":
- 下一关
- }
-
- 3||this.props.identity===undefined||this.props.status===2||this.props.status===1?"none":'block'}}
- data-tip-down="新增代码编辑类型的任务">+ 实践类型
- 3||this.props.identity===undefined||this.props.status===2||this.props.status===1?"none":'block'}}
- data-tip-down="新增选择题类型的任务">+ 选择题类型
-
- 任务名称
-过关任务
-题干
-- 新增选项 - - - {newcnttypesum===0?"请选择答案":"选项内容不能为空"} - -
-参考答案
-难度系数
-奖励经验值
-
- 如果学员答题错误，则不能得到相应的经验值
- 如果学员成功得到经验值，那么将同时获得等值的金币奖励，如：+10经验值、+10金币
-
技能标签
-题干
-- 新增选项 - - - {newcnttypesum===0?"请选择答案":"选项内容不能为空"} - -
-参考答案
-难度系数
-奖励经验值
-
- 如果学员答题错误，则不能得到相应的经验值
- 如果学员成功得到经验值，那么将同时获得等值的金币奖励，如：+10经验值、+10金币
-
技能标签
-
+
+ 第{position}关
+ 返回
+ { prev_challenge===undefined?"":
+ 上一关
+ }
+
+ { next_challenge===undefined?"":
+ 下一关
+ }
+
+ 3||this.props.identity===undefined||this.props.status===2||this.props.status===1?"none":'block'}}
+ data-tip-down="新增代码编辑类型的任务">+ 实践类型
+ 3||this.props.identity===undefined||this.props.status===2||this.props.status===1?"none":'block'}}
+ data-tip-down="新增选择题类型的任务">+ 选择题类型
+
+ 任务名称
+过关任务
+题干
++ 新增选项 + + + {newcnttypesum===0?"请选择答案":"选项内容不能为空"} + +
+参考答案
+难度系数
+奖励经验值
+
+ 如果学员答题错误，则不能得到相应的经验值
+ 如果学员成功得到经验值，那么将同时获得等值的金币奖励，如：+10经验值、+10金币
+
技能标签
+题干
++ 新增选项 + + + {newcnttypesum===0?"请选择答案":"选项内容不能为空"} + +
+参考答案
+难度系数
+奖励经验值
+
+ 如果学员答题错误，则不能得到相应的经验值
+ 如果学员成功得到经验值，那么将同时获得等值的金币奖励，如：+10经验值、+10金币
+
技能标签
+