You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
11 KiB
1 line
11 KiB
{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\noanr\\\\OneDrive\\\\Documents\\\\IUT Annee n\\xB02\\\\FavorSiteWebComplet\\\\Favor\\\\Site Web\\\\client\\\\src\\\\components\\\\Log\\\\Connexion.js\",\n _s = $RefreshSig$();\nimport axios from 'axios';\nimport React, { useState } from 'react';\n\n//e.preventDefaul(); pour ne pas recharcher la page\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst Connexion = props => {\n _s();\n const [errorMessage] = useState(props.error);\n const [email, setEmail] = useState('');\n const [password, setPassword] = useState('');\n const handleLogin = e => {\n e.preventDefault();\n const emailError = document.querySelector('.email.error');\n const passwordError = document.querySelector('.password.error');\n axios({\n method: \"post\",\n url: `${process.env.REACT_APP_API_URL}api/user/login`,\n withCredentials: true,\n data: {\n email,\n password\n }\n }).then(res => {\n if (res.data.errors) {\n emailError.innerHTML = res.data.errors.email;\n passwordError.innerHTML = res.data.errors.password;\n } else {\n window.location = \"/\";\n }\n }).catch(err => {\n console.log(err);\n });\n };\n return /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"formulaire\",\n children: /*#__PURE__*/_jsxDEV(\"form\", {\n className: \"cadre\",\n action: \"\",\n onSubmit: handleLogin,\n id: \"sign-up-form\",\n children: [/*#__PURE__*/_jsxDEV(\"h1\", {\n children: \"Connexion\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 41,\n columnNumber: 21\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"inputbox\",\n children: [/*#__PURE__*/_jsxDEV(\"input\", {\n type: \"text\",\n name: \"email\",\n id: \"email\",\n onChange: e => setEmail(e.target.value),\n value: email\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 43,\n columnNumber: 29\n }, this), /*#__PURE__*/_jsxDEV(\"span\", {\n children: \"email\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 49,\n columnNumber: 29\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 42,\n columnNumber: 25\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"email error\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 51,\n columnNumber: 25\n }, this), /*#__PURE__*/_jsxDEV(\"br\", {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 52,\n columnNumber: 25\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"inputbox\",\n children: [/*#__PURE__*/_jsxDEV(\"input\", {\n type: \"password\",\n name: \"password\",\n id: \"password\",\n onChange: e => setPassword(e.target.value),\n value: password\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 55,\n columnNumber: 29\n }, this), /*#__PURE__*/_jsxDEV(\"span\", {\n children: \"mot de passe\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 61,\n columnNumber: 29\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 54,\n columnNumber: 25\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"password error\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 63,\n columnNumber: 25\n }, this), /*#__PURE__*/_jsxDEV(\"br\", {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 64,\n columnNumber: 25\n }, this), /*#__PURE__*/_jsxDEV(\"input\", {\n type: \"submit\",\n value: \"connexion\",\n id: \"connexion\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 66,\n columnNumber: 25\n }, this), /*#__PURE__*/_jsxDEV(\"br\", {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 67,\n columnNumber: 25\n }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n className: \"mdp\",\n children: \"Mot de passe oubli\\xE9?\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 69,\n columnNumber: 25\n }, this), /*#__PURE__*/_jsxDEV(\"br\", {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 71,\n columnNumber: 25\n }, this), errorMessage && /*#__PURE__*/_jsxDEV(\"h4\", {\n className: \"success\",\n children: \"Enregistrement r\\xE9ussi, veuillez-vous connecter\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 72,\n columnNumber: 42\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 40,\n columnNumber: 17\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 39,\n columnNumber: 9\n }, this);\n};\n\n//ce qui écrit dans le input est récuperé par le state\n_s(Connexion, \"zmZFOOkJ0M+ONhB9hDurZn+iTs8=\");\n_c = Connexion;\nexport default Connexion;\nvar _c;\n$RefreshReg$(_c, \"Connexion\");","map":{"version":3,"names":["axios","React","useState","Connexion","props","errorMessage","error","email","setEmail","password","setPassword","handleLogin","e","preventDefault","emailError","document","querySelector","passwordError","method","url","process","env","REACT_APP_API_URL","withCredentials","data","then","res","errors","innerHTML","window","location","catch","err","console","log","target","value"],"sources":["C:/Users/noanr/OneDrive/Documents/IUT Annee n°2/FavorSiteWebComplet/Favor/Site Web/client/src/components/Log/Connexion.js"],"sourcesContent":["import axios from 'axios';\r\nimport React, { useState } from 'react';\r\n\r\n\r\n//e.preventDefaul(); pour ne pas recharcher la page\r\nconst Connexion = (props) => {\r\n const [errorMessage] = useState(props.error);\r\n const [email, setEmail] = useState('');\r\n const [password, setPassword] = useState('');\r\n\r\n const handleLogin = (e) => {\r\n e.preventDefault();\r\n const emailError = document.querySelector('.email.error');\r\n const passwordError = document.querySelector('.password.error');\r\n\r\n axios({\r\n method: \"post\",\r\n url:`${process.env.REACT_APP_API_URL}api/user/login`,\r\n withCredentials: true,\r\n data: {\r\n email,\r\n password,\r\n },\r\n })\r\n .then((res) => {\r\n if(res.data.errors){\r\n emailError.innerHTML = res.data.errors.email;\r\n passwordError.innerHTML = res.data.errors.password\r\n } else {\r\n window.location = \"/\";\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n })\r\n };\r\n\r\n return (\r\n <div className='formulaire'>\r\n <form className='cadre' action='' onSubmit={handleLogin} id=\"sign-up-form\">\r\n <h1>Connexion</h1>\r\n <div className='inputbox'>\r\n <input \r\n type=\"text\" \r\n name=\"email\" \r\n id=\"email\" \r\n onChange={(e) => setEmail (e.target.value)} \r\n value={email}/>\r\n <span>email</span>\r\n </div>\r\n <div className=\"email error\"></div>\r\n <br />\r\n\r\n <div className=\"inputbox\">\r\n <input \r\n type=\"password\" \r\n name=\"password\" \r\n id=\"password\" \r\n onChange={(e) => setPassword (e.target.value)} \r\n value={password}/>\r\n <span>mot de passe</span>\r\n </div>\r\n <div className=\"password error\"></div>\r\n <br />\r\n \r\n <input type=\"submit\" value=\"connexion\" id='connexion' />\r\n <br/>\r\n\r\n <p className='mdp'>Mot de passe oublié?</p>\r\n \r\n <br />\r\n {errorMessage && <h4 className='success'>\r\n Enregistrement réussi, veuillez-vous connecter\r\n </h4>}\r\n\r\n </form>\r\n </div>\r\n );\r\n};\r\n\r\n//ce qui écrit dans le input est récuperé par le state\r\nexport default Connexion;"],"mappings":"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"},"metadata":{},"sourceType":"module"} |