Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-15 17:56:17 +01:00
Code Issues Packages Projects Releases Activity

transfer field to add new entry of each component to global one

Browse Source
This commit is contained in:
Maren Süwer
2018-08-21 11:59:12 +02:00
parent d9e66fdbaa
commit ebed0d0997
8 changed files with 97 additions and 293 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
scm-ui/src/config/components/fields/AddAdminGroupField.js
View File

@@ -1,67 +0,0 @@
//@flow
import React from "react";
import { translate } from "react-i18next";
import { AddButton } from "../../../components/buttons";
import InputField from "../../../components/forms/InputField";
type Props = {
t: string => string,
addGroup: string => void,
disabled: boolean
};
type State = {
groupToAdd: string
};
class AddAdminGroupField extends React.Component<Props, State> {
constructor(props) {
super(props);
this.state = {
groupToAdd: ""
};
}
render() {
const { t, disabled } = this.props;
return (
<div className="field">
<InputField
label={t("admin-settings.add-group-textfield")}
errorMessage={t("admin-settings.add-group-error")}
onChange={this.handleAddGroupChange}
validationError={false}
value={this.state.groupToAdd}
onReturnPressed={this.appendGroup}
disabled={disabled}
/>
<AddButton
label={t("admin-settings.add-group-button")}
action={this.addButtonClicked}
disabled={disabled}
/>
</div>
);
}
addButtonClicked = (event: Event) => {
event.preventDefault();
this.appendGroup();
};
appendGroup = () => {
const { groupToAdd } = this.state;
this.props.addGroup(groupToAdd);
this.setState({ ...this.state, groupToAdd: "" });
};
handleAddGroupChange = (groupname: string) => {
this.setState({
...this.state,
groupToAdd: groupname
});
};
}
export default translate("config")(AddAdminGroupField);

73
scm-ui/src/config/components/fields/AddAdminUserField.js
View File

@@ -1,73 +0,0 @@
//@flow
import React from "react";
import { translate } from "react-i18next";
import { AddButton } from "../../../components/buttons";
import InputField from "../../../components/forms/InputField";
type Props = {
t: string => string,
addUser: string => void,
disabled: boolean
};
type State = {
userToAdd: string
//validationError: boolean
};
class AddAdminUserField extends React.Component<Props, State> {
constructor(props) {
super(props);
this.state = {
userToAdd: ""
//validationError: false
};
}
render() {
const { t, disabled } = this.props;
return (
<div className="field">
<InputField
label={t("admin-settings.add-user-textfield")}
errorMessage={t("admin-settings.add-user-error")}
onChange={this.handleAddUserChange}
validationError={false}
value={this.state.userToAdd}
onReturnPressed={this.appendUser}
disabled={disabled}
/>
<AddButton
label={t("admin-settings.add-user-button")}
action={this.addButtonClicked}
disabled={disabled}
//disabled={!isMemberNameValid(this.state.memberToAdd)}
/>
</div>
);
}
addButtonClicked = (event: Event) => {
event.preventDefault();
this.appendUser();
};
appendUser = () => {
const { userToAdd } = this.state;
//if (isMemberNameValid(memberToAdd)) {
this.props.addUser(userToAdd);
this.setState({ ...this.state, userToAdd: "" });
// }
};
handleAddUserChange = (username: string) => {
this.setState({
...this.state,
userToAdd: username
//validationError: membername.length > 0 && !isMemberNameValid(membername)
});
};
}
export default translate("config")(AddAdminUserField);

73
scm-ui/src/config/components/fields/AddProxyExcludeField.js
View File

@@ -1,73 +0,0 @@
//@flow
import React from "react";
import { translate } from "react-i18next";
import { AddButton } from "../../../components/buttons";
import InputField from "../../../components/forms/InputField";
type Props = {
t: string => string,
addProxyExclude: string => void,
disabled: boolean
};
type State = {
proxyExcludeToAdd: string
//validationError: boolean
};
class AddProxyExcludeField extends React.Component<Props, State> {
constructor(props) {
super(props);
this.state = {
proxyExcludeToAdd: ""
//validationError: false
};
}
render() {
const { t } = this.props;
return (
<div className="field">
<InputField
label={t("proxy-settings.add-proxy-exclude-textfield")}
errorMessage={t("proxy-settings.add-proxy-exclude-error")}
onChange={this.handleAddProxyExcludeChange}
validationError={false}
value={this.state.proxyExcludeToAdd}
onReturnPressed={this.appendProxyExclude}
disabled={this.props.disabled}
/>
<AddButton
label={t("proxy-settings.add-proxy-exclude-button")}
action={this.addButtonClicked}
disabled={this.props.disabled}
//disabled={!isMemberNameValid(this.state.memberToAdd)}
/>
</div>
);
}
addButtonClicked = (event: Event) => {
event.preventDefault();
this.appendProxyExclude();
};
appendProxyExclude = () => {
const { proxyExcludeToAdd } = this.state;
//if (isMemberNameValid(memberToAdd)) {
this.props.addProxyExclude(proxyExcludeToAdd);
this.setState({ ...this.state, proxyExcludeToAdd: "" });
// }
};
handleAddProxyExcludeChange = (username: string) => {
this.setState({
...this.state,
proxyExcludeToAdd: username
//validationError: membername.length > 0 && !isMemberNameValid(membername)
});
};
}
export default translate("config")(AddProxyExcludeField);

18
scm-ui/src/config/components/form/AdminSettings.js
View File

@@ -4,8 +4,7 @@ import { translate } from "react-i18next";
import Subtitle from "../../../components/layout/Subtitle";
import AdminGroupTable from "../table/AdminGroupTable";
import AdminUserTable from "../table/AdminUserTable";
import AddAdminGroupField from "../fields/AddAdminGroupField";
import AddAdminUserField from "../fields/AddAdminUserField";
import AddEntryToTableField from "../../../components/forms/AddEntryToTableField";
type Props = {
adminGroups: string[],
@@ -29,8 +28,14 @@ class AdminSettings extends React.Component<Props> {
}
disabled={!hasUpdatePermission}
/>
<AddAdminGroupField addGroup={this.addGroup} disabled={!hasUpdatePermission}
<AddEntryToTableField
addEntry={this.addGroup}
disabled={!hasUpdatePermission}
buttonLabel={t("admin-settings.add-group-button")}
fieldLabel={t("admin-settings.add-group-textfield")}
errorMessage={t("admin-settings.add-group-error")}
/>
<AdminUserTable
adminUsers={adminUsers}
onChange={(isValid, changedValue, name) =>
@@ -38,7 +43,12 @@ class AdminSettings extends React.Component<Props> {
}
disabled={!hasUpdatePermission}
/>
<AddAdminUserField addUser={this.addUser} disabled={!hasUpdatePermission}
<AddEntryToTableField
addEntry={this.addUser}
disabled={!hasUpdatePermission}
buttonLabel={t("admin-settings.add-user-button")}
fieldLabel={t("admin-settings.add-user-textfield")}
errorMessage={t("admin-settings.add-user-error")}
/>
</div>
);

10
scm-ui/src/config/components/form/ProxySettings.js
View File

@@ -4,7 +4,7 @@ import { translate } from "react-i18next";
import { Checkbox, InputField } from "../../../components/forms/index";
import Subtitle from "../../../components/layout/Subtitle";
import ProxyExcludesTable from "../table/ProxyExcludesTable";
import AddProxyExcludeField from "../fields/AddProxyExcludeField";
import AddEntryToTableField from "../../../components/forms/AddEntryToTableField";
type Props = {
proxyPassword: string,
@@ -65,6 +65,7 @@ class ProxySettings extends React.Component<Props> {
onChange={this.handleProxyUserChange}
disabled={!enableProxy || !hasUpdatePermission}
/>
<ProxyExcludesTable
proxyExcludes={proxyExcludes}
onChange={(isValid, changedValue, name) =>
@@ -72,9 +73,12 @@ class ProxySettings extends React.Component<Props> {
}
disabled={!enableProxy || !hasUpdatePermission}
/>
<AddProxyExcludeField
addProxyExclude={this.addProxyExclude}
<AddEntryToTableField
addEntry={this.addProxyExclude}
disabled={!enableProxy || !hasUpdatePermission}
buttonLabel={t("proxy-settings.add-proxy-exclude-button")}
fieldLabel={t("proxy-settings.add-proxy-exclude-textfield")}
errorMessage={t("proxy-settings.add-proxy-exclude-error")}
/>
</div>
);