This commit is contained in:
NikolayRechkin 2020-02-06 15:55:46 +03:00
commit db5cddf7db
3 changed files with 21 additions and 6 deletions

View File

@ -125,7 +125,8 @@ class SectionBodyContent extends React.Component {
key: GUID_EMPTY, key: GUID_EMPTY,
label: t("LblSelect"), label: t("LblSelect"),
default: true default: true
} },
nameError: null
}; };
return newState; return newState;
@ -193,7 +194,10 @@ class SectionBodyContent extends React.Component {
const { group, t, groupCaption } = this.props; const { group, t, groupCaption } = this.props;
const { groupName, groupManager, groupMembers } = this.state; const { groupName, groupManager, groupMembers } = this.state;
if (!groupName || !groupName.trim().length) return false; if (!groupName || !groupName.trim().length) {
this.setState({nameError: t('EmptyFieldError')});
return false;
}
this.setState({ inLoading: true }); this.setState({ inLoading: true });
@ -253,6 +257,11 @@ class SectionBodyContent extends React.Component {
} }
} }
onFocusName = () => {
if(this.state.nameError)
this.setState({ nameError: null });
}
render() { render() {
const { t, groupHeadCaption, groupsCaption, me } = this.props; const { t, groupHeadCaption, groupsCaption, me } = this.props;
const { const {
@ -264,14 +273,16 @@ class SectionBodyContent extends React.Component {
error, error,
searchValue, searchValue,
groupManager, groupManager,
buttonLabel buttonLabel,
nameError
} = this.state; } = this.state;
return ( return (
<MainContainer> <MainContainer>
<FieldContainer <FieldContainer
className="group-name_container" className="group-name_container"
isRequired={true} isRequired={true}
hasError={false} hasError={!!nameError}
errorMessage={nameError}
isVertical={true} isVertical={true}
labelText={t("Name")} labelText={t("Name")}
> >
@ -283,9 +294,11 @@ class SectionBodyContent extends React.Component {
isBold={true} isBold={true}
tabIndex={1} tabIndex={1}
value={groupName} value={groupName}
hasError={!!nameError}
onChange={this.onGroupChange} onChange={this.onGroupChange}
isDisabled={inLoading} isDisabled={inLoading}
onKeyUp={this.onKeyPress} onKeyUp={this.onKeyPress}
onFocus={this.onFocusName}
/> />
</FieldContainer> </FieldContainer>
<FieldContainer <FieldContainer

View File

@ -11,5 +11,6 @@
"CustomNewDepartment": "{{groupCaption}} (creation)", "CustomNewDepartment": "{{groupCaption}} (creation)",
"SearchAddedMembers": "Search added members", "SearchAddedMembers": "Search added members",
"MeLabel": "Me" "MeLabel": "Me",
"EmptyFieldError": "Empty field"
} }

View File

@ -11,5 +11,6 @@
"CustomNewDepartment": "{{groupCaption}} (создание)", "CustomNewDepartment": "{{groupCaption}} (создание)",
"SearchAddedMembers": "Поиск добавленных участников", "SearchAddedMembers": "Поиск добавленных участников",
"MeLabel": "Я" "MeLabel": "Я",
"EmptyFieldError": "Пустое поле"
} }