Merge branch 'dev_aliyun' of https://bdgit.educoder.net/Hjqreturn/educoder into dev_aliyun

public/react/src/modules/developer/components/myMonacoEditor/index2.js

@@ -0,0 +1,48 @@
+/*
+ * @Description: 
+ * @Author: tangjiang
+ * @Github: 
+ * @Date: 2019-12-27 19:18:09
+ * @LastEditors: tangjiang
+ * @LastEditTime: 2019-12-27 19:19:23
+ */
+import React, { useState } from 'react';
+import Editor from "@monaco-editor/react";
+
+function App() {
+  const [theme, setTheme] = useState("light");
+  const [language, setLanguage] = useState("javascript");
+  const [isEditorReady, setIsEditorReady] = useState(false);
+
+  function handleEditorDidMount() {
+    setIsEditorReady(true);
+  }
+
+  function toggleTheme() {
+    setTheme(theme === "light" ? "dark" : "light");
+  }
+
+  function toggleLanguage() {
+    setLanguage(language === "javascript" ? "python" : "javascript");
+  }
+
+  return (
+    <React.Fragment>
+      <LinkToRepo />
+      <button onClick={toggleTheme} disabled={!isEditorReady}>
+        Toggle theme
+      </button>
+      <button onClick={toggleLanguage} disabled={!isEditorReady}>
+        Toggle language
+      </button>
+
+      <Editor
+        height="calc(100% - 19px)" // By default, it fully fits with its parent
+        theme={theme}
+        language={language}
+        value={'c'}
+        editorDidMount={handleEditorDidMount}
+      />
+    </React.Fragment>
+  );
+}

public/react/src/modules/developer/newOrEditTask/rightpane/index.js

@@ -4,10 +4,10 @@
  * @Github: 
  * @Date: 2019-12-01 10:18:35
  * @LastEditors  : tangjiang
- * @LastEditTime : 2019-12-27 10:17:07
+ * @LastEditTime : 2019-12-27 19:33:50
  */
 import './index.scss';
-import React from 'react';
+import React, { useState, useEffect } from 'react';
 import { connect } from 'react-redux';
 import MyMonacoEditor from '../../components/myMonacoEditor';
 // import ControlSetting from '../../components/controlSetting';
@@ -18,6 +18,7 @@ function RightPane (props, ref) {
   const {
     // identifier,
     code,
+    showCode,
     language,
     // onSubmitForm,
     saveOjFormCode
@@ -46,7 +47,7 @@ function RightPane (props, ref) {
     <div className={'right_pane_code_wrap'}>
       <MyMonacoEditor 
         language={language} 
-        code={code} 
+        code={showCode}
         onCodeChange={handleCodeChange}/>
         
       {/* <ControlSetting
@@ -60,9 +61,10 @@ function RightPane (props, ref) {
 }
 
 const mapStateToProps = (state) => {
-  const { ojForm, testCases, code, identifier } = state.ojFormReducer;
+  const { ojForm, testCases, code, identifier, showCode } = state.ojFormReducer;
   return {
     code,
+    showCode,
     identifier,
     language: ojForm.language,
     input: (testCases[0] && testCases[0].input) || '',

public/react/src/modules/developer/studentStudy/rightpane/index.js

@@ -4,7 +4,7 @@
  * @Github: 
  * @Date: 2019-11-27 14:59:51
  * @LastEditors  : tangjiang
- * @LastEditTime : 2019-12-27 10:28:41
+ * @LastEditTime : 2019-12-27 19:23:46
  */
 import React, { useState, useEffect } from 'react';
 import {connect} from 'react-redux';
@@ -45,13 +45,14 @@ const RightPane = (props) => {
   // const [code, setCode] = useState(editor_code || hack.code);
   // let initFlag = true;
 
-  useEffect(() => {
+  // useEffect(() => {
-    if (editor_code) {
+  //   if (editor_code) {
-      setEditorCode(editor_code);
+  //     setEditorCode(editor_code);
-    } else {
+  //   } else {
-      setEditorCode(hack.code);
+  //     setEditorCode(hack.code);
-    }
+  //   }
-  }, [hack, editor_code]);
+  // }, [hack, editor_code]);
+
   
   const handleSubmitForm = () => {
     // 提交时， 先调用提交接口，提交成功后，循环调用测评接口
@@ -119,7 +120,7 @@ const RightPane = (props) => {
         notice={notice}
         identifier={identifier}
         language={hack.language} 
-        code={editorCode}
+        code={editor_code || hack.code}
         hadCodeUpdate={hadCodeUpdate}
         onCodeChange={handleCodeChange}
         onUpdateNotice={handleUpdateNotice}

public/react/src/modules/tpm/jupyter/index.js

@@ -414,11 +414,11 @@ function JupyterTPI (props) {
               <i className={"iconfont icon-base"}></i>数据集
               {/* <span className="iconfont icon-java jupyter_data_icon"></span>数据集 */}
             </h2>
-            {dataSets&&dataSets.length===0?"":<h2 className="borbottom17212F jupyterfilepaths">
+            {dataSets&&dataSets.length===0?"":<h2 className="borbottom17212F jupyterfilepaths bortop17212F pt5">
               <span className={"ml50"}>文件路径</span>
               <div className="sortinxdirection">
-                <a className="jupyter_name ml50  maxnamewidth186JUPYTER lineheighttaj colorlineheighttaj">{jupyter_folder_name}</a>
+                <a className="jupyter_name ml50  maxnamewidth186JUPYTER colorlineheightta height45lineheight45">{jupyter_folder_name}</a>
-                <a className={"fr color-blue lineheighttaj  font-14"}
+                <a className={"fr color-blue font-14 height45lineheight45"}
                    onClick={() => {
                      jsCopy("jupyter_folder_name")
                    }}>复制地址</a>

public/react/src/modules/tpm/jupyter/index.scss

@@ -237,4 +237,9 @@ line-height: 50px !important;
   white-space: nowrap;
   cursor: default;
   width: 181px;
+}
+
+.height45lineheight45{
+  height: 45px;
+  line-height: 45px !important;
 }

public/react/src/redux/actions/ojForm.js

@@ -4,7 +4,7 @@
  * @Github: 
  * @Date: 2019-11-20 16:35:46
  * @LastEditors  : tangjiang
- * @LastEditTime : 2019-12-27 18:50:22
+ * @LastEditTime : 2019-12-27 20:03:12
  */
 import types from './actionTypes';
 import CONST from '../../constants';
@@ -286,20 +286,22 @@ export const validateOjForm = (props, type, cb) => {
             } else if (type === 'challenge') {
               cb && cb();
             } else {
+              const {identifier} = res.data;
+              // if (paramsObj['submitType'] === 'add' && identifier) {
+              //   dispatch(validateOjForm(props, 'update'));
+              //   props.history.push(`/problems/${identifier}/edit`);
+              //   return;
+              // };
               // message.success(paramsObj['submitType'] === 'update' ? '更新成功' : '保存成功');
               notification.success({
                 message: '提示',
                 description: paramsObj['submitType'] === 'update' ? '更新成功' : '保存成功'
               });
-              const {identifier} = res.data;
               // 保存成功后的identifier
               identifier && dispatch({
                 type: types.SAVE_OJ_FORM_ID,
                 payload: identifier
               });
-              if (paramsObj['submitType'] === 'add' && identifier) {
-                props.history.push(`/problems/${identifier}/edit`)
-              };
             }
             // 保存或更新后，调用start接口
             // linkToDev(dispatch, props);
@@ -502,7 +504,7 @@ export const deleteTestCase = (obj) => {
 export const getOJFormById = (id) => {
   return (dispatch) => {
     fetchGetOjById(id).then(res => {
-      console.log('获取OJ表单信息成功: ', res);
+      // console.log('获取OJ表单信息成功: ', res);
       dispatch({
         type: types.SAVE_EDIT_OJ_FORM_AND_TEST_CASE,
         payload: res.data

public/react/src/redux/reducers/ojForUserReducer.js

@@ -4,7 +4,7 @@
  * @Github: 
  * @Date: 2019-11-27 13:41:48
  * @LastEditors  : tangjiang
- * @LastEditTime : 2019-12-27 16:52:30
+ * @LastEditTime : 2019-12-27 19:56:06
  */
 import types from "../actions/actionTypes";
 import { Base64 } from 'js-base64';
@@ -179,7 +179,7 @@ const ojForUserReducer = (state = initialState, action) => {
         commitTestRecordDetail: {}, // 调试代码执行结果
         commitRecordDetail: {}, // 提交成功后记录提交的详情
         commitRecord: [], // 提交记录
-        userCode: '', // 保存当前用户输入的代码
+        // userCode: '', // 保存当前用户输入的代码
         isUpdateCode: false, // 是否更新了代码内容
         userCodeTab: 'task', // 学员测评tab位置: task | record | comment 
         userTestInput: '', // 用户自定义输入值 

public/react/src/redux/reducers/ojFormReducer.js

@@ -4,7 +4,7 @@
  * @Github: 
  * @Date: 2019-11-20 16:40:32
  * @LastEditors  : tangjiang
- * @LastEditTime : 2019-12-27 10:35:06
+ * @LastEditTime : 2019-12-27 20:00:26
  */
 import { Base64 } from 'js-base64';
 import types from '../actions/actionTypes';
@@ -61,6 +61,7 @@ const init = {
   position: 1, // TODO 每次加载信息时同步指定positio值
   score: 200, // 分值： 选择难易度后自动计算分值  200 | 500 | 1000
   code: '', // 提交的代码
+  showCode: '', // 编辑器显示的代码 
   identifier: '', // OJ表单id
   loading: false, // 僵尸loading标志
   testCodeStatus: 'default', // 调试代码状态  default(默认值) | loading(加载中) | loaded(加载完成) | userCase(用户自定义测试用例) | finish(测试完成)
@@ -216,7 +217,8 @@ const ojFormReducer = (state = initialState, action) => {
         testCases: curTestCases,
         testCasesValidate: curTcValidates,
         testCodeStatus: hack_sets.length > 0 ? 'userCase' : 'default',
-        isPublish: status
+        isPublish: status,
+        showCode: cbcode
       }
     case types.CHANGE_PUBLISH_VALUE:
       return {