React_Client_App_Access/node_modules/.cache/babel-loader/434417c3727d08e2d6bad17f285be830.json

{"ast":null,"code":"import _defineProperty from \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty\";\nimport _objectSpread from \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread\";\nimport _classCallCheck from \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass\";\nimport _possibleConstructorReturn from \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn\";\nimport _getPrototypeOf from \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf\";\nimport _inherits from \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits\";\nvar _jsxFileName = \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/src/components/LoginForm.tsx\";\nimport AccountOutlineIcon from 'mdi-react/AccountOutlineIcon';\nimport EyeIcon from 'mdi-react/EyeIcon';\nimport KeyVariantIcon from 'mdi-react/KeyVariantIcon';\nimport React, { PureComponent } from 'react';\nimport { Link, Redirect } from 'react-router-dom';\nimport { Input } from 'reactstrap';\nimport CheckBoxField from '../shared/components/form/CheckBox';\n;\n\nvar LoginForm = /*#__PURE__*/function (_PureComponent) {\n  _inherits(LoginForm, _PureComponent);\n\n  function LoginForm() {\n    var _getPrototypeOf2;\n\n    var _this;\n\n    _classCallCheck(this, LoginForm);\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(LoginForm)).call.apply(_getPrototypeOf2, [this].concat(args)));\n    _this.state = {\n      showPassword: false,\n      loginSuccess: false,\n      desiredUser: 'testuser',\n      desiredPass: 'rpmdspecs',\n      username: '',\n      // TODO: Implement actual login\n      password: ''\n    };\n\n    _this.showPassword = function (e) {\n      e.preventDefault();\n\n      _this.setState(function (prevState) {\n        return {\n          showPassword: !prevState.showPassword\n        };\n      });\n    };\n\n    _this.handleSubmit = function (e) {\n      e.preventDefault(); // TODO: Req user table\n      // TODO: Verify user exists && isActive, else return 401\n      // TODO: Verify users pass is correct, else return 401  \n      // const dbUser;\n      // const dbPass;\n\n      var loggedin = false;\n      fetch(\"http://vapor.access.com:3000/api/v1.0/users/username/\" + _this.state.username + \"/password/\" + _this.state.password).then(function (response) {\n        if (!response.ok) alert(response.status.toString());else alert(response.status.toString());\n      });\n      var _this$state = _this.state,\n          desiredPass = _this$state.desiredPass,\n          password = _this$state.password,\n          desiredUser = _this$state.desiredUser,\n          username = _this$state.username;\n\n      if (desiredUser === username && desiredPass === password) {\n        _this.setState({\n          loginSuccess: true\n        });\n      } else {\n        alert('Incorrect username/password combination');\n\n        _this.setState(_objectSpread({}, _this.state, {\n          password: ''\n        }));\n      }\n    };\n\n    _this.handleFormChange = function (e) {\n      _this.setState(_objectSpread({}, _this.state, _defineProperty({}, e.target.name, e.target.value)));\n    };\n\n    _this.toggleCheckBox = function (e) {};\n\n    return _this;\n  }\n\n  _createClass(LoginForm, [{\n    key: \"render\",\n    value: function render() {\n      var _this2 = this;\n\n      var _this$props = this.props,\n          reset = _this$props.reset,\n          t = _this$props.t;\n      var _this$state2 = this.state,\n          showPassword = _this$state2.showPassword,\n          loginSuccess = _this$state2.loginSuccess;\n\n      if (loginSuccess) {\n        return /*#__PURE__*/React.createElement(Redirect, {\n          to: '/dspecs/general',\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 95,\n            columnNumber: 9\n          }\n        });\n      }\n\n      return /*#__PURE__*/React.createElement(\"form\", {\n        className: \"form\",\n        onChange: this.handleFormChange,\n        onSubmit: this.handleSubmit,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 99,\n          columnNumber: 7\n        }\n      }, /*#__PURE__*/React.createElement(\"div\", {\n        className: \"form__form-group\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 100,\n          columnNumber: 9\n        }\n      }, /*#__PURE__*/React.createElement(\"span\", {\n        className: \"form__form-group-label\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 101,\n          columnNumber: 11\n        }\n      }, \"Username\"), /*#__PURE__*/React.createElement(\"div\", {\n        className: \"form__form-group-field\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 102,\n          columnNumber: 11\n        }\n      }, /*#__PURE__*/React.createElement(\"div\", {\n        className: \"form__form-group-icon\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 103,\n          columnNumber: 13\n        }\n      }, /*#__PURE__*/React.createElement(AccountOutlineIcon, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 104,\n          columnNumber: 15\n        }\n      })), /*#__PURE__*/React.createElement(Input, {\n        name: \"username\",\n        component: \"input\",\n        type: \"text\",\n        placeholder: \"Name\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 106,\n          columnNumber: 13\n        }\n      }))), /*#__PURE__*/React.createElement(\"div\", {\n        className: \"form__form-group\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 114,\n          columnNumber: 9\n        }\n      }, /*#__PURE__*/React.createElement(\"span\", {\n        className: \"form__form-group-label\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 115,\n          columnNumber: 11\n        }\n      }, \"Password\"), /*#__PURE__*/React.createElement(\"div\", {\n        className: \"form__form-group-field\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 116,\n          columnNumber: 11\n        }\n      }, /*#__PURE__*/React.createElement(\"div\", {\n        className: \"form__form-group-icon\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 117,\n          columnNumber: 13\n        }\n      }, /*#__PURE__*/React.createElement(KeyVariantIcon, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 118,\n          columnNumber: 15\n        }\n      })), /*#__PURE__*/React.createElement(Input, {\n        name: \"password\",\n        component: \"input\",\n        type: showPassword ? 'text' : 'password',\n        placeholder: \"Password\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 120,\n          columnNumber: 13\n        }\n      }), /*#__PURE__*/React.createElement(\"button\", {\n        className: \"form__form-group-button\",\n        onClick: function onClick(e) {\n          return _this2.showPassword(e);\n        },\n        type: \"button\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 126,\n          columnNumber: 13\n        }\n      }, /*#__PURE__*/React.createElement(EyeIcon, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 130,\n          columnNumber: 14\n        }\n      }))), /*#__PURE__*/React.createElement(Link, {\n        to: \"/forgotPassword\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 133,\n          columnNumber: 11\n        }\n      }, \"Forgot my Password\")), /*#__PURE__*/React.createElement(\"div\", {\n        className: \"form__form-group\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 135,\n          columnNumber: 9\n        }\n      }, /*#__PURE__*/React.createElement(\"div\", {\n        className: \"form__form-group-field\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 136,\n          columnNumber: 11\n        }\n      }, /*#__PURE__*/React.createElement(CheckBoxField, {\n        label: \"Remember me\",\n        onChange: this.toggleCheckBox //TODO: program checkbox\n        ,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 137,\n          columnNumber: 13\n        }\n      }))), /*#__PURE__*/React.createElement(\"button\", {\n        className: \"btn btn-primary account__btn account__btn--small\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 143,\n          columnNumber: 9\n        }\n      }, \"Sign In\"));\n    }\n  }]);\n\n  return LoginForm;\n}(PureComponent); // export default reduxForm({\n//   form: 'horizontal_form_layout_with_icons', // a unique identifier for this form\n// })(withTranslation('common')(LoginForm));\n\n\nLoginForm.defaultProps = {\n  t: function t() {\n    return null;\n  },\n  handleSubmit: function handleSubmit() {\n    return null;\n  },\n  reset: function reset() {\n    return null;\n  },\n  i18n: null,\n  tReady: false\n};\nexport default LoginForm;","map":{"version":3,"sources":["/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/src/components/LoginForm.tsx"],"names":["AccountOutlineIcon","EyeIcon","KeyVariantIcon","React","PureComponent","Link","Redirect","Input","CheckBoxField","LoginForm","state","showPassword","loginSuccess","desiredUser","desiredPass","username","password","e","preventDefault","setState","prevState","handleSubmit","loggedin","fetch","then","response","ok","alert","status","toString","handleFormChange","target","name","value","toggleCheckBox","props","reset","t","defaultProps","i18n","tReady"],"mappings":"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","sourcesContent":["import AccountOutlineIcon from 'mdi-react/AccountOutlineIcon';\nimport EyeIcon from 'mdi-react/EyeIcon';\nimport KeyVariantIcon from 'mdi-react/KeyVariantIcon';\nimport React, { PureComponent } from 'react';\nimport { Link, Redirect } from 'react-router-dom';\nimport { Input } from 'reactstrap';\n\nimport CheckBoxField from '../shared/components/form/CheckBox';\nimport { fetchUser } from '../store/auth/actions';\n\n// import { I18nextProviderProps } from 'react-i18next';\ninterface LoginFormProps {\n  t?: any,\n  // handleSubmit?: any,\n  reset?: any,\n  i18n?: any,\n  tReady?: boolean;\n  history?: any;\n};\n\ninterface LoginFormState {\n  showPassword: boolean,\n  loginSuccess: boolean,\n  username: string,\n  password: string,\n  desiredUser: string,\n  desiredPass: string\n}\n\nclass LoginForm extends PureComponent<LoginFormProps, LoginFormState> {\n  static defaultProps = {\n    t: () => null,\n    handleSubmit: () => null,\n    reset: () => null,\n    i18n: null,\n    tReady: false,\n  };\n\n  state = {\n    showPassword: false,\n    loginSuccess: false,\n    desiredUser: 'testuser',\n    desiredPass: 'rpmdspecs',\n    username: '',  // TODO: Implement actual login\n    password: ''\n  }\n\n  showPassword = (e: any) => {\n    e.preventDefault();\n    this.setState(prevState => ({ showPassword: !prevState.showPassword }));\n  };\n\n  handleSubmit = (e: any) => {\n    e.preventDefault();\n    // TODO: Req user table\n    // TODO: Verify user exists && isActive, else return 401\n    // TODO: Verify users pass is correct, else return 401  \n    // const dbUser;\n    // const dbPass;\n    var loggedin = false;\n    fetch(\"http://vapor.access.com:3000/api/v1.0/users/username/\" + this.state.username + \"/password/\" + this.state.password)\n      .then((response) => {\n        if(!response.ok) alert(response.status.toString());\n        else alert(response.status.toString()); \n      })\n    \n    const { desiredPass, password, desiredUser, username } = this.state;\n    if (desiredUser === username && desiredPass === password) {\n      this.setState({\n        loginSuccess: true\n      })\n    } else {\n      alert('Incorrect username/password combination')\n      this.setState({\n        ...this.state,\n        password: ''\n      })\n    }\n  }\n  handleFormChange = (e: any) => {\n    this.setState({\n      ...this.state,\n      [e.target.name]: e.target.value\n    })\n  }\n  toggleCheckBox = (e: any) => {\n\n  }\n\n  render() {\n    const { reset, t } = this.props;\n    const { showPassword, loginSuccess } = this.state;\n    if (loginSuccess) {\n      return (\n        <Redirect to={'/dspecs/general'} />\n      )\n    }\n    return (\n      <form className=\"form\" onChange={this.handleFormChange} onSubmit={this.handleSubmit}>\n        <div className=\"form__form-group\">\n          <span className=\"form__form-group-label\">Username</span>\n          <div className=\"form__form-group-field\">\n            <div className=\"form__form-group-icon\">\n              <AccountOutlineIcon />\n            </div>\n            <Input\n              name=\"username\"\n              component=\"input\"\n              type=\"text\"\n              placeholder=\"Name\"\n            />\n          </div>\n        </div>\n        <div className=\"form__form-group\">\n          <span className=\"form__form-group-label\">Password</span>\n          <div className=\"form__form-group-field\">\n            <div className=\"form__form-group-icon\">\n              <KeyVariantIcon />\n            </div>\n            <Input\n              name=\"password\"\n              component=\"input\"\n              type={showPassword ? 'text' : 'password'}\n              placeholder=\"Password\"\n            />\n            <button\n              className='form__form-group-button'\n              onClick={e => this.showPassword(e)}\n              type=\"button\"\n            ><EyeIcon />\n            </button>\n          </div>\n          <Link to=\"/forgotPassword\">Forgot my Password</Link>\n        </div>\n        <div className=\"form__form-group\">\n          <div className=\"form__form-group-field\">\n            <CheckBoxField\n              label=\"Remember me\"\n              onChange={this.toggleCheckBox} //TODO: program checkbox\n            />\n          </div>\n        </div>\n        <button className=\"btn btn-primary account__btn account__btn--small\" >Sign In</button>\n      </form>\n    );\n  }\n}\n\n// export default reduxForm({\n//   form: 'horizontal_form_layout_with_icons', // a unique identifier for this form\n// })(withTranslation('common')(LoginForm));\nexport default LoginForm"]},"metadata":{},"sourceType":"module"}