From 45273782c5cd74d3d4dd7b47d71f144c228daefe Mon Sep 17 00:00:00 2001
From: caishi <1149225589@qq.com>
Date: Mon, 28 Sep 2020 14:51:24 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=A5=E4=BD=9C=E6=B5=81=E6=B5=81=E7=A8=8B?=
 =?UTF-8?q?=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/AppConfig.js               |  2 +-
 src/forge/DevOps/About.jsx     | 10 +++---
 src/forge/DevOps/Dispose.jsx   |  2 +-
 src/forge/DevOps/Infos.jsx     | 14 ++++++--
 src/forge/DevOps/Structure.jsx | 23 ++++++++-----
 src/forge/Main/Detail.js       |  2 +-
 src/forge/users/CIList.jsx     | 62 ++++++++++++++++++++++++----------
 src/forge/users/CIdispose.jsx  |  6 ++--
 8 files changed, 82 insertions(+), 39 deletions(-)

diff --git a/src/AppConfig.js b/src/AppConfig.js
index 153780b3f..a6200dbba 100644
--- a/src/AppConfig.js
+++ b/src/AppConfig.js
@@ -65,7 +65,7 @@ export function initAxiosInterceptors(props) {
   // TODO 避免重复的请求 https://github.com/axios/axios#cancellation
   var 
   // proxy = "http://localhost:3000"
-  proxy = "https://forgeplus.trustie.net"
+  proxy = "https://testforgeplus.trustie.net"
 
   const requestMap = {};
   window.setfalseInRequestMap = function (keyName) {
diff --git a/src/forge/DevOps/About.jsx b/src/forge/DevOps/About.jsx
index d8e62e897..64f60aef1 100644
--- a/src/forge/DevOps/About.jsx
+++ b/src/forge/DevOps/About.jsx
@@ -98,7 +98,7 @@ function About(props, ref) {
   // 开始激活
   function startActive(){
     setIsSpining(true);
-    const url = `/${owner}/${projectsId}/cloud_accounts/${cloudAccount && cloudAccount.id}/activate.json`;
+    const url = `/${owner}/${projectsId}/activate.json`;
     axios.post(url).then(result=>{
       setIsSpining(false);
       if(result && result.data.status === 0){
@@ -157,15 +157,15 @@ function About(props, ref) {
               <Blueback onClick={goStep}>下一步</Blueback>
             </React.Fragment>
             :""}
-            {step >= 1 &&(
+            {step >= 1 &&
               <div style={{textAlign:'center',marginTop:"20px"}}>
-                {
+                {/* {
                   step === 1 && current_user && !current_user.ci_certification &&
                     <p style={{ maxWidth: "300px",textAlign:"left",color:"#999" }}>初始化配置已完成，请前往:<br/><a target="_blank" href={redirectUrl} className="color-blue">{redirectUrl}</a> 进入认证</p>
-                }
+                } */}
                 <Blueback onClick={startActive} className="mt20">开始激活</Blueback>
               </div>
-            )}
+            }
           </React.Fragment>
           :""
         }
diff --git a/src/forge/DevOps/Dispose.jsx b/src/forge/DevOps/Dispose.jsx
index f26cd760e..b03492872 100644
--- a/src/forge/DevOps/Dispose.jsx
+++ b/src/forge/DevOps/Dispose.jsx
@@ -104,7 +104,7 @@ function Dispose(props){
         <p className="editorHead">{info}</p>
         <Editor
           height="300px"
-          language={"java"}
+          language={"yml"}
           theme={"vs-grey"}
           defaultValue="请输入内容"
           value={ymlValue}
diff --git a/src/forge/DevOps/Infos.jsx b/src/forge/DevOps/Infos.jsx
index c65b7aaf7..373d21138 100644
--- a/src/forge/DevOps/Infos.jsx
+++ b/src/forge/DevOps/Infos.jsx
@@ -1,4 +1,4 @@
-import React , { useEffect , useState } from 'react';
+import React , { useEffect , useState , useRef } from 'react';
 import { Banner } from '../Component/layout';
 import { Link } from 'react-router-dom';
 
@@ -12,6 +12,7 @@ const Div = styled.div`{
 }`;
 export default ((props)=>{
   const [ menu , setMenu ] = useState(false);
+  const childRef = useRef();
 
   const path = props.location.pathname;
   const owner = props.match.params.owner;
@@ -23,14 +24,23 @@ export default ((props)=>{
       setMenu(false);
     }
   },[path])
+
+  const updateChildState = () => {
+    // changeVal就是子组件暴露给父组件的方法
+    if (childRef.current) {
+      childRef.current.changeVal();
+    }
+  }
+
   return(
     <div className="disposePanel">
       <Banner>
         <Link to={`/projects/${owner}/${props.match.params.projectsId}/devops/dispose`} className={menu===false && "color-blue"}>工作流配置</Link>
         <Link to={`/projects/${owner}/${props.match.params.projectsId}/devops/list`}className={menu===true && "color-blue"} style={{ marginLeft:"66px"}}>构建列表</Link>
+        { menu===true && <a onClick={updateChildState} style={{float:"right",fontSize:"14px",color:"#FF6E21",marginTop:"5px"}}>刷新</a>}
       </Banner>
       <Div>
-        { menu === true && <Structure {...props}/> }
+        { menu === true && <Structure {...props}  wrappedComponentRef={(form) => childRef.current = form} ref={childRef}/> }
         { menu === false && <Dispost {...props}/> }
       </Div>
     </div>
diff --git a/src/forge/DevOps/Structure.jsx b/src/forge/DevOps/Structure.jsx
index c782cc554..89ba01ca1 100644
--- a/src/forge/DevOps/Structure.jsx
+++ b/src/forge/DevOps/Structure.jsx
@@ -1,9 +1,8 @@
-import React, { useState, useEffect } from "react";
-import { FlexAJ, AlignCenter, Blueback } from "../Component/layout";
+import React, { useState, useEffect , useImperativeHandle ,forwardRef } from "react";
+import { FlexAJ, AlignCenter } from "../Component/layout";
 import { Table, Pagination, Popconfirm } from "antd";
 import { truncateCommitId } from "../common/util";
 import {getUrl} from 'educoder';
-import styled from "styled-components";
 import axios from "axios";
 
 const STATUS = [
@@ -14,7 +13,7 @@ const STATUS = [
   { name: "已完成", value: "success" },
 ];
 const LIMIT = 15;
-export default (props) => {
+function Structure(props,ref){
   const [status, setStatus] = useState(undefined);
   const [page, setPage] = useState(1);
   const [total, setTotal] = useState(0);
@@ -24,6 +23,12 @@ export default (props) => {
   let projectsId = props.match.params.projectsId;
   let owner = props.match.params.owner;
 
+  useImperativeHandle(ref, () => ({
+    changeVal: () => {
+      setTableLoading(true);
+      Init();
+    }
+  }))
   useEffect(() => {
     if (projectsId) {
       Init();
@@ -290,7 +295,7 @@ export default (props) => {
         pagination={false}
         loading={tableLoading}
       ></Table>
-      {total > LIMIT ? (
+      {total > LIMIT ? 
         <div style={{ textAlign: "center", margin: "30px 50px" }}>
           <Pagination
             showQuickJumper
@@ -299,10 +304,10 @@ export default (props) => {
             pageSize={LIMIT}
             onChange={ChangePage}
           ></Pagination>
-        </div>
-      ) : (
-        ""
-      )}
+        </div> 
+        : 
+      "" }
     </div>
   );
 };
+export default forwardRef(Structure);
diff --git a/src/forge/Main/Detail.js b/src/forge/Main/Detail.js
index 9d12a23dc..9d66e4758 100644
--- a/src/forge/Main/Detail.js
+++ b/src/forge/Main/Detail.js
@@ -488,7 +488,7 @@ class Detail extends Component {
                     </li>
                   }
                   <li className={pathname==="devops" ? "active" : ""}>
-                    <Link to={{ pathname: `/projects/${owner}/${projectsId}/devops${open_devops ? `/dispose`:""}`, state }}>
+                    <Link to={{ pathname: `/projects/${owner}/${projectsId}/devops${open_devops ? `/list`:""}`, state }}>
                       <i className="iconfont icon-gongzuoliu font-13 mr8"></i>工作流
                       {projectDetail && projectDetail.ops_count ? <span>{projectDetail.ops_count}</span> : ""} 
                     </Link>
diff --git a/src/forge/users/CIList.jsx b/src/forge/users/CIList.jsx
index 7f48f6d10..7d678b931 100644
--- a/src/forge/users/CIList.jsx
+++ b/src/forge/users/CIList.jsx
@@ -1,5 +1,5 @@
 import React , { useEffect , useState } from 'react';
-import { Button ,Spin , Pagination } from 'antd';
+import { Button ,Spin , Pagination , Popconfirm } from 'antd';
 import { Link } from 'react-router-dom';
 import Nodata from '../Nodata';
 import axios from 'axios';
@@ -15,26 +15,43 @@ function CIList(props){
   useEffect(()=>{
     setIsSpining(true);
     if(user && user.login){
-      const url = `/users/${user.login}/projects.json`;
-      axios.get(url,{
-        params:{
-        limit , page , category:"manage"
-        }
-      }).then(result=>{
-        if(result && result.data){
-          setList(result.data.projects);
-          setTotal(result.data.count);
-          setIsSpining(false);
-        }
-      }).catch(error=>{
-        console.log(error);
-      })
+      getInfo();
     }
   },[user,page])
 
+  function getInfo(){
+    const url = `/users/${user.login}/projects.json`;
+    axios.get(url,{
+      params:{
+      limit , page , category:"manage"
+      }
+    }).then(result=>{
+      if(result && result.data){
+        setList(result.data.projects);
+        setTotal(result.data.count);
+        setIsSpining(false);
+      }
+    }).catch(error=>{
+      console.log(error);
+    })
+  }
+
   function changePage(page){
     setPage(page);
   }
+
+  // 取消激活
+  function cancelActivate(author,identifier){
+    setIsSpining(true);
+    const url =`/${author && author.login}/${identifier}/deactivate.json`;
+    axios.delete(url).then(result=>{
+      if(result){
+        getInfo();
+      }else{
+        setIsSpining(false);
+      }
+    }).catch(error=>{setIsSpining(false);})
+  }
   return(
     <div style={{minHeight:"400px"}}>
       <Spin spinning={isSpining}>
@@ -45,14 +62,25 @@ function CIList(props){
                 return(
                   <li key={key}>
                     <span>
-                      <Link to={`/projects/${item.author && item.author.login}/${item.identifier}`}>{item.name}</Link>
+                      <Link to={`/projects/${item.author && item.author.login}/${item.identifier}${ item.open_devops ? "/devops/list":""}`}>{item.name}</Link>
                       { item.open_devops ? 
                         <span className="authTag green ml20">已激活</span>
                         :
                         <span className="authTag red ml20">未激活</span>
                       }
                     </span>
-                    { !item.open_devops && <Button type={"primary"} onClick={()=>{props.history.push(`/projects/${item.author && item.author.login}/${item.identifier}/devops`)}}>马上激活</Button> }
+                    { item.open_devops ? 
+                      <Popconfirm
+                        title="确定取消激活？"
+                        onConfirm={()=>cancelActivate(item.author,item.identifier)}
+                        okText="确定"
+                        cancelText="取消"
+                      >
+                        <Button>取消激活</Button>
+                      </Popconfirm>
+                      : 
+                      <Button type={"primary"} onClick={()=>{props.history.push(`/projects/${item.author && item.author.login}/${item.identifier}/devops`)}}>马上激活</Button> 
+                    }
                   </li>
                 )
               })}
diff --git a/src/forge/users/CIdispose.jsx b/src/forge/users/CIdispose.jsx
index bfd604e97..8e87ace31 100644
--- a/src/forge/users/CIdispose.jsx
+++ b/src/forge/users/CIdispose.jsx
@@ -54,7 +54,7 @@ function CIdispose(props){
         getInit();
       }
     }).catch(error=>{
-      console.log(error);
+      setBindVisible(false);
     })
   }
 
@@ -141,12 +141,12 @@ function CIdispose(props){
           <span>CI服务器地址</span>
           {CIData && step >= 1 && <span className="ml10">{CIData.ip}</span>}
           { step === 0 && <span className="ml10 authTag red">未绑定</span> }
-          { !ci_certification && <span className="ml10 authTag red">未认证</span> }
+          { step > 0 && !ci_certification && <span className="ml10 authTag red">未认证</span> }
           { ci_certification && <span className="ml10 authTag green">已认证</span> }
         </AlignCenter>
         <AlignCenter>
           { step === 0 && <Button type={'primary'} onClick={()=>setBindVisible(true)} >马上绑定</Button> }
-          { !ci_certification && <Button type={'primary'} style={{color:"#fff"}} href={CIData && CIData.redirect_url} target="_blank">马上认证</Button> }
+          { step > 0 && !ci_certification && <Button type={'primary'} style={{color:"#fff"}} href={CIData && CIData.redirect_url} target="_blank">马上认证</Button> }
           { step >= 1 && <Button type={'danger'} className="ml20" onClick={()=>setVisible(true)}>解除绑定</Button> }
         </AlignCenter>
       </div>