{"remainingRequest":"/var/www/html/payroll_manager/front-end/node_modules/thread-loader/dist/cjs.js??ref--4-2!/var/www/html/payroll_manager/front-end/node_modules/ts-loader/index.js??ref--4-3!/var/www/html/payroll_manager/front-end/node_modules/tslint-loader/index.js!/var/www/html/payroll_manager/front-end/src/main/webapp/app/modules/administration/user-management/user-management-update.tsx","dependencies":[{"path":"/var/www/html/payroll_manager/front-end/src/main/webapp/app/modules/administration/user-management/user-management-update.tsx","mtime":1533613273009},{"path":"/var/www/html/payroll_manager/front-end/node_modules/react-hot-loader/webpack.js","mtime":1505850161000},{"path":"/var/www/html/payroll_manager/front-end/node_modules/cache-loader/dist/cjs.js","mtime":0},{"path":"/var/www/html/payroll_manager/front-end/node_modules/thread-loader/dist/cjs.js","mtime":0},{"path":"/var/www/html/payroll_manager/front-end/node_modules/ts-loader/index.js","mtime":1530127508000},{"path":"/var/www/html/payroll_manager/front-end/node_modules/tslint-loader/index.js","mtime":1519899048000}],"contextDependencies":[],"result":["import * as tslib_1 from \"tslib\";\nimport React from 'react';\nimport { connect } from 'react-redux';\nimport { Link } from 'react-router-dom';\nimport { Button, Label, Row, Col } from 'reactstrap';\nimport { AvForm, AvGroup, AvInput, AvField, AvFeedback } from 'availity-reactstrap-validation';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { getUser, getRoles, updateUser, createUser, reset } from './user-management.reducer';\nvar UserManagementUpdate = /** @class */ (function (_super) {\n    tslib_1.__extends(UserManagementUpdate, _super);\n    function UserManagementUpdate() {\n        var _this = _super !== null && _super.apply(this, arguments) || this;\n        _this.state = {\n            isNew: !_this.props.match.params || !_this.props.match.params.login\n        };\n        _this.saveUser = function (event, values) {\n            if (_this.state.isNew) {\n                _this.props.createUser(values);\n            }\n            else {\n                _this.props.updateUser(values);\n            }\n            _this.handleClose();\n        };\n        _this.handleClose = function () {\n            _this.props.history.push('/admin/user-management');\n        };\n        return _this;\n    }\n    UserManagementUpdate.prototype.componentDidMount = function () {\n        !this.state.isNew && this.props.getUser(this.props.match.params.login);\n        this.props.getRoles();\n    };\n    UserManagementUpdate.prototype.componentWillUnmount = function () {\n        this.props.reset();\n    };\n    UserManagementUpdate.prototype.render = function () {\n        var isInvalid = false;\n        var _a = this.props, user = _a.user, loading = _a.loading, updating = _a.updating, roles = _a.roles;\n        var isNew = this.state.isNew;\n        return (React.createElement(\"div\", null,\n            React.createElement(Row, { className: \"justify-content-center\" },\n                React.createElement(Col, { md: \"8\" },\n                    React.createElement(\"h1\", null, \"Create or edit a User\"))),\n            React.createElement(Row, { className: \"justify-content-center\" },\n                React.createElement(Col, { md: \"8\" }, loading ? (React.createElement(\"p\", null, \"Loading...\")) : (React.createElement(AvForm, { onValidSubmit: this.saveUser },\n                    user.id ? (React.createElement(AvGroup, null,\n                        React.createElement(Label, { for: \"id\" }, \"ID\"),\n                        React.createElement(AvField, { type: \"text\", className: \"form-control\", name: \"id\", required: true, readOnly: true, value: user.id }))) : null,\n                    React.createElement(AvGroup, null,\n                        React.createElement(Label, { for: \"login\" }, \"Login\"),\n                        React.createElement(AvField, { type: \"text\", className: \"form-control\", name: \"login\", validate: {\n                                required: {\n                                    value: true,\n                                    errorMessage: 'Your username is required.'\n                                },\n                                pattern: {\n                                    value: '^[_.@A-Za-z0-9-]*$',\n                                    errorMessage: 'Your username can only contain letters and digits.'\n                                },\n                                minLength: {\n                                    value: 1,\n                                    errorMessage: 'Your username is required to be at least 1 character.'\n                                },\n                                maxLength: {\n                                    value: 50,\n                                    errorMessage: 'Your username cannot be longer than 50 characters.'\n                                }\n                            }, value: user.login })),\n                    React.createElement(AvGroup, null,\n                        React.createElement(Label, { for: \"firstName\" }, \"First Name\"),\n                        React.createElement(AvField, { type: \"text\", className: \"form-control\", name: \"firstName\", validate: {\n                                maxLength: {\n                                    value: 50,\n                                    errorMessage: 'This field cannot be longer than {{ max }} characters.'\n                                }\n                            }, value: user.firstName })),\n                    React.createElement(AvGroup, null,\n                        React.createElement(Label, { for: \"lastName\" }, \"Last Name\"),\n                        React.createElement(AvField, { type: \"text\", className: \"form-control\", name: \"lastName\", validate: {\n                                maxLength: {\n                                    value: 50,\n                                    errorMessage: 'This field cannot be longer than {{ max }} characters.'\n                                }\n                            }, value: user.lastName }),\n                        React.createElement(AvFeedback, null, \"This field cannot be longer than 50 characters.\")),\n                    React.createElement(AvGroup, null,\n                        React.createElement(AvField, { name: \"email\", label: \"Email\", placeholder: \"Your email\", type: \"email\", validate: {\n                                required: {\n                                    value: true,\n                                    errorMessage: 'Your email is required.'\n                                },\n                                email: {\n                                    errorMessage: 'Your email is invalid.'\n                                },\n                                minLength: {\n                                    value: 5,\n                                    errorMessage: 'Your email is required to be at least 5 characters.'\n                                },\n                                maxLength: {\n                                    value: 254,\n                                    errorMessage: 'Your email cannot be longer than 50 characters.'\n                                }\n                            }, value: user.email })),\n                    React.createElement(AvGroup, { check: true },\n                        React.createElement(Label, null,\n                            React.createElement(AvInput, { type: \"checkbox\", name: \"activated\", value: user.activated }),\n                            \" Activated\")),\n                    React.createElement(AvGroup, null,\n                        React.createElement(Label, { for: \"authorities\" }, \"Language Key\"),\n                        React.createElement(AvInput, { type: \"select\", className: \"form-control\", name: \"authorities\", value: user.authorities, multiple: true }, roles.map(function (role) { return (React.createElement(\"option\", { value: role, key: role }, role)); }))),\n                    React.createElement(Button, { tag: Link, to: \"/admin/user-management\", replace: true, color: \"info\" },\n                        React.createElement(FontAwesomeIcon, { icon: \"arrow-left\" }),\n                        \"\\u00A0\",\n                        React.createElement(\"span\", { className: \"d-none d-md-inline\" }, \"Back\")),\n                    \"\\u00A0\",\n                    React.createElement(Button, { color: \"primary\", type: \"submit\", disabled: isInvalid || updating },\n                        React.createElement(FontAwesomeIcon, { icon: \"save\" }),\n                        \"\\u00A0 Save\")))))));\n    };\n    return UserManagementUpdate;\n}(React.Component));\nexport { UserManagementUpdate };\nvar mapStateToProps = function (storeState) { return ({\n    user: storeState.userManagement.user,\n    roles: storeState.userManagement.authorities,\n    loading: storeState.userManagement.loading,\n    updating: storeState.userManagement.updating\n}); };\nvar mapDispatchToProps = { getUser: getUser, getRoles: getRoles, updateUser: updateUser, createUser: createUser, reset: reset };\nexport default connect(mapStateToProps, mapDispatchToProps)(UserManagementUpdate);\n",{"version":3,"file":"/var/www/html/payroll_manager/front-end/src/main/webapp/app/modules/administration/user-management/user-management-update.tsx","sourceRoot":"","sources":["/var/www/html/payroll_manager/front-end/node_modules/tslint-loader/index.js!/var/www/html/payroll_manager/front-end/src/main/webapp/app/modules/administration/user-management/user-management-update.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { connect } from 'react-redux';\nimport { Link, RouteComponentProps } from 'react-router-dom';\nimport { Button, Label, Row, Col } from 'reactstrap';\nimport { AvForm, AvGroup, AvInput, AvField, AvFeedback } from 'availity-reactstrap-validation';\nimport { ICrudGetAction, ICrudGetAllAction, ICrudPutAction } from 'react-jhipster';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\nimport { IUser } from 'app/shared/model/user.model';\nimport { getUser, getRoles, updateUser, createUser, reset } from './user-management.reducer';\nimport { IRootState } from 'app/shared/reducers';\n\nexport interface IUserManagementUpdateProps extends StateProps, DispatchProps, RouteComponentProps<{ login: string }> {}\n\nexport interface IUserManagementUpdateState {\n  isNew: boolean;\n}\n\nexport class UserManagementUpdate extends React.Component<IUserManagementUpdateProps, IUserManagementUpdateState> {\n  state: IUserManagementUpdateState = {\n    isNew: !this.props.match.params || !this.props.match.params.login\n  };\n\n  componentDidMount() {\n    !this.state.isNew && this.props.getUser(this.props.match.params.login);\n    this.props.getRoles();\n  }\n\n  componentWillUnmount() {\n    this.props.reset();\n  }\n\n  saveUser = (event, values) => {\n    if (this.state.isNew) {\n      this.props.createUser(values);\n    } else {\n      this.props.updateUser(values);\n    }\n    this.handleClose();\n  };\n\n  handleClose = () => {\n    this.props.history.push('/admin/user-management');\n  };\n\n  render() {\n    const isInvalid = false;\n    const { user, loading, updating, roles } = this.props;\n    const { isNew } = this.state;\n    return (\n      <div>\n        <Row className=\"justify-content-center\">\n          <Col md=\"8\">\n            <h1>Create or edit a User</h1>\n          </Col>\n        </Row>\n        <Row className=\"justify-content-center\">\n          <Col md=\"8\">\n            {loading ? (\n              <p>Loading...</p>\n            ) : (\n              <AvForm onValidSubmit={this.saveUser}>\n                {user.id ? (\n                  <AvGroup>\n                    <Label for=\"id\">ID</Label>\n                    <AvField type=\"text\" className=\"form-control\" name=\"id\" required readOnly value={user.id} />\n                  </AvGroup>\n                ) : null}\n                <AvGroup>\n                  <Label for=\"login\">Login</Label>\n                  <AvField\n                    type=\"text\"\n                    className=\"form-control\"\n                    name=\"login\"\n                    validate={{\n                      required: {\n                        value: true,\n                        errorMessage: 'Your username is required.'\n                      },\n                      pattern: {\n                        value: '^[_.@A-Za-z0-9-]*$',\n                        errorMessage: 'Your username can only contain letters and digits.'\n                      },\n                      minLength: {\n                        value: 1,\n                        errorMessage: 'Your username is required to be at least 1 character.'\n                      },\n                      maxLength: {\n                        value: 50,\n                        errorMessage: 'Your username cannot be longer than 50 characters.'\n                      }\n                    }}\n                    value={user.login}\n                  />\n                </AvGroup>\n                <AvGroup>\n                  <Label for=\"firstName\">First Name</Label>\n                  <AvField\n                    type=\"text\"\n                    className=\"form-control\"\n                    name=\"firstName\"\n                    validate={{\n                      maxLength: {\n                        value: 50,\n                        errorMessage: 'This field cannot be longer than {{ max }} characters.'\n                      }\n                    }}\n                    value={user.firstName}\n                  />\n                </AvGroup>\n                <AvGroup>\n                  <Label for=\"lastName\">Last Name</Label>\n                  <AvField\n                    type=\"text\"\n                    className=\"form-control\"\n                    name=\"lastName\"\n                    validate={{\n                      maxLength: {\n                        value: 50,\n                        errorMessage: 'This field cannot be longer than {{ max }} characters.'\n                      }\n                    }}\n                    value={user.lastName}\n                  />\n                  <AvFeedback>This field cannot be longer than 50 characters.</AvFeedback>\n                </AvGroup>\n                <AvGroup>\n                  <AvField\n                    name=\"email\"\n                    label=\"Email\"\n                    placeholder=\"Your email\"\n                    type=\"email\"\n                    validate={{\n                      required: {\n                        value: true,\n                        errorMessage: 'Your email is required.'\n                      },\n                      email: {\n                        errorMessage: 'Your email is invalid.'\n                      },\n                      minLength: {\n                        value: 5,\n                        errorMessage: 'Your email is required to be at least 5 characters.'\n                      },\n                      maxLength: {\n                        value: 254,\n                        errorMessage: 'Your email cannot be longer than 50 characters.'\n                      }\n                    }}\n                    value={user.email}\n                  />\n                </AvGroup>\n                <AvGroup check>\n                  <Label>\n                    <AvInput type=\"checkbox\" name=\"activated\" value={user.activated} /> Activated\n                  </Label>\n                </AvGroup>\n                <AvGroup>\n                  <Label for=\"authorities\">Language Key</Label>\n                  <AvInput type=\"select\" className=\"form-control\" name=\"authorities\" value={user.authorities} multiple>\n                    {roles.map(role => (\n                      <option value={role} key={role}>\n                        {role}\n                      </option>\n                    ))}\n                  </AvInput>\n                </AvGroup>\n                <Button tag={Link} to=\"/admin/user-management\" replace color=\"info\">\n                  <FontAwesomeIcon icon=\"arrow-left\" />&nbsp;\n                  <span className=\"d-none d-md-inline\">Back</span>\n                </Button>\n                &nbsp;\n                <Button color=\"primary\" type=\"submit\" disabled={isInvalid || updating}>\n                  <FontAwesomeIcon icon=\"save\" />&nbsp; Save\n                </Button>\n              </AvForm>\n            )}\n          </Col>\n        </Row>\n      </div>\n    );\n  }\n}\n\nconst mapStateToProps = (storeState: IRootState) => ({\n  user: storeState.userManagement.user,\n  roles: storeState.userManagement.authorities,\n  loading: storeState.userManagement.loading,\n  updating: storeState.userManagement.updating\n});\n\nconst mapDispatchToProps = { getUser, getRoles, updateUser, createUser, reset };\n\ntype StateProps = ReturnType<typeof mapStateToProps>;\ntype DispatchProps = typeof mapDispatchToProps;\n\nexport default connect(\n  mapStateToProps,\n  mapDispatchToProps\n)(UserManagementUpdate);\n"]}]}