{"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/login/login-modal.tsx","dependencies":[{"path":"/var/www/html/payroll_manager/front-end/src/main/webapp/app/modules/login/login-modal.tsx","mtime":1533613271529},{"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 { Button, Modal, ModalHeader, ModalBody, ModalFooter, Label, Alert, Row, Col } from 'reactstrap';\nimport { AvForm, AvField, AvGroup, AvInput } from 'availity-reactstrap-validation';\nimport { Link } from 'react-router-dom';\nvar LoginModal = /** @class */ (function (_super) {\n    tslib_1.__extends(LoginModal, _super);\n    function LoginModal() {\n        var _this = _super !== null && _super.apply(this, arguments) || this;\n        _this.handleSubmit = function (event, errors, _a) {\n            var username = _a.username, password = _a.password, rememberMe = _a.rememberMe;\n            var handleLogin = _this.props.handleLogin;\n            handleLogin(username, password, rememberMe);\n        };\n        return _this;\n    }\n    LoginModal.prototype.render = function () {\n        var _a = this.props, loginError = _a.loginError, handleClose = _a.handleClose;\n        return (React.createElement(Modal, { isOpen: this.props.showModal, toggle: handleClose, backdrop: \"static\", id: \"login-page\", autoFocus: false },\n            React.createElement(AvForm, { onSubmit: this.handleSubmit },\n                React.createElement(ModalHeader, { id: \"login-title\", toggle: handleClose }, \"Sign in\"),\n                React.createElement(ModalBody, null,\n                    React.createElement(Row, null,\n                        React.createElement(Col, { md: \"12\" }, loginError ? (React.createElement(Alert, { color: \"danger\" },\n                            React.createElement(\"strong\", null, \"Failed to sign in!\"),\n                            \" Please check your credentials and try again.\")) : null),\n                        React.createElement(Col, { md: \"12\" },\n                            React.createElement(AvField, { name: \"username\", label: \"Username\", placeholder: \"Your username\", required: true, errorMessage: \"Username cannot be empty!\", autoFocus: true }),\n                            React.createElement(AvField, { name: \"password\", type: \"password\", label: \"Password\", placeholder: \"Your password\", required: true, errorMessage: \"Password cannot be empty!\" }),\n                            React.createElement(AvGroup, { check: true, inline: true },\n                                React.createElement(Label, { className: \"form-check-label\" },\n                                    React.createElement(AvInput, { type: \"checkbox\", name: \"rememberMe\" }),\n                                    \" Remember me\")))),\n                    React.createElement(\"div\", { className: \"mt-1\" }, \"\\u00A0\"),\n                    React.createElement(Alert, { color: \"warning\" },\n                        React.createElement(Link, { to: \"/reset/request\" }, \"Did you forget your password?\")),\n                    React.createElement(Alert, { color: \"warning\" },\n                        React.createElement(\"span\", null, \"You don't have an account yet?\"),\n                        \" \",\n                        React.createElement(Link, { to: \"/register\" }, \"Register a new account\"))),\n                React.createElement(ModalFooter, null,\n                    React.createElement(Button, { color: \"secondary\", onClick: handleClose, tabIndex: \"1\" }, \"Cancel\"),\n                    ' ',\n                    React.createElement(Button, { color: \"primary\", type: \"submit\" }, \"Sign in\")))));\n    };\n    return LoginModal;\n}(React.Component));\nexport default LoginModal;\n",{"version":3,"file":"/var/www/html/payroll_manager/front-end/src/main/webapp/app/modules/login/login-modal.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/login/login-modal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACxG,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACnF,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AASxC;IAAyB,sCAAiC;IAA1D;QAAA,qEAoEC;QAnEC,kBAAY,GAAG,UAAC,KAAK,EAAE,MAAM,EAAE,EAAkC;gBAAhC,sBAAQ,EAAE,sBAAQ,EAAE,0BAAU;YACrD,IAAA,qCAAW,CAAgB;YACnC,WAAW,CAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;QAC9C,CAAC,CAAC;;IAgEJ,CAAC;IA9DC,2BAAM,GAAN;QACQ,IAAA,eAAwC,EAAtC,0BAAU,EAAE,4BAAW,CAAgB;QAE/C,OAAO,CACL,oBAAC,KAAK,IAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAC,QAAQ,EAAC,EAAE,EAAC,YAAY,EAAC,SAAS,EAAE,KAAK;YAC1G,oBAAC,MAAM,IAAC,QAAQ,EAAE,IAAI,CAAC,YAAY;gBACjC,oBAAC,WAAW,IAAC,EAAE,EAAC,aAAa,EAAC,MAAM,EAAE,WAAW,cAEnC;gBACd,oBAAC,SAAS;oBACR,oBAAC,GAAG;wBACF,oBAAC,GAAG,IAAC,EAAE,EAAC,IAAI,IACT,UAAU,CAAC,CAAC,CAAC,CACZ,oBAAC,KAAK,IAAC,KAAK,EAAC,QAAQ;4BACnB,yDAAmC;4EAC7B,CACT,CAAC,CAAC,CAAC,IAAI,CACJ;wBACN,oBAAC,GAAG,IAAC,EAAE,EAAC,IAAI;4BACV,oBAAC,OAAO,IACN,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,UAAU,EAChB,WAAW,EAAC,eAAe,EAC3B,QAAQ,QACR,YAAY,EAAC,2BAA2B,EACxC,SAAS,SACT;4BACF,oBAAC,OAAO,IACN,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,UAAU,EAChB,WAAW,EAAC,eAAe,EAC3B,QAAQ,QACR,YAAY,EAAC,2BAA2B,GACxC;4BACF,oBAAC,OAAO,IAAC,KAAK,QAAC,MAAM;gCACnB,oBAAC,KAAK,IAAC,SAAS,EAAC,kBAAkB;oCACjC,oBAAC,OAAO,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,YAAY,GAAG;mDACvC,CACA,CACN,CACF;oBACN,6BAAK,SAAS,EAAC,MAAM,aAAa;oBAClC,oBAAC,KAAK,IAAC,KAAK,EAAC,SAAS;wBACpB,oBAAC,IAAI,IAAC,EAAE,EAAC,gBAAgB,oCAAqC,CACxD;oBACR,oBAAC,KAAK,IAAC,KAAK,EAAC,SAAS;wBACpB,mEAA2C;;wBAAC,oBAAC,IAAI,IAAC,EAAE,EAAC,WAAW,6BAA8B,CACxF,CACE;gBACZ,oBAAC,WAAW;oBACV,oBAAC,MAAM,IAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAC,GAAG,aAEnD;oBAAC,GAAG;oBACb,oBAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,cAE5B,CACG,CACP,CACH,CACT,CAAC;IACJ,CAAC;IACH,iBAAC;AAAD,CAAC,AApED,CAAyB,KAAK,CAAC,SAAS,GAoEvC;AAED,eAAe,UAAU,CAAC","sourcesContent":["import React from 'react';\n\nimport { Button, Modal, ModalHeader, ModalBody, ModalFooter, Label, Alert, Row, Col } from 'reactstrap';\nimport { AvForm, AvField, AvGroup, AvInput } from 'availity-reactstrap-validation';\nimport { Link } from 'react-router-dom';\n\nexport interface ILoginModalProps {\n  showModal: boolean;\n  loginError: boolean;\n  handleLogin: Function;\n  handleClose: Function;\n}\n\nclass LoginModal extends React.Component<ILoginModalProps> {\n  handleSubmit = (event, errors, { username, password, rememberMe }) => {\n    const { handleLogin } = this.props;\n    handleLogin(username, password, rememberMe);\n  };\n\n  render() {\n    const { loginError, handleClose } = this.props;\n\n    return (\n      <Modal isOpen={this.props.showModal} toggle={handleClose} backdrop=\"static\" id=\"login-page\" autoFocus={false}>\n        <AvForm onSubmit={this.handleSubmit}>\n          <ModalHeader id=\"login-title\" toggle={handleClose}>\n            Sign in\n          </ModalHeader>\n          <ModalBody>\n            <Row>\n              <Col md=\"12\">\n                {loginError ? (\n                  <Alert color=\"danger\">\n                    <strong>Failed to sign in!</strong> Please check your credentials and try again.\n                  </Alert>\n                ) : null}\n              </Col>\n              <Col md=\"12\">\n                <AvField\n                  name=\"username\"\n                  label=\"Username\"\n                  placeholder=\"Your username\"\n                  required\n                  errorMessage=\"Username cannot be empty!\"\n                  autoFocus\n                />\n                <AvField\n                  name=\"password\"\n                  type=\"password\"\n                  label=\"Password\"\n                  placeholder=\"Your password\"\n                  required\n                  errorMessage=\"Password cannot be empty!\"\n                />\n                <AvGroup check inline>\n                  <Label className=\"form-check-label\">\n                    <AvInput type=\"checkbox\" name=\"rememberMe\" /> Remember me\n                  </Label>\n                </AvGroup>\n              </Col>\n            </Row>\n            <div className=\"mt-1\">&nbsp;</div>\n            <Alert color=\"warning\">\n              <Link to=\"/reset/request\">Did you forget your password?</Link>\n            </Alert>\n            <Alert color=\"warning\">\n              <span>You don't have an account yet?</span> <Link to=\"/register\">Register a new account</Link>\n            </Alert>\n          </ModalBody>\n          <ModalFooter>\n            <Button color=\"secondary\" onClick={handleClose} tabIndex=\"1\">\n              Cancel\n            </Button>{' '}\n            <Button color=\"primary\" type=\"submit\">\n              Sign in\n            </Button>\n          </ModalFooter>\n        </AvForm>\n      </Modal>\n    );\n  }\n}\n\nexport default LoginModal;\n"]}]}