- })
+
+
+ ),
+ },
+ {
+ title: "用户名",
+ dataIndex: "name",
+ render: (text, item) => (
+
+ {text}
+
+ ),
+ },
+ {
+ title: "邮箱",
+ dataIndex: "email",
+ render: (text) => {text},
+ },
+ {
+ title: roleTitle,
+ dataIndex: "role_name",
+ render: (text, item) => member_roles(item),
+ },
+ {
+ title: "操作",
+ dataIndex: "action",
+ render: (text, item) => (
+
+ {author && author.login !== item.login && (
+ this.deleteUser(item.id)}
+ >
+ 删除
+
+ )}
+
+ ),
+ },
+ ];
+ const roles = (id) => (
+
+ );
+ const setRoles = (id) => (
+
+ );
+
+ const source =
+ userDataSource &&
+ userDataSource.map((item, key) => {
+ return (
+
+ );
+ });
+ return (
+
- 协作者
+ const get_color = (role) => {
+ if (role === "Manager") {
+ return "text-green";
+ } else if (role === "Developer") {
+ return "text-primary";
+ } else {
+ return "text-yellow";
+ }
+ };
+ const member_roles = (item) => {
+ const operation = MENU_LIST.filter((i) => i.id === item.role);
+ return (
+
+ {author && author.login === item.login ? (
+
+ ) : (
+
+
+ {operation && operation[0].name}
+
+ )}
+
+ );
+ };
+ const roleTitle = (
+
+ );
+ const columns = [
+ {
+ title: "头像",
+ dataIndex: "image_url",
+ render: (text, item) => (
+
+
+ 角色
+
+
+ }>
+ 管理员：拥有仓库设置功能、代码库读、写操作
+ 开发人员：只拥有代码库读、写操作
+ 报告者：只拥有代码库读操作
+
+ 协作者管理
-
-
- {
- total_count && total_count > LIMIT ?
-
- {
- listData && listData.map((item,key)=>{
- const operation = MENU_LIST.filter(i=>i.id === item.role);
- return(
-
-
-
-
- 
-
- {item.name}
- ({item.login})
-
-
-
-
-
- {
- author && author.login === item.login ?
-
- :
-
- {operation && operation[0].name}
- }
-
-
-
- {
- author && author.login !== item.login &&
- this.deleteUser(item.id)}>删除
- }
-
-
- )
- })
- }
-
-
-
-
+
+ {total_count && total_count > LIMIT ? (
+
- )
+ );
}
}
export default Collaborator;
diff --git a/src/forge/Settings/Index.js b/src/forge/Settings/Index.js
index 5e93b639..b7a7c8fa 100644
--- a/src/forge/Settings/Index.js
+++ b/src/forge/Settings/Index.js
@@ -1,67 +1,124 @@
-import React , { Component } from 'react';
-import { Link , Route , Switch } from 'react-router-dom';
+import React, { Component } from "react";
+import { Link, Route, Switch } from "react-router-dom";
-import '../css/index.css';
-import './setting.css';
+import "../css/index.css";
+import "./setting.css";
-import Loadable from 'react-loadable';
-import Loading from '../../Loading';
+import Loadable from "react-loadable";
+import Loading from "../../Loading";
const Branch = Loadable({
- loader: () => import('./Branch'),
- loading: Loading,
-})
-const Setting = Loadable({
- loader: () => import('./Setting'),
- loading: Loading,
-})
-const Collaborator = Loadable({
- loader: () => import('./Collaborator'),
- loading: Loading,
-})
-const Tags = Loadable({
- loader: () => import('./new_tags'),
+ loader: () => import("./Branch"),
loading: Loading,
-})
-class Index extends Component{
- render(){
+});
+const Setting = Loadable({
+ loader: () => import("./Setting"),
+ loading: Loading,
+});
+const Collaborator = Loadable({
+ loader: () => import("./Collaborator"),
+ loading: Loading,
+});
+const Tags = Loadable({
+ loader: () => import("./new_tags"),
+ loading: Loading,
+});
+class Index extends Component {
+ render() {
const { projectsId } = this.props.match.params;
const { pathname } = this.props.history.location;
- const flag = (pathname === `/projects/${projectsId}/setting`);
- return(
-
+ this.searchMember(value)}
+ />
+
+
+ {roleName ? roleName : "角色筛选"}
+
+
+
+
+ {listData ? (
+ record.id}
+ >
+ ) : (
+
- :""
- }
+
+
+ ) : (
+ ""
+ )}
-
-
-
- 仓库 -
- -1?"active":""}>协作者 -
- -1?"active":""}>项目标签 - {/*
- -1?"active":""}>分支列表 */} -
-
- {/* 协作者 */}
- (
+
- )
+ );
}
}
-export default Index;
\ No newline at end of file
+export default Index;
diff --git a/src/forge/Settings/Setting.js b/src/forge/Settings/Setting.js
index 4c31b219..e07591fe 100644
--- a/src/forge/Settings/Setting.js
+++ b/src/forge/Settings/Setting.js
@@ -1,196 +1,212 @@
-import React , { Component } from 'react';
-import { Form , Input , Checkbox , Select } from 'antd';
+import React, { Component } from "react";
+import { Form, Input, Checkbox, Select } from "antd";
-import axios from 'axios';
+import axios from "axios";
const { TextArea } = Input;
const { Option } = Select;
-class Setting extends Component{
- constructor(props){
+class Setting extends Component {
+ constructor(props) {
super(props);
- this.state={
- CategoryList:undefined,
- LanguageList:undefined,
- private_check:undefined
- }
+ this.state = {
+ CategoryList: undefined,
+ LanguageList: undefined,
+ private_check: undefined,
+ };
}
- componentDidMount=()=>{
+ componentDidMount = () => {
this.getCategory();
this.getLanguage();
this.getInfo();
- }
- getLanguage=()=>{
- const url = `/project_languages.json`
- axios.get(url).then((result)=>{
- if(result){
- let LanguageList = this.setOptionsList(result.data.project_languages)
- this.setState({
- LanguageList
- })
- }
- }).catch((error)=>{})
- }
+ };
+ getLanguage = () => {
+ const url = `/project_languages.json`;
+ axios
+ .get(url)
+ .then((result) => {
+ if (result) {
+ let LanguageList = this.setOptionsList(result.data.project_languages);
+ this.setState({
+ LanguageList,
+ });
+ }
+ })
+ .catch((error) => {});
+ };
- getInfo=()=>{
+ getInfo = () => {
const { projectsId } = this.props.match.params;
const url = `/repositories/${projectsId}/edit.json`;
- axios.get(url).then(result=>{
- if(result){
- this.props.form.setFieldsValue({
- ...result.data
- })
- this.setState({
- private_check:result.data.private
- })
- }
- }).catch(error=>{
- console.log(error);
- })
- }
-
- getCategory=()=>{
- const url = `/project_categories.json`
- axios.get(url).then((result)=>{
- if(result){
- let CategoryList = this.setOptionsList(result.data.project_categories)
- this.setState({
- CategoryList
- })
- }
- }).catch((error)=>{})
- }
-
- setOptionsList = (data) =>{
- let list = undefined;
- if(data && data.length > 0){
- list = data.map((item,key)=>{
- return(
-
- )
+ axios
+ .get(url)
+ .then((result) => {
+ if (result) {
+ this.props.form.setFieldsValue({
+ ...result.data,
+ });
+ this.setState({
+ private_check: result.data.private,
+ });
+ }
})
+ .catch((error) => {
+ console.log(error);
+ });
+ };
+
+ getCategory = () => {
+ const url = `/project_categories.json`;
+ axios
+ .get(url)
+ .then((result) => {
+ if (result) {
+ let CategoryList = this.setOptionsList(
+ result.data.project_categories
+ );
+ this.setState({
+ CategoryList,
+ });
+ }
+ })
+ .catch((error) => {});
+ };
+
+ setOptionsList = (data) => {
+ let list = undefined;
+ if (data && data.length > 0) {
+ list = data.map((item, key) => {
+ return (
+
+ );
+ });
}
return list;
- }
+ };
// 更新仓库设置
- resetSetting=()=>{
- this.props.form.validateFields((err,values)=>{
- if(!err){
+ resetSetting = () => {
+ this.props.form.validateFields((err, values) => {
+ if (!err) {
const { project_id } = this.props;
const { private_check } = this.state;
const url = `/projects/${project_id}.json`;
- axios.put(url,{
- name:values.project_name,
- description:values.project_description,
- private:private_check,
- ...values
- }).then(result=>{
- if(result){
- this.props.showNotification(`仓库信息修改成功！`);
- const { getDetail } = this.props;
- getDetail && getDetail();
- }
- }).catch(error=>{
- console.log(error);
- })
+ axios
+ .put(url, {
+ name: values.project_name,
+ description: values.project_description,
+ private: private_check,
+ ...values,
+ })
+ .then((result) => {
+ if (result) {
+ this.props.showNotification(`仓库信息修改成功！`);
+ const { getDetail } = this.props;
+ getDetail && getDetail();
+ }
+ })
+ .catch((error) => {
+ console.log(error);
+ });
}
- })
- }
+ });
+ };
// 删除本仓库
- deleteProject=()=>{
+ deleteProject = () => {
this.props.confirm({
- content:"删除后无法恢复，是否确认删除本仓库？",
- onOk:()=>{
+ content: "删除后无法恢复，是否确认删除本仓库？",
+ onOk: () => {
const { project_id } = this.props;
const url = `/projects/${project_id}.json`;
- axios.delete(url).then(result=>{
- this.props.showNotification("仓库删除成功！");
- this.props.history.push("/projects");
- }).catch(error=>{
- console.log(error);
- })
- }
- })
- }
- changePrivate=(e)=>{
+ axios
+ .delete(url)
+ .then((result) => {
+ this.props.showNotification("仓库删除成功！");
+ this.props.history.push("/projects");
+ })
+ .catch((error) => {
+ console.log(error);
+ });
+ },
+ });
+ };
+ changePrivate = (e) => {
console.log(e);
this.setState({
- private_check:e.target.checked
- })
- }
+ private_check: e.target.checked,
+ });
+ };
- render(){
+ render() {
const { getFieldDecorator } = this.props.form;
- const { CategoryList , LanguageList , private_check } = this.state;
- return(
+ const { CategoryList, LanguageList, private_check } = this.state;
+ return (
+
+ -
+
-
+
+ + + 基本设置 + +
+
+ - -1 ? "active" : ""
}
- >
- {/* 修改仓库信息 */}
-
( - {/* 修改仓库信息 */} -) - } - > ( ) + > + + + + 协作者管理 + +
+
+ - -1 ? "active" : ""
}
- >
+ >
+
+ + + 分支设置 + +
+
+ - -1 ? "active" : ""}
+ >
+
+ + + 项目标签 + +
+
-
+ - -1 ? "active" : ""
+ }
+ >
+
+ + + 管理Web钩子 + +
+
+
+
+
+ {/* 协作者 */}
+ (
+
+ {/* 修改仓库信息 */}
+ (
+
+ {/* 修改仓库信息 */}
+ (
+
+
+
-
- 基本设置
-
+ 基本设置