-);
-
-const renderDepartmentField = ({ input, onClick }) => (
-
-);
-
-const renderDepartmentsField = ({ fields, label }) => {
- return (
-
-
-
- {fields.map((member, index) => (
- fields.remove(index)}
- />
- ))}
-
-
- )
-};
-
-const renderTextareaField = ({ input }) => (
-
-);
-
-let UserForm = (props) => {
- const { t } = useTranslation();
- const {
- error,
- handleSubmit,
- submitting,
- initialValues,
- sexValue,
- passwordTypeValue,
- passwordError,
- userType,
- history,
- updateProfile,
- createProfile
- } = props;
-
- const employeeWrapperToMemberModel = (profile) => {
- const comment = profile.notes;
- const department = profile.groups ? profile.groups.map(group => group.id) : [];
- const worksFrom = profile.workFrom;
-
- return {...profile, comment, department, worksFrom};
- }
-
- const onCancel = useCallback(() => {
- history.goBack();
- }, [history]);
-
- const onSubmit = useCallback(async (values) => {
- try {
- const member = employeeWrapperToMemberModel(values);
-
- if (values.id) {
- await updateProfile(member);
- } else {
- await createProfile(member);
- }
-
- toastr.success("Success");
- history.goBack();
- } catch(error) {
- toastr.error(error.message);
- }
- }, [history, updateProfile, createProfile]);
-
- return (
-
- )
-}
-
-const validate = (values) => {
- const requiredFieldText = "RequiredField";
- const errors = {};
-
- if (!values.firstName)
- errors.firstName = requiredFieldText;
-
- if (!values.lastName)
- errors.lastName = requiredFieldText;
-
- if (!values.email)
- errors.email = requiredFieldText;
-
- if (values.passwordType === "temp" && !values.password)
- errors.password = requiredFieldText;
-
- return errors
-};
-
-UserForm = reduxForm({
- validate,
- form: formName,
- enableReinitialize: true,
-})(withRouter(UserForm))
-
-const selector = formValueSelector(formName)
-
-const mapStateToProps = (state) => {
- const sexValue = selector(state, "sex") || "male";
- const passwordTypeValue = selector(state, "passwordType") || "link";
- const passwordError =
- passwordTypeValue !== "link" &&
- state &&
- state.form &&
- state.form.userForm &&
- state.form.userForm.fields &&
- state.form.userForm.fields.password &&
- state.form.userForm.fields.password.touched &&
- !selector(state, "password");
-
- return {
- sexValue,
- passwordTypeValue,
- passwordError
- }
-};
-
-export default connect(
- mapStateToProps,
- {
- createProfile,
- updateProfile
- }
-)(UserForm)
\ No newline at end of file
diff --git a/products/ASC.People/Client/src/components/pages/ProfileAction/Section/Body/createUserForm.js b/products/ASC.People/Client/src/components/pages/ProfileAction/Section/Body/createUserForm.js
new file mode 100644
index 0000000000..de811940d9
--- /dev/null
+++ b/products/ASC.People/Client/src/components/pages/ProfileAction/Section/Body/createUserForm.js
@@ -0,0 +1,231 @@
+import React from 'react'
+import { withRouter } from 'react-router'
+import { connect } from 'react-redux'
+import { Avatar, Button, Textarea, Text, toastr } from 'asc-web-components'
+import { withTranslation } from 'react-i18next';
+import { toEmployeeWrapper, getUserRole, profileEqual, createProfile } from '../../../../../store/profile/actions';
+import { MainContainer, AvatarContainer, MainFieldsContainer, TextField, PasswordField, DateField, RadioField, DepartmentField } from './userFormFields'
+
+class CreateUserForm extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = this.mapPropsToState(props);
+
+ this.validate = this.validate.bind(this);
+ this.handleSubmit = this.handleSubmit.bind(this);
+ this.onTextChange = this.onTextChange.bind(this);
+ this.onBirthdayDateChange = this.onBirthdayDateChange.bind(this);
+ this.onWorkFromDateChange = this.onWorkFromDateChange.bind(this);
+ this.onGroupClose = this.onGroupClose.bind(this);
+ this.onCancel = this.onCancel.bind(this);
+ }
+
+ componentDidUpdate(prevProps, prevState) {
+ if (!profileEqual(this.props.profile, prevProps.profile)) {
+ this.setState(this.mapPropsToState(this.props));
+ }
+ }
+
+ mapPropsToState = (props) => {
+ return {
+ isLoading: false,
+ errors: {
+ firstName: false,
+ lastName: false,
+ email: false,
+ password: false,
+ },
+ profile: {
+ ...{ passwordType: "link" },
+ ...toEmployeeWrapper(props.profile)
+ }
+ };
+ }
+
+ onTextChange(event) {
+ var stateCopy = Object.assign({}, this.state);
+ stateCopy.profile[event.target.name] = event.target.value;
+ this.setState(stateCopy)
+ }
+
+ onBirthdayDateChange(value) {
+ var stateCopy = Object.assign({}, this.state);
+ stateCopy.profile.birthday = value ? value.toJSON() : null;
+ this.setState(stateCopy)
+ }
+
+ onWorkFromDateChange(value) {
+ var stateCopy = Object.assign({}, this.state);
+ stateCopy.profile.workFrom = value ? value.toJSON() : null;
+ this.setState(stateCopy)
+ }
+
+ onGroupClose(id) {
+ var stateCopy = Object.assign({}, this.state);
+ stateCopy.profile.groups = this.state.groups.filter((group) => group.id !== id);
+ this.setState(stateCopy)
+ }
+
+ validate() {
+ const errors = {
+ firstName: !this.state.profile.firstName,
+ lastName: !this.state.profile.lastName,
+ email: !this.state.profile.email,
+ password: this.state.profile.passwordType === "temp" && !this.state.profile.password
+ };
+ const hasError = errors.firstName || errors.lastName || errors.email || errors.password;
+ this.setState({errors: errors});
+ return !hasError;
+ }
+
+ handleSubmit() {
+ if(!this.validate())
+ return false;
+
+ this.setState({isLoading: true});
+
+ this.props.createProfile(this.state.profile)
+ .then(() => {
+ toastr.success("Success");
+ this.props.history.goBack();
+ })
+ .catch((error) => {
+ toastr.error(error.message)
+ this.setState({isLoading: false})
+ });
+ }
+
+ onCancel() {
+ this.props.history.goBack();
+ }
+
+ render() {
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {this.props.t("Comments")}
+