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

Further i18nified Autocomplete

Browse Source
This commit is contained in:
Philipp Czora
2018-11-22 10:55:21 +01:00
parent c23e0f4610
commit 69910ab2c6
6 changed files with 37 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
scm-ui/src/containers/Autocomplete.js
View File

@@ -34,7 +34,7 @@ class Autocomplete extends React.Component<Props, State> {
placeholder: "Type here",
loadingMessage: "Loading...",
noOptionsMessage: "No suggestion available"
}
};
handleInputChange = (newValue: SelectValue) => {
this.props.valueSelected(newValue);

10
scm-ui/src/groups/components/AutocompleteAddEntryToTableField.js
View File

@@ -14,7 +14,10 @@ type Props = {
buttonLabel: string,
fieldLabel: string,
helpText?: string,
loadSuggestions: string => Promise<AutocompleteObject>
loadSuggestions: string => Promise<AutocompleteObject>,
placeholder?: string,
loadingMessage?: string,
noOptionsMessage?: string
};
type State = {
@@ -27,7 +30,7 @@ class AutocompleteAddEntryToTableField extends React.Component<Props, State> {
this.state = { selectedValue: undefined };
}
render() {
const { disabled, buttonLabel, fieldLabel, helpText, loadSuggestions } = this.props;
const { disabled, buttonLabel, fieldLabel, helpText, loadSuggestions, placeholder, loadingMessage, noOptionsMessage } = this.props;
const { selectedValue } = this.state;
return (
@@ -38,6 +41,9 @@ class AutocompleteAddEntryToTableField extends React.Component<Props, State> {
valueSelected={this.handleAddEntryChange}
helpText={helpText}
value={selectedValue}
placeholder={placeholder}
loadingMessage={loadingMessage}
noOptionsMessage={noOptionsMessage}
/>
<AddButton

3
scm-ui/src/groups/components/GroupForm.js
View File

@@ -106,6 +106,9 @@ class GroupForm extends React.Component<Props, State> {
fieldLabel={t("add-member-textfield.label")}
errorMessage={t("add-member-textfield.error")}
loadSuggestions={this.props.loadUserSuggestions}
placeholder={t("add-member-autocomplete.placeholder")}
loadingMessage={t("add-member-autocomplete.loading")}
noOptionsMessage={t("add-member-autocomplete.no-options")}
/>
<SubmitButton
disabled={!this.isValid()}

11
scm-ui/src/repos/permissions/components/CreatePermissionForm.js
View File

@@ -82,13 +82,17 @@ class CreatePermissionForm extends React.Component<Props, State> {
});
};
renderAutocompletionField = () => {
const { t } = this.props;
if (this.state.groupPermission) {
return (
<Autocomplete
loadSuggestions={this.loadGroupAutocompletion}
valueSelected={this.groupOrUserSelected}
value={this.state.value}
label={"Group"}
label={t("permission.group")}
noOptionsMessage={t("permission.autocomplete.no-group-options")}
loadingMessage={t("permission.autocomplete.loading")}
placeholder={t("permission.autocomplete.group-placeholder")}
/>
);
}
@@ -97,7 +101,10 @@ class CreatePermissionForm extends React.Component<Props, State> {
loadSuggestions={this.loadUserAutocompletion}
valueSelected={this.groupOrUserSelected}
value={this.state.value}
label={"User"}
label={t("permission.user")}
noOptionsMessage={t("permission.autocomplete.no-user-options")}
loadingMessage={t("permission.autocomplete.loading")}
placeholder={t("permission.autocomplete.user-placeholder")}
/>
);
};