|
- {"ast":null,"code":"import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _regeneratorRuntime from \"@babel/runtime/regenerator\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nvar __jsx = React.createElement;\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\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 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 swal from 'sweetalert';\nimport styles from \"assets/jss/nextjs-material-kit/pages/loginPage.js\";\nimport image from \"assets/img/bgtbg.jpg\";\nimport { Form, FormGroup, ControlLabel, SelectPicker } from \"rsuite\";\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\";\nvar useStyles = makeStyles(styles);\nexport default function RegisterPage(props) {\n var _React$useState = React.useState(\"cardHidden\"),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n cardAnimaton = _React$useState2[0],\n setCardAnimation = _React$useState2[1];\n\n var _React$useState3 = React.useState(\"\"),\n _React$useState4 = _slicedToArray(_React$useState3, 1),\n first_name = _React$useState4[0];\n\n var _React$useState5 = React.useState(\"\"),\n _React$useState6 = _slicedToArray(_React$useState5, 1),\n last_name = _React$useState6[0];\n\n var _React$useState7 = React.useState(\"\"),\n _React$useState8 = _slicedToArray(_React$useState7, 1),\n username = _React$useState8[0];\n\n var _React$useState9 = React.useState(\"\"),\n _React$useState10 = _slicedToArray(_React$useState9, 2),\n email = _React$useState10[0],\n setEmail = _React$useState10[1];\n\n var _React$useState11 = React.useState(\"\"),\n _React$useState12 = _slicedToArray(_React$useState11, 2),\n pass = _React$useState12[0],\n setPass = _React$useState12[1];\n\n var _React$useState13 = React.useState(false),\n _React$useState14 = _slicedToArray(_React$useState13, 2),\n open = _React$useState14[0],\n setOpen = _React$useState14[1];\n\n var _React$useState15 = React.useState(\"\"),\n _React$useState16 = _slicedToArray(_React$useState15, 2),\n error = _React$useState16[0],\n setError = _React$useState16[1];\n\n var router = useRouter();\n setTimeout(function () {\n setCardAnimation(\"\");\n }, 700);\n var classes = useStyles();\n\n var rest = _extends({}, props);\n\n var _React$useState17 = React.useState({\n first_name: \"\",\n last_name: \"\",\n username: \"\",\n email: \"\",\n pass: \"\"\n }),\n _React$useState18 = _slicedToArray(_React$useState17, 2),\n formValue = _React$useState18[0],\n setFormValue = _React$useState18[1];\n\n console.log(\"isi form value :\", formValue);\n return __jsx(\"div\", null, __jsx(Collapse, {\n className: classes.collapsible,\n \"in\": open\n }, __jsx(Alert, {\n severity: \"error\",\n action: __jsx(IconButton, {\n \"aria-label\": \"close\",\n color: \"inherit\",\n size: \"small\",\n onClick: function onClick() {\n setOpen(false);\n }\n }, __jsx(CloseIcon, {\n fontSize: \"inherit\"\n }))\n }, error)), __jsx(\"div\", {\n className: classes.pageHeader,\n style: {\n backgroundImage: \"url(\" + image + \")\",\n backgroundSize: \"cover\",\n backgroundPosition: \"top center\"\n }\n }, __jsx(Form, {\n onSubmit: function _callee(value) {\n var response, res;\n return _regeneratorRuntime.async(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n _context.next = 2;\n return _regeneratorRuntime.awrap(fetch(\"/api/register/create\", {\n method: \"POST\",\n headers: {\n 'Content-Type': 'application/json'\n }\n }));\n\n case 2:\n response = _context.sent;\n\n if (!response.ok) {\n _context.next = 10;\n break;\n }\n\n _context.next = 6;\n return _regeneratorRuntime.awrap(response.json());\n\n case 6:\n res = _context.sent;\n\n if (res[\"STATUS\"] === 1) {\n res[\"DATA\"][\"user\"];\n swal(\"Berhasil Melakukan Registrasi\", \"Silahkan Login\", \"success\");\n } else {\n swal(\"Gagal Melakukan Registrasi\", \"Silahkan Coba Lagi\", \"error\");\n }\n\n _context.next = 11;\n break;\n\n case 10:\n swal(\"Gagal Dalam Melakukan Registrasi\", \"Silahkan Coba Lagi\", \"error\");\n\n case 11:\n case \"end\":\n return _context.stop();\n }\n }\n }, null, null, null, Promise);\n }\n }, __jsx(\"div\", {\n className: classes.container\n }, __jsx(GridContainer, {\n justify: \"center\"\n }, __jsx(GridItem, {\n xs: 6\n }, __jsx(Card, {\n className: classes[cardAnimaton]\n }, __jsx(CardHeader, {\n color: \"info\",\n className: classes.cardHeader\n }, __jsx(\"h4\", null, \"Register\")), __jsx(\"p\", {\n className: classes.divider\n }, \"Selamat Datang di Halaman Register Thamrin Brothers\"), __jsx(CardBody, null, __jsx(CustomInput, {\n labelText: \"Nama Depan\",\n id: \"first_name\",\n value: first_name,\n formControlProps: {\n fullWidth: true\n },\n inputProps: {\n type: \"text\",\n endAdornment: __jsx(InputAdornment, {\n position: \"end\"\n }, __jsx(People, {\n className: classes.inputIconsColor\n }))\n },\n onInput: function onInput(e) {\n setFormValue(_objectSpread({}, formValue, {\n first_name: e.target.value\n }));\n }\n }), __jsx(CustomInput, {\n labelText: \"Nama Belakang\",\n id: \"last_name\",\n value: last_name,\n formControlProps: {\n fullWidth: true\n },\n inputProps: {\n type: \"text\",\n endAdornment: __jsx(InputAdornment, {\n position: \"end\"\n }, __jsx(People, {\n className: classes.inputIconsColor\n }))\n },\n onInput: function onInput(e) {\n setFormValue(_objectSpread({}, formValue, {\n last_name: e.target.value\n }));\n }\n }), __jsx(CustomInput, {\n labelText: \"Username\",\n id: \"username\",\n value: username,\n formControlProps: {\n fullWidth: true\n },\n inputProps: {\n type: \"text\",\n endAdornment: __jsx(InputAdornment, {\n position: \"end\"\n }, __jsx(People, {\n className: classes.inputIconsColor\n }))\n },\n onInput: function onInput(e) {\n setFormValue(_objectSpread({}, formValue, {\n username: e.target.value\n }));\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: function onChange(event) {\n return setEmail(event.target.value);\n },\n endAdornment: __jsx(InputAdornment, {\n position: \"end\"\n }, __jsx(Email, {\n className: classes.inputIconsColor\n }))\n },\n onInput: function onInput(e) {\n setFormValue(_objectSpread({}, formValue, {\n email: e.target.value\n }));\n }\n }), __jsx(CustomInput, {\n labelText: \"Password\",\n id: \"pass\",\n value: pass,\n formControlProps: {\n fullWidth: true\n },\n inputProps: {\n onChange: function onChange(event) {\n return setPass(event.target.value);\n },\n type: \"password\",\n endAdornment: __jsx(InputAdornment, {\n position: \"end\"\n }, __jsx(Icon, {\n className: classes.inputIconsColor\n }, \"lock_outline\")),\n autoComplete: \"off\"\n },\n onInput: function onInput(e) {\n setFormValue(_objectSpread({}, formValue, {\n pass: e.target.value\n }));\n }\n })), __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"a\", {\n href: \"/yamaha/login\"\n }, \"Sudah Punya Akun ? Silahkan Login\")), __jsx(\"br\", null), __jsx(CardFooter, {\n className: classes.cardFooter\n }, __jsx(Button, {\n type: \"submit\",\n color: \"info\",\n size: \"lg\"\n }, \"Register\")))))))));\n}","map":null,"metadata":{},"sourceType":"module"}
|