選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

1 行
20 KiB

  1. {"ast":null,"code":"var _jsxFileName = \"C:\\\\Thamrin Brothers\\\\tbg-ecomm-nextjs\\\\pages\\\\yamaha\\\\login.js\";\nvar __jsx = React.createElement;\nimport React from \"react\"; // @material-ui/core components\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\nimport Icon from \"@material-ui/core/Icon\"; // @material-ui/icons\n\nimport Email from \"@material-ui/icons/Email\";\nimport People from \"@material-ui/icons/People\"; // core components\n\nimport Header from \"components/Header/Header.js\";\nimport HeaderLinks from \"components/Header/HeaderLinks.js\";\nimport Footer from \"components/Footer/Footer.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport Card from \"components/Card/Card.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport CardFooter from \"components/Card/CardFooter.js\";\nimport CustomInput from \"components/CustomInput/CustomInput.js\";\nimport styles from \"assets/jss/nextjs-material-kit/pages/loginPage.js\";\nimport image from \"assets/img/bgtbg.jpg\";\nimport Collapse from \"@material-ui/core/Collapse\";\nimport Alert from \"@material-ui/lab/Alert\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport CloseIcon from \"@material-ui/icons/Close\";\nimport { useRouter } from \"next/router\";\nconst useStyles = makeStyles(styles);\nexport default function LoginPage(props) {\n const [cardAnimaton, setCardAnimation] = React.useState(\"cardHidden\");\n const [email, setEmail] = React.useState(\"\");\n const [pass, setPass] = React.useState(\"\");\n const [open, setOpen] = React.useState(false);\n const [error, setError] = React.useState(\"\");\n const router = useRouter();\n setTimeout(function () {\n setCardAnimation(\"\");\n }, 700);\n const classes = useStyles();\n const rest = Object.assign({}, props);\n\n const submitHandler = async event => {\n event.preventDefault();\n const res = await fetch(\"../api/auth/login\", {\n body: JSON.stringify({\n partner: \"yamaha\",\n email: email,\n pass: pass\n }),\n headers: {\n \"Content-Type\": \"application/json\"\n },\n method: \"POST\"\n }); // console.log(\"res\", res.S);\n\n if (res.ok) {\n router.push(\"/yamaha/home\");\n } else {\n setError(await res.text());\n setOpen(true);\n }\n };\n\n return __jsx(\"div\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 69,\n columnNumber: 5\n }\n }, __jsx(Collapse, {\n className: classes.collapsible,\n in: open,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 70,\n columnNumber: 7\n }\n }, __jsx(Alert, {\n severity: \"error\",\n action: __jsx(IconButton, {\n \"aria-label\": \"close\",\n color: \"inherit\",\n size: \"small\",\n onClick: () => {\n setOpen(false);\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 74,\n columnNumber: 13\n }\n }, __jsx(CloseIcon, {\n fontSize: \"inherit\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 82,\n columnNumber: 15\n }\n })),\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 71,\n columnNumber: 9\n }\n }, error)), __jsx(\"div\", {\n className: classes.pageHeader,\n style: {\n backgroundImage: \"url(\" + image + \")\",\n backgroundSize: \"cover\",\n backgroundPosition: \"top center\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 90,\n columnNumber: 7\n }\n }, __jsx(\"div\", {\n className: classes.container,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 98,\n columnNumber: 9\n }\n }, __jsx(GridContainer, {\n justify: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 99,\n columnNumber: 11\n }\n }, __jsx(GridItem, {\n xs: 6,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 100,\n columnNumber: 13\n }\n }, __jsx(Card, {\n className: classes[cardAnimaton],\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 101,\n columnNumber: 15\n }\n }, __jsx(\"form\", {\n onSubmit: submitHandler,\n className: classes.form,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 102,\n columnNumber: 17\n }\n }, __jsx(CardHeader, {\n color: \"info\",\n className: classes.cardHeader,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 103,\n columnNumber: 19\n }\n }, __jsx(\"h4\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 104,\n columnNumber: 21\n }\n }, \"Login\")), __jsx(\"p\", {\n className: classes.divider,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 106,\n columnNumber: 19\n }\n }, \"Selamat Datang di Halaman Login Thamrin Brothers\"), __jsx(CardBody, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 107,\n columnNumber: 19\n }\n }, __jsx(CustomInput, {\n labelText: \"Email...\",\n id: \"email\",\n value: email,\n formControlProps: {\n fullWidth: true\n },\n inputProps: {\n type: \"email\",\n onChange: event => setEmail(event.target.value),\n endAdornment: __jsx(InputAdornment, {\n position: \"end\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 119,\n columnNumber: 27\n }\n }, __jsx(Email, {\n className: classes.inputIconsColor,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 120,\n columnNumber: 29\n }\n }))\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 108,\n columnNumber: 21\n }\n }), __jsx(CustomInput, {\n labelText: \"Password\",\n id: \"pass\",\n value: pass,\n formControlProps: {\n fullWidth: true\n },\n inputProps: {\n onChange: event => setPass(event.target.value),\n type: \"password\",\n endAdornment: __jsx(InputAdornment, {\n position: \"end\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 136,\n columnNumber: 27\n }\n }, __jsx(Icon, {\n className: classes.inputIconsColor,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 137,\n columnNumber: 29\n }\n }, \"lock_outline\")),\n autoComplete: \"off\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 125,\n columnNumber: 21\n }\n })), __jsx(CardFooter, {\n className: classes.cardFooter,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 146,\n columnNumber: 19\n }\n }, __jsx(Button, {\n type: \"submit\",\n color: \"info\",\n size: \"lg\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 147,\n columnNumber: 21\n }\n }, \"Login\"), __jsx(Button, {\n href: \"/yamaha/register\",\n color: \"info\",\n size: \"lg\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 150,\n columnNumber: 21\n }\n }, \"Register\")))))))));\n}","map":{"version":3,"sources":["C:/Thamrin Brothers/tbg-ecomm-nextjs/pages/yamaha/login.js"],"names":["React","makeStyles","InputAdornment","Icon","Email","People","Header","HeaderLinks","Footer","GridContainer","GridItem","Button","Card","CardBody","CardHeader","CardFooter","CustomInput","styles","image","Collapse","Alert","IconButton","CloseIcon","useRouter","useStyles","LoginPage","props","cardAnimaton","setCardAnimation","useState","email","setEmail","pass","setPass","open","setOpen","error","setError","router","setTimeout","classes","rest","submitHandler","event","preventDefault","res","fetch","body","JSON","stringify","partner","headers","method","ok","push","text","collapsible","pageHeader","backgroundImage","backgroundSize","backgroundPosition","container","form","cardHeader","divider","fullWidth","type","onChange","target","value","endAdornment","inputIconsColor","autoComplete","cardFooter"],"mappings":"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","sourcesContent":["import React from \"react\";\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\r\nimport Icon from \"@material-ui/core/Icon\";\r\n// @material-ui/icons\r\nimport Email from \"@material-ui/icons/Email\";\r\nimport People from \"@material-ui/icons/People\";\r\n// core components\r\nimport Header from \"components/Header/Header.js\";\r\nimport HeaderLinks from \"components/Header/HeaderLinks.js\";\r\nimport Footer from \"components/Footer/Footer.js\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"components/CustomButtons/Button.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport CardHeader from \"components/Card/CardHeader.js\";\r\nimport CardFooter from \"components/Card/CardFooter.js\";\r\nimport CustomInput from \"components/CustomInput/CustomInput.js\";\r\n\r\nimport styles from \"assets/jss/nextjs-material-kit/pages/loginPage.js\";\r\n\r\nimport image from \"assets/img/bgtbg.jpg\";\r\n\r\nimport Collapse from \"@material-ui/core/Collapse\";\r\nimport Alert from \"@material-ui/lab/Alert\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport { useRouter } from \"next/router\";\r\nconst useStyles = makeStyles(styles);\r\n\r\nexport default function LoginPage(props) {\r\n const [cardAnimaton, setCardAnimation] = React.useState(\"cardHidden\");\r\n const [email, setEmail] = React.useState(\"\");\r\n const [pass, setPass] = React.useState(\"\");\r\n const [open, setOpen] = React.useState(false);\r\n const [error, setError] = React.useState(\"\");\r\n const router = useRouter();\r\n setTimeout(function () {\r\n setCardAnimation(\"\");\r\n }, 700);\r\n const classes = useStyles();\r\n const { ...rest } = props;\r\n\r\n const submitHandler = async (event) => {\r\n event.preventDefault();\r\n const res = await fetch(\"../api/auth/login\", {\r\n body: JSON.stringify({\r\n partner: \"yamaha\",\r\n email: email,\r\n pass: pass,\r\n }),\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n method: \"POST\",\r\n });\r\n // console.log(\"res\", res.S);\r\n if (res.ok) {\r\n router.push(\"/yamaha/home\");\r\n } else {\r\n setError(await res.text());\r\n setOpen(true);\r\n }\r\n };\r\n\r\n return (\r\n <div>\r\n <Collapse className={classes.collapsible} in={open}>\r\n <Alert\r\n severity=\"error\"\r\n action={\r\n <IconButton\r\n aria-label=\"close\"\r\n color=\"inherit\"\r\n size=\"small\"\r\n onClick={() => {\r\n setOpen(false);\r\n }}\r\n >\r\n <CloseIcon fontSize=\"inherit\" />\r\n </IconButton>\r\n }\r\n >\r\n {error}\r\n </Alert>\r\n </Collapse>\r\n {/* <Header absolute color=\"info\" rightLinks={<HeaderLinks />} {...rest} /> */}\r\n <div\r\n className={classes.pageHeader}\r\n style={{\r\n backgroundImage: \"url(\" + image + \")\",\r\n backgroundSize: \"cover\",\r\n backgroundPosition: \"top center\",\r\n }}\r\n >\r\n <div className={classes.container}>\r\n <GridContainer justify=\"center\">\r\n <GridItem xs={6}>\r\n <Card className={classes[cardAnimaton]}>\r\n <form onSubmit={submitHandler} className={classes.form}>\r\n <CardHeader color=\"info\" className={classes.cardHeader}>\r\n <h4>Login</h4>\r\n </CardHeader>\r\n <p className={classes.divider}>Selamat Datang di Halaman Login Thamrin Brothers</p>\r\n <CardBody>\r\n <CustomInput\r\n labelText=\"Email...\"\r\n id=\"email\"\r\n value={email}\r\n formControlProps={{\r\n fullWidth: true,\r\n }}\r\n inputProps={{\r\n type: \"email\",\r\n onChange: (event) => setEmail(event.target.value),\r\n endAdornment: (\r\n <InputAdornment position=\"end\">\r\n <Email className={classes.inputIconsColor} />\r\n </InputAdornment>\r\n ),\r\n }}\r\n />\r\n <CustomInput\r\n labelText=\"Password\"\r\n id=\"pass\"\r\n value={pass}\r\n formControlProps={{\r\n fullWidth: true,\r\n }}\r\n inputProps={{\r\n onChange: (event) => setPass(event.target.value),\r\n type: \"password\",\r\n endAdornment: (\r\n <InputAdornment position=\"end\">\r\n <Icon className={classes.inputIconsColor}>\r\n lock_outline\r\n </Icon>\r\n </InputAdornment>\r\n ),\r\n autoComplete: \"off\",\r\n }}\r\n />\r\n </CardBody>\r\n <CardFooter className={classes.cardFooter}>\r\n <Button type=\"submit\" color=\"info\" size=\"lg\">\r\n Login\r\n </Button>\r\n <Button href=\"/yamaha/register\" color=\"info\" size=\"lg\">\r\n Register\r\n </Button>\r\n </CardFooter>\r\n </form>\r\n </Card>\r\n </GridItem>\r\n </GridContainer>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n"]},"metadata":{},"sourceType":"module"}