Merge branch 'gitlink_server' of https://git.trustie.net/Gitlink/forgeplus-react into gitlink_server

2021-11-30 11:20:20 +08:00 · 2021-11-30 11:20:20 +08:00 · 684f9dbfe1
parent 9577478e97 efb918e21d
commit 684f9dbfe1
19 changed files with 139 additions and 271 deletions
--- a/src/forge/DevOps/About.jsx
+++ b/src/forge/DevOps/About.jsx
@ -171,10 +171,10 @@ function About(props, ref) {
          <div className="noOperation">DevOps开启功能暂未对项目创建者以外的角色开放，可以联系项目创建者进行开启，开启后便可查看构建信息。</div>:""
        }
        <a href={"https://forum.trustie.net/forums/3110/detail"} target="_blank" style={{ color: "#5091FF"}}>
-          了解什么是DevOps？
+          了解什么是引擎？
        </a>
        <a href={"https://forum.trustie.net/forums/3080/detail"} target="_blank" style={{ color: "#5091FF"}}>
-          如何使用DevOps？
+        如何使用引擎（Engine）功能？
        </a>
        {
          AuthorLogin === CurrentLogin ?
--- a/src/forge/Head/AddProjectModal.jsx
+++ b/src/forge/Head/AddProjectModal.jsx
@ -2,84 +2,82 @@ import React, { useState , forwardRef, useEffect } from 'react';
 import { Form , Modal , Input , Radio } from 'antd';
 import Axios from 'axios';
 import CheckProfile from '../Component/ProfileModal/Profile';
+function AddProjectModal(props){
+  const { getFieldDecorator, validateFields , setFieldsValue } = props && props.form;
+  const [ visible , setVisible ] = useState(false);

-export default Form.create()(
-  forwardRef((props)=>{
-    const { getFieldDecorator, validateFields , setFieldsValue } = props && props.form;
-    const [ visible , setVisible ] = useState(false);
-
-    useEffect(()=>{
-      if(!visible){
-        setFieldsValue({
-          code:undefined,
-          role:"developer"
-        })
-      }
-    },[visible])
-
-    function onOk() {
-      validateFields((error,values)=>{
-        if(!error){
-          const url = `/applied_projects.json`;
-          Axios.post(url,{
-            applied_project:{
-              ...values
-            }
-          }).then(result=>{
-            if(result && result.data){
-              setVisible(false);
-              props.showNotification("申请加入项目成功，等待审核!");
-            }
-          }).catch(error=>{})
-        }
+  useEffect(()=>{
+    if(!visible){
+      setFieldsValue({
+        code:undefined,
+        role:"developer"
      })
    }
-    function checkValue(rule, value, callback){
-      if(!value){
-        callback();
+  },[visible])
+
+  function onOk() {
+    validateFields((error,values)=>{
+      if(!error){
+        const url = `/applied_projects.json`;
+        Axios.post(url,{
+          applied_project:{
+            ...values
+          }
+        }).then(result=>{
+          if(result && result.data){
+            setVisible(false);
+            props.showNotification("申请加入项目成功，等待审核!");
+          }
+        }).catch(error=>{})
      }
+    })
+  }
+  function checkValue(rule, value, callback){
+    if(!value){
+      callback("请输入6位数的邀请码");
+    }else{
      if(value.length < 6 || value.length > 6){
        callback("请输入6位数的邀请码");
      }
-      callback();
-    }       
+    }
+  }       

-    return(
-      <React.Fragment>
-        <Modal
-          title="加入项目"
-          width="480px"
-          visible={visible}
-          centered={true}
-          onOk={onOk}
-          onCancel={()=>setVisible(false)}
-        >
-          <Form layout={'inline'} className="inviteForm">
-            <Form.Item label="项目邀请码">
-              {getFieldDecorator("code",{
-                rules:[
-                  {required:true,message:"请输入6位项目邀请码"},
-                  {validator:checkValue}
-                ]
-              })(
-                <Input placeholder="请输入6位项目邀请码" autoComplete={"off"} maxLength="6" style={{width:"300px"}}/>
-              )}
-            </Form.Item>
-            <Form.Item label="选择角色">
-              {getFieldDecorator("role",{
-                rules:[{required:true,message:"请选择角色"}]
-              })(
-                <Radio.Group defaultValue={"developer"}>
-                  <Radio value="manager">管理员</Radio>
-                  <Radio value="developer">开发者</Radio>
-                  <Radio value="reporter">报告者</Radio>
-                </Radio.Group>
-              )}
-            </Form.Item>
-          </Form>
-        </Modal>
-        <CheckProfile {...props} sureFunc={()=>setVisible(true)}>加入项目</CheckProfile>
-      </React.Fragment>
-    )
-  })
-)
+  return(
+    <React.Fragment>
+      <Modal
+        title="加入项目"
+        width="480px"
+        visible={visible}
+        centered={true}
+        onOk={onOk}
+        onCancel={()=>setVisible(false)}
+      >
+        <Form layout={'inline'} className="inviteForm">
+          <Form.Item label="项目邀请码">
+            {getFieldDecorator("code",{
+              rules:[
+                {required:true,message:" "},
+                {validator:checkValue}
+              ]
+            })(
+              <Input placeholder="请输入6位项目邀请码" autoComplete={"off"} maxLength={6} style={{width:"300px"}}/>
+            )}
+          </Form.Item>
+          <Form.Item label="选择角色">
+            {getFieldDecorator("role",{
+              rules:[{required:true,message:"请选择角色"}]
+            })(
+              <Radio.Group>
+                <Radio value="manager">管理员</Radio>
+                <Radio value="developer">开发者</Radio>
+                <Radio value="reporter">报告者</Radio>
+              </Radio.Group>
+            )}
+          </Form.Item>
+        </Form>
+      </Modal>
+      <CheckProfile {...props} sureFunc={()=>setVisible(true)}>加入项目</CheckProfile>
+    </React.Fragment>
+  )
+}
+export default Form.create()(forwardRef(AddProjectModal));
--- a/src/forge/Head/header.scss
+++ b/src/forge/Head/header.scss
@ -127,6 +127,9 @@
    width: 110px;
    text-align: right;
  }
+  .ant-form-explain{
+    position: absolute;
+  }
 }

 // 右上角小铃铛单独样式
--- a/src/forge/Main/CoderDepot.jsx
+++ b/src/forge/Main/CoderDepot.jsx
@ -340,7 +340,7 @@ function CoderDepot(props){

  function createIssue(){
    if(baseOper){
-      window.open(`/${owner}/${projectsId}/issues/new`,'_blank');
+      props.history.push(`/${owner}/${projectsId}/issues/new`);
    }else{
      props.showLoginDialog(`/${owner}/${projectsId}/issues/new`);
    }
--- a/src/forge/Main/tree/Index.jsx
+++ b/src/forge/Main/tree/Index.jsx
@ -46,7 +46,7 @@ function Index(props) {

  return(
    <Spin spinning={isSpin}>
-      <div style={{paddingTop:"10px",minHeight:"400px"}}>
+      <div style={{paddingTop:"10px",minHeight:"400px",paddingBottom:"30px"}}>
        {
          list && list.length>0 && list.map((item,key)=>{
            return(
--- a/src/forge/Main/version/New.jsx
+++ b/src/forge/Main/version/New.jsx
@ -224,7 +224,7 @@ export default Form.create()(
                  <Checkbox defaultChecked={!stable}>这是一个预览版本</Checkbox>
              )}
            </Form.Item>
-            <p className="pt20" style={{borderTop:"1px solid #eee"}}>
+            <p className="pt20 pb20" style={{borderTop:"1px solid #eee"}}>
              <Button onClick={submit} type="primary" className="mr30 btnblue">
                {versionId ? "保存" : "创建"}发行版
              </Button>
--- a/src/forge/Merge/merge_form.js
+++ b/src/forge/Merge/merge_form.js
@ -167,8 +167,8 @@ class MergeForm extends Component {
              this.setState({
                isSpin: false,
              });
-              const { pull_request_id } = result.data;
-              this.props.history.push(`/${owner}/${projectsId}/pulls/${pull_request_id}`);
+              const { pull_request_number } = result.data;
+              this.props.history.push(`/${owner}/${projectsId}/pulls/${pull_request_number}`);
              const { getDetail } = this.props;
              getDetail && getDetail();
            } else {
--- a/src/forge/Newfile/index.css
+++ b/src/forge/Newfile/index.css
@ -1,3 +1,11 @@
+.editorBorderBox .CodeMirror
+{
+  height: unset;
+}
+.editorBorderBox .CodeMirror .CodeMirror-scroll{
+  min-height: 300px;
+}
+
 .setInputAddon{
  width: 350px;
  margin-right: 20px;
@ -9,12 +17,16 @@
  border-right: none!important;
 }
 .editorBorder .editorBorderBox{
-  border:1px solid #eee;
+  border:1px solid #d0d0d0;
  border-radius: 2px;
+  border-bottom: none;
 }
 .editorBorder .editorBorderSubmitBox{
  padding:20px 0px!important;
 }
+.editorBorderSubmitBox{
+  border-top: 1px solid #d0d0d0;
+}
 .userScrew{
  margin:20px 0px;
  border:1px solid #f4f4f4;
--- a/src/forge/Newfile/m_editor.js
+++ b/src/forge/Newfile/m_editor.js
@ -1,6 +1,9 @@
 import React, { Component } from "react";
-import Editor from "react-monaco-editor";
-// import {UnControlled as CodeMirror} from 'react-codemirror2'
+import {UnControlled as CodeMirror} from 'react-codemirror2';
+import 'codemirror/addon/selection/active-line.js';
+import 'codemirror/mode/javascript/javascript.js';
+import 'codemirror/mode/clike/clike';
+import 'codemirror/mode/css/css';

 import UserSubmitComponent from "./UserSubmitComponent";

@ -12,6 +15,7 @@ class m_editor extends Component {
    super(props);
    this.state = {
      editorValue: this.props.content,
+      changeValue:this.props.content,
      prevHeight:0
    };
  }
@ -22,18 +26,18 @@ class m_editor extends Component {
      })
    }
  }
-  changeEditor = (editorValue) => {
+  changeEditor = (editorValue,data) => {
    this.setState({
-      editorValue,
+      changeValue:editorValue.getValue(),
    });
  };

  render() {
-    const { editorValue } = this.state;
-    const { readOnly, editorType, language , currentBranch , descName } = this.props;
+    const { editorValue , changeValue } = this.state;
+    const { readOnly, editorType, currentBranch , descName } = this.props;
    const editor_options = {
      lineNumbers: "on",
-      wordWrap: true, //强制换行
+      lineWrapping: true, //强制换行
      selectOnLineNumbers: true,
      lineHeight: 24,
      renderLineHighlight: "line",
@ -46,84 +50,29 @@ class m_editor extends Component {
      automaticLayout: true, // 自适应布局
      overviewRulerBorder: false, // 不要滚动条的边框
      scrollBeyondLastLine: false, // 取消代码后面一大段空白
+      styleActiveLine:true,//光标代码高亮
      minimap: {
        // 不要小地图
        enabled: false,
      },
    };
-
-    const handleEditorMount = (editor, monaco) => {
-      editor.onDidChangeModelDecorations(() => {
-          requestAnimationFrame(updateEditorHeight); // folding
-      });
-
-      const updateEditorHeight = () => {
-          const editorElement = editor.getDomNode();
-
-          if (!editorElement) {
-              return;
-          }
-
-          const padding = 40;
-
-          const lineHeight = editor.getOption(
-              monaco.editor.EditorOption.lineHeight
-          );
-
-          const lineCount = editor.getModel().getLineCount() || 1;
-          let height =
-              editor.getTopForLineNumber(lineCount + 1) +
-              lineHeight +
-              padding ;
-
-          if(height<400){height = 400;} 
-
-          if (this.state.prevHeight !== height) {
-            this.setState({
-              prevHeight:height
-            })
-              // setPrevHeight(height);
-              editorElement.style.height = `${height}px`;
-              editor.layout();
-          }
-      };
-
-      updateEditorHeight(); // typing
-  };
-
-
    return (
      <React.Fragment>
        <div className="editorBorderBox">
-          <Editor
-            language={language ? language : "plaintext"}
-            theme={"vs-grey"}
+          <CodeMirror
            placeholder="请输入内容"
            value={editorValue}
            options={editor_options}
            onChange={this.changeEditor}
-            editorWillMount={this.editorWillMount}
-            editorDidMount={handleEditorMount}
          />
-          {/* <CodeMirror
-            value={editorValue}
-            options={{
-              theme: 'monokai',
-              mode: 'JavaScript',
-              extraKeys: {"Ctrl": "autocomplete"},//ctrl可以弹出提示
-              styleActiveLine: true,
-              lineNumbers: true,
-              readOnly:true
-            }}
-          /> */}
        </div>
        {!readOnly && (
-          <div className="editorBorderSubmitBox" style={{marginTop:"20px",padding:"20px"}}>
+          <div className="editorBorderSubmitBox" style={{padding:"20px"}}>
            <UserSubmitComponent
              {...this.props}
              {...this.state}
              filepath={`${this.props.filepath}`}
-              content={editorValue}
+              content={changeValue}
              editor_type={editorType}
              currentBranch={currentBranch}
              descName={descName}
--- a/src/forge/Order/MilepostDetail.js
+++ b/src/forge/Order/MilepostDetail.js
@ -236,7 +236,7 @@ class MilepostDetail extends Component {
                    <span >暂无截止时间</span>
                }
              </span>
-              <span className="font-weight-bold">{data && data.percent && data.percent.toFixed(2)}%完成 </span>
+              {data && (data.percent || data.percent===0) ? <span className="font-weight-bold"> {data.percent > 0 ? data.percent.toFixed(2):data.percent}%完成 </span> :"" }
            </span>
            <div className="milepostdiv">
              {
--- a/src/forge/Order/order.js
+++ b/src/forge/Order/order.js
@ -226,6 +226,7 @@ class order extends Component {

  // 翻页
  ChangePage = (page) => {
+    window.scrollTo(0,0);
    this.setState({
      isSpin: true,
      checkedValue: [],
--- a/src/forge/Settings/new_tags.js
+++ b/src/forge/Settings/new_tags.js
@ -445,7 +445,7 @@ class NewTags extends Component {
                        message: "请填写标记名字",
                      },
                    ],
-                  })(<Input placeholder="名称，10字以内" maxLength="10" />)}
+                  })(<Input placeholder="名称，15字以内" maxLength="15" />)}
                </Form.Item>

                <Form.Item className="inputcount">
--- a/src/forge/Wiki/fetch.js
+++ b/src/forge/Wiki/fetch.js
@ -1,106 +1,13 @@
-import { notification ,message} from 'antd';
-import axios from 'axios';
-import cookie from 'react-cookies';
-import Login from './components/Login';

-let actionUrl = '';
-if (window.location.href.indexOf('localhost') > -1) {
-  // actionUrl = 'http://117.50.100.12:8008';
-  // actionUrl = 'http://192.168.31.74:8081';
-  actionUrl = "https://test-search.trustie.net";
-} else if(window.location.href.indexOf('testforgeplus')>-1){
-  actionUrl = "https://test-search.trustie.net";
-  // actionUrl = 'https://testforgeplus.trustie.net';
-  axios.defaults.withCredentials = true;
-}else if (window.location.href.indexOf('forgeplus') > -1) {
-  actionUrl = "https://wiki-api.trustie.net";
-  axios.defaults.withCredentials = true;
-}
+import javaFetch from '../javaFetch';

+
+let settings = JSON.parse(localStorage.chromesetting);
+let actionUrl = settings && settings.common.wiki;
+
+const service = javaFetch(actionUrl);
 export const httpUrl = actionUrl;
-export const TokenKey = 'autologin_trustie';
-
-// 创建axios实例
-const service = axios.create({
-  baseURL: httpUrl,
-  timeout: 10000, // 请求超时时间
-});
-
-// request拦截器
-service.interceptors.request.use(config => {
-  if (cookie.load(TokenKey)) {
-    console.log(cookie.load(TokenKey));
-    config.headers['Authorization'] = cookie.load(TokenKey); // 让每个请求携带自定义token 请根据实际情况自行修改
-  }
-  if (window.location.port === "3007") {
-    // 模拟token为登录用户
-    const taskToken = sessionStorage.taskToken;
-    if (config.url.indexOf('?') === -1) {
-      config.url = `${config.url}?token=${taskToken}`;
-    } else {
-      config.url = `${config.url}&token=${taskToken}`;
-    }
-  }
-  return config;
-}, error => {
-  // Do something with request error
-  console.log(error); // for debug
-  // Promise.reject(error);
-});
-// respone拦截器
-service.interceptors.response.use(
-  response => {
-    const res = response||{};
-    if (res.status === 400) {
-      message.error(res.data.message || '操作失败');
-      return Promise.reject('error');
-    }
-    if (res.status === 401) {
-      message.error(res.data.message || '登录信息已过期');
-      return Promise.reject('error');
-    }
-    if (res.status === 403) {
-      message.error(res.data.message || '无权限！');
-      return Promise.reject('error');
-    }
-    if (res.status === 40001) {
-      notification.open({
-        message: "提示",
-        description: '账户或密码错误！',
-      });
-      return Promise.reject('error');
-    }
-    if (response.status !== 200 && res.status !== 200) {
-      notification.open({
-        message: "提示",
-        description: res.message,
-      });
-    } else {
-      return response.data;
-    }
-  },
-  error => {
-    console.log(error);
-    let res = error.response||{};
-    if (res.status === 400) {
-      message.error(res.data.message || '操作失败');
-      return Promise.reject('error');
-    }
-    if (res.status === 401) {
-      message.error(res.data.message || '登录信息已过期');
-      Login();
-      return Promise.reject('error');
-    }
-    if (res.status === 403) {
-      message.error(res.data.message || '无权限！');
-      return Promise.reject('error');
-    }
-    notification.open({
-      message: "提示",
-      description: error.message,
-    });
-    return Promise.reject(error);
-  }
-);
-
 export default service;
+
+
+
--- a/src/forge/javaFetch.js
+++ b/src/forge/javaFetch.js
@ -4,22 +4,16 @@ import cookie from 'react-cookies';
 import Login from './Wiki/components/Login';

 export const TokenKey = 'autologin_trustie';
-export default function javaFetch(productUrl,testUrl,developUrl ){
-  let actionUrl='';
-  if (window.location.href.indexOf('localhost') > -1) {
-    actionUrl = developUrl;
-  } else if(window.location.href.indexOf('testforgeplus')>-1){
-    actionUrl = testUrl;
-    axios.defaults.withCredentials = true;
-  }else if (window.location.href.indexOf('forgeplus') > -1) {
-    actionUrl = productUrl;
+
+export default function javaFetch(actionUrl){
+  if (window.location.href.indexOf('localhost') < 0) {
    axios.defaults.withCredentials = true;
  }
  
  // 创建axios实例
  const service = axios.create({
    baseURL: actionUrl,
-    timeout: 10000, // 请求超时时间
+    timeout: 1800000, // 请求超时时间
  });
  
  // request拦截器
@ -98,8 +92,6 @@ export default function javaFetch(productUrl,testUrl,developUrl ){
    }
  );

-  console.log(service);
-  console.log(typeof service);

-  return {service,actionUrl};
+  return service;
 }
--- a/src/forge/users/Infos.js
+++ b/src/forge/users/Infos.js
@ -297,7 +297,7 @@ class Infos extends Component {
                  }
                  {
                    current_user && current_user.login && current_user.login === username ?
-                    <Menu.Item key="4"><Link to={`/${user && user.login}/devops/CIService`}><i className="iconfont icon-gongzuoliu1"></i>DevOps工作流</Link></Menu.Item>
+                    <Menu.Item key="4"><Link to={`/${user && user.login}/devops/CIService`}><i className="iconfont icon-gongzuoliu1"></i>DevOps引擎</Link></Menu.Item>
                    :""
                  }
                  <Menu.Item key="5">
--- a/src/forge/users/InfosUser.js
+++ b/src/forge/users/InfosUser.js
@ -147,7 +147,7 @@ class InfosUser extends Component {

      let list = button_lists.map((item, key) => {
        return (
-          <span key={key} className="pr15">
+          <span key={key} className={`pr15`}>
            <Button
              type={
                (category && category === item.type) || (!category && !item.type)
--- a/src/forge/users/Statistics/Index.jsx
+++ b/src/forge/users/Statistics/Index.jsx
@ -9,6 +9,7 @@ import Pie from '../Echart/Pie';
 import Cloud from '../Echart/Cloud';
 import Radar from '../Echart/Radar';
 import Round from '../Echart/Round';
+import Nodata from '../../Nodata';
 import { DatePicker } from 'antd';
 import moment from 'moment';

@ -120,7 +121,7 @@ function Index(props) {
      }
    }).then(result=>{
      if(result && result.data){
-        setCloudData(result.data);
+        setCloudData({categories:[]});
      }
    }).catch(error=>{})
  }
@ -148,7 +149,7 @@ function Index(props) {
            </div>
          }
          {
-            percentData &&
+            percentData && percentData.length >0 &&
            <div className="pBox">
              <div className="progress">
                {
@ -200,7 +201,12 @@ function Index(props) {
        </FlexAJ>
        <div className="echartBox">
          <p>展示你擅长、关注、感兴趣的专业范围，通过你参与项目、收藏项目、关注项目、复刻项目等数据来统计。</p>
-          <Cloud data={cloudData}/>
+          {
+            cloudData && cloudData.length >0?
+            <Cloud data={cloudData}/>
+            :
+            <Nodata _html="暂无数据" small={true}/>
+          }
        </div>
      </div>
    </div>
--- a/src/home/Index.scss
+++ b/src/home/Index.scss
@ -203,7 +203,7 @@ body{
      background-image: url('./Img/top-2.png');
      height: 139px;
      width: 353px;
-      padding:30px 24px;
+      padding:15px 24px;
      color: #fff;
      margin:0px 17px;
      border-radius: 11px;
--- a/src/modules/tpm/TPMIndex.css
+++ b/src/modules/tpm/TPMIndex.css
@ -19,7 +19,7 @@ body>.-task-title {
  min-width: 1200px;
  max-width: unset;
  height: 100%;
-  min-height: 100%;
+  min-height: 70vh;
  overflow: hidden;
 }
 .newHeaders{