Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

1 строка
21 KiB

  1. {"ast":null,"code":"import _regeneratorRuntime from \"@babel/runtime/regenerator\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nvar _excluded = [\"checkoutprofile\", \"province\", \"cities\", \"backend\", \"checkoutproduct\"];\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, { Component, Fragment } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport clsx from 'clsx';\nimport Selects from 'react-select';\nimport SnackbarContent from \"components/Snackbar/SnackbarContent.js\";\nimport Button1 from \"components/CustomButtons/Button.js\";\nimport image1 from \"../../../assets/img/mail.png\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport Carousel from \"react-slick\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport classNames from \"classnames\";\nimport swal from 'sweetalert';\nimport Icon from \"@material-ui/core/Icon\";\nimport Grid from '@material-ui/core/Grid';\nimport TextField from '@material-ui/core/TextField';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport ListItem from '@material-ui/core/ListItem';\nimport List from '@material-ui/core/List';\nimport Divider from '@material-ui/core/Divider';\nimport AppBar from '@material-ui/core/AppBar';\nimport Toolbar from '@material-ui/core/Toolbar';\nimport IconButton from '@material-ui/core/IconButton';\nimport Typography from '@material-ui/core/Typography';\nimport CloseIcon from '@material-ui/icons/Close';\nimport Slide from '@material-ui/core/Slide';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Card from \"components/Card/Card.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport FormControl from '@material-ui/core/FormControl';\nimport { Form, FormGroup, ControlLabel, SelectPicker } from \"rsuite\";\nimport NumberFormat from 'react-number-format';\nvar useStyles = makeStyles(function (theme) {\n var _ref;\n\n return _ref = {\n root: {\n width: '100%'\n },\n button: {\n marginTop: theme.spacing(1),\n marginRight: theme.spacing(1)\n },\n actionsContainer: {\n marginBottom: theme.spacing(2)\n },\n resetContainer: {\n padding: theme.spacing(3)\n },\n appBar: {\n position: 'relative'\n },\n title: {\n marginLeft: theme.spacing(2),\n flex: 1\n }\n }, _defineProperty(_ref, \"root\", {\n '&:hover': {\n backgroundColor: 'transparent'\n }\n }), _defineProperty(_ref, \"icon\", {\n borderRadius: '50%',\n width: 16,\n height: 16,\n boxShadow: 'inset 0 0 0 1px rgba(16,22,26,.2), inset 0 -1px 0 rgba(16,22,26,.1)',\n backgroundColor: '#f5f8fa',\n backgroundImage: 'linear-gradient(180deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,0))',\n '$root.Mui-focusVisible &': {\n outline: '2px auto rgba(19,124,189,.6)',\n outlineOffset: 2\n },\n 'input:hover ~ &': {\n backgroundColor: '#ebf1f5'\n },\n 'input:disabled ~ &': {\n boxShadow: 'none',\n background: 'rgba(206,217,224,.5)'\n }\n }), _defineProperty(_ref, \"checkedIcon\", {\n backgroundColor: '#137cbd',\n backgroundImage: 'linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0))',\n '&:before': {\n display: 'block',\n width: 16,\n height: 16,\n backgroundImage: 'radial-gradient(#fff,#fff 28%,transparent 32%)',\n content: '\"\"'\n },\n 'input:hover ~ &': {\n backgroundColor: '#106ba3'\n }\n }), _ref;\n});\nvar Transition = React.forwardRef(function Transition(props, ref) {\n return __jsx(Slide, _extends({\n direction: \"up\",\n ref: ref\n }, props));\n});\n\nvar DataCheckout = function DataCheckout(_ref2) {\n var checkoutprofile = _ref2.checkoutprofile,\n province = _ref2.province,\n cities = _ref2.cities,\n backend = _ref2.backend,\n checkoutproduct = _ref2.checkoutproduct,\n props = _objectWithoutProperties(_ref2, _excluded);\n\n var settings = {\n dots: true,\n infinite: true,\n speed: 500,\n slidesToShow: 1,\n slidesToScroll: 1,\n autoplay: false,\n time: 5\n };\n var classes = useStyles();\n\n var _React$useState = React.useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n open = _React$useState2[0],\n setOpen = _React$useState2[1];\n\n var handleClickOpen = function handleClickOpen() {\n setOpen(true);\n };\n\n var rest = _extends({}, props);\n\n var imageClasses = classNames(classes.imgRaised, classes.imgRoundedCircle, classes.imgFluid);\n var navImageClasses = classNames(classes.imgRounded, classes.imgGallery);\n\n var _React$useState3 = React.useState({\n order_id: GenerateID(),\n cust_name: \"\",\n cust_telp: \"\",\n cust_address: \"\",\n product_img: \"\",\n product_name: \"\",\n product_color: \"\",\n product_quantity: \"\",\n product_price: \"\",\n product_courier: \"\",\n note: \"\",\n // selectPicker: 'Louisa',\n status: 1\n }),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n formValue = _React$useState4[0],\n setFormValue = _React$useState4[1]; // const [formValue, setFormValue] = React.useState({\n // order_id: \"Trx-Ord-9ab8ab88\",\n // cust_name: \"Yusmar\",\n // cust_telp: \"087797315685\",\n // cust_address: \"Thamrin Indrapura Jl.Aipda Karel Satsuit Tubun,17 Ilir, Kec.Ilir Tim.I, Palembang, KOTA PALEMBANG - ILIR TIMUR II, SUMATERA SELATAN, ID 30114\",\n // product_img: null,\n // product_name: \"NMAX 155\",\n // product_color: \"Red\",\n // product_quantity: \"1\",\n // product_price: \"28545000\",\n // product_courier: \"JNE\",\n // note: \"Tes\",\n // });\n\n\n function GenerateID() {\n var dt = new Date().getTime();\n var uuid = 'Trx-Ord-yyyyyyyy'.replace(/[y]/g, function (c) {\n var r = (dt + Math.random() * 16) % 16 | 0;\n dt = Math.floor(dt / 16);\n return (c == 'x' ? r : r & 0x3 | 0x8).toString(16);\n });\n return uuid;\n }\n\n var CheckoutAlamat = checkoutprofile.map(function (data) {\n return __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"div\", {\n style: {\n padding: \"10px\"\n }\n }, __jsx(Typography, {\n variant: \"h6\",\n align: \"center\",\n className: classes.title\n }, \"Informasi Customer\"), __jsx(\"br\", null), __jsx(GridContainer, null, __jsx(GridItem, {\n className: classes.marginAuto\n }, __jsx(Carousel, null, __jsx(\"img\", {\n src: image1,\n style: {\n width: \"1100px\"\n }\n }), __jsx(\"br\", null)))), __jsx(FormGroup, null, __jsx(FormControl, {\n name: \"cust_name\",\n value: data.username,\n type: \"text\"\n })), __jsx(\"h5\", null, __jsx(\"b\", null, data.username.toUpperCase())), __jsx(FormGroup, null, __jsx(FormControl, {\n name: \"cust_telp\",\n value: data.telp,\n type: \"text\"\n })), __jsx(\"h5\", {\n style: {\n marginTop: \"-20px\"\n }\n }, __jsx(\"b\", null, data.telp)), __jsx(\"br\", null), __jsx(\"h5\", {\n style: {\n marginTop: \"-20px\"\n }\n }, __jsx(\"b\", null, data.email.toUpperCase())), __jsx(FormGroup, null, __jsx(FormControl, {\n name: \"cust_address\",\n value: data.address,\n type: \"text\"\n }))));\n });\n var CheckoutProdukPesanan = checkoutproduct.map(function (data) {\n var handleChange = function handleChange(event) {\n setColor(event.target.value);\n };\n\n var handleChanges = function handleChanges(event) {\n setPengiriman(event.target.value);\n };\n\n var _React$useState5 = React.useState(''),\n _React$useState6 = _slicedToArray(_React$useState5, 2),\n color = _React$useState6[0],\n setColor = _React$useState6[1];\n\n var _React$useState7 = React.useState(''),\n _React$useState8 = _slicedToArray(_React$useState7, 2),\n pengiriman = _React$useState8[0],\n setPengiriman = _React$useState8[1];\n\n var handleClose = function handleClose() {\n setFormValue(_objectSpread({}, formValue, {\n product_courier: pengiriman\n }));\n setOpen(false);\n };\n\n return __jsx(\"div\", {\n align: \"center\"\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\"\n }, __jsx(CardBody, null, __jsx(\"div\", {\n style: {\n padding: \"10px\"\n }\n }, __jsx(Typography, {\n variant: \"h6\",\n align: \"left\",\n className: classes.title\n }, \"Pesanan Produk\"), __jsx(\"br\", null), __jsx(\"hr\", null), __jsx(GridContainer, null, __jsx(Grid, {\n item: true,\n xs: true\n }, __jsx(FormGroup, null, __jsx(FormControl, {\n name: \"product_img\",\n value: \"\".concat(backend).concat(data.img[0][\"url\"]),\n type: \"text\"\n })), __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h4\", null, __jsx(\"b\", null, \"Produk Dipesan\")), __jsx(\"img\", {\n className: navImageClasses,\n width: \"200px\",\n alt: \"First slide\",\n src: \"\".concat(backend).concat(data.img[0][\"url\"])\n }))), __jsx(Grid, {\n item: true,\n xs: true\n }, __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h4\", null), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(FormGroup, null, __jsx(FormControl, {\n name: \"product_name\",\n value: data.name,\n type: \"text\"\n })), __jsx(\"h5\", null, __jsx(\"b\", null, data.name)))), __jsx(Grid, {\n item: true,\n xs: true\n }, __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h4\", null, __jsx(\"b\", null, \"Warna\")), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(FormGroup, null, __jsx(FormControl, {\n className: classes.formControl\n }, __jsx(Select, {\n labelId: \"demo-simple-select-label\",\n id: \"demo-simple-select\",\n value: color,\n name: \"product_color\",\n onChange: function onChange(e) {\n setFormValue(_objectSpread({}, formValue, {\n product_color: e.target.value.toString()\n }));\n }\n }, __jsx(MenuItem, {\n value: 1\n }, \"Hitam\"), __jsx(MenuItem, {\n value: 2\n }, \"Merah\"), __jsx(MenuItem, {\n value: 3\n }, \"Biru\"), __jsx(MenuItem, {\n value: 4\n }, \"Putih\")))))), __jsx(Grid, {\n item: true,\n xs: true\n }, __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h4\", null, __jsx(\"b\", null, \"Harga Satuan\")), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"h5\", null, __jsx(\"b\", null, __jsx(NumberFormat, {\n value: data.price,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.'\n }))))), __jsx(Grid, {\n item: true,\n xs: true\n }, __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h4\", null, __jsx(\"b\", null, \"Jumlah Unit\")), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(FormGroup, null, __jsx(FormControl, {\n className: classes.formControl\n }, __jsx(TextField, {\n id: \"outlined-number\",\n type: \"number\",\n align: \"center\",\n name: \"quantity\",\n InputLabelProps: {\n shrink: false\n },\n onInput: function onInput(e) {\n setFormValue(_objectSpread({}, formValue, {\n product_quantity: e.target.value\n }));\n }\n }))))), __jsx(Grid, {\n item: true,\n xs: true\n }, __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h4\", null, __jsx(\"b\", null, \"Sub Total Produk\")), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"h5\", null, __jsx(\"b\", null, \"Total Rp.\", __jsx(NumberFormat, {\n value: data.price,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.'\n })))))), __jsx(GridContainer, {\n style: {\n padding: \"20px\"\n }\n }, __jsx(Grid, {\n item: true,\n xs: true,\n style: {\n padding: \"20px\"\n }\n }, __jsx(TextField, {\n id: \"outlined-full-width\",\n label: \"Pesan\",\n style: {\n margin: 8\n },\n placeholder: \"( Opsional ) Tinggalkan Pesan Kepada Dealer\",\n fullWidth: true,\n margin: \"normal\",\n InputLabelProps: {\n shrink: true\n },\n variant: \"outlined\",\n onInput: function onInput(e) {\n setFormValue(_objectSpread({}, formValue, {\n note: e.target.value\n }));\n }\n })), __jsx(Grid, {\n item: true,\n xs: true,\n style: {\n padding: \"20px\"\n }\n }, __jsx(\"br\", null), __jsx(Button, {\n variant: \"outlined\",\n color: \"primary\",\n onClick: handleClickOpen\n }, \"Pilih Opsi Pengiriman\"), __jsx(\"span\", null, formValue.product_courier), __jsx(Dialog, {\n fullScreen: true,\n open: open,\n onClose: handleClose,\n TransitionComponent: Transition\n }, __jsx(AppBar, {\n className: classes.appBar\n }, __jsx(Toolbar, null, __jsx(IconButton, {\n edge: \"start\",\n color: \"inherit\",\n onClick: handleClose,\n \"aria-label\": \"close\"\n }, __jsx(CloseIcon, null)), __jsx(Typography, {\n variant: \"h6\",\n className: classes.title\n }, \"Pilih Opsi Pengiriman\"), __jsx(Button, {\n autoFocus: true,\n color: \"inherit\",\n onClick: handleClose\n }, \"Pilih\"))), __jsx(List, null, __jsx(ListItem, {\n button: true,\n id: \"POS\",\n selected: pengiriman == \"POS\",\n onClick: function onClick(e) {\n setPengiriman(\"POS\");\n }\n }, __jsx(ListItemText, {\n primary: \"POS\",\n secondary: \"Akan diterima pada tanggal 2 Apr - 6 Apr\"\n })), __jsx(Divider, null), __jsx(ListItem, {\n button: true,\n id: \"JNE\",\n selected: pengiriman == \"JNE\",\n onClick: function onClick(e) {\n setPengiriman(\"JNE\");\n }\n }, __jsx(ListItemText, {\n primary: \"JNE\",\n secondary: \"Akan diterima pada tanggal 30 Mar - 2 Apr\"\n })), __jsx(ListItem, {\n button: true,\n id: \"TIKI\",\n selected: pengiriman == \"TIKI\",\n onClick: function onClick(e) {\n setPengiriman(\"TIKI\");\n }\n }, __jsx(ListItemText, {\n primary: \"TIKI\",\n secondary: \"Akan diterima pada tanggal 1 Apr - 4 Apr, COD (Bayar di Tempat) tidak didukung\"\n }))))), __jsx(Grid, {\n item: true,\n xs: true,\n align: \"right\",\n style: {\n padding: \"20px\"\n }\n }, __jsx(\"br\", null), __jsx(\"h5\", null, __jsx(\"b\", null, \"Total Rp.\", __jsx(NumberFormat, {\n value: data.price,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.'\n }))), __jsx(FormGroup, null, __jsx(FormControl, {\n name: \"product_price\",\n value: data.price,\n type: \"text\"\n }))))))));\n });\n return __jsx(\"div\", {\n style: {\n padding: \"50px\"\n }\n }, __jsx(\"div\", {\n align: \"center\",\n className: classes.section,\n id: \"notifications\"\n }, __jsx(SnackbarContent, {\n message: __jsx(\"h2\", null, __jsx(\"b\", null, \"Checkout\")),\n align: \"center\",\n color: \"info\"\n })), __jsx(Form, {\n onSubmit: function _callee(value) {\n var newformValue, response, res;\n return _regeneratorRuntime.async(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n newformValue = _objectSpread({}, formValue, {\n cust_name: checkoutprofile[0].username,\n cust_telp: checkoutprofile[0].telp.toString(),\n cust_address: checkoutprofile[0].address,\n // product_img: checkoutproduct[0].img,\n product_name: checkoutproduct[0].name,\n product_price: checkoutproduct[0].price\n });\n setFormValue(newformValue);\n _context.next = 4;\n return _regeneratorRuntime.awrap(fetch(\"/api/transaction/create\", {\n method: \"POST\",\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify(newformValue)\n }));\n\n case 4:\n response = _context.sent;\n\n if (!response.ok) {\n _context.next = 12;\n break;\n }\n\n _context.next = 8;\n return _regeneratorRuntime.awrap(response.json());\n\n case 8:\n res = _context.sent;\n\n if (res[\"STATUS\"] === 1) {\n res[\"DATA\"][\"transaction\"];\n swal(\"Produk Berhasil Ditambah ke Keranjang\", \"Silahkan Cek Keranjang Belanja Anda\", \"success\");\n } else {\n swal(\"Produk Gagal Ditambah ke Keranjang\", \"Silahkan Coba Lagi\", \"error\");\n }\n\n _context.next = 13;\n break;\n\n case 12:\n swal(\"Transaksi Gagal\", \"Silahkan Coba Lagi\", \"error\");\n\n case 13:\n case \"end\":\n return _context.stop();\n }\n }\n }, null, null, null, Promise);\n }\n }, __jsx(\"div\", null, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\"\n }, __jsx(CardBody, null, __jsx(GridContainer, null, __jsx(GridItem, {\n xs: 6\n }, CheckoutAlamat), __jsx(GridItem, {\n xs: 6\n }, __jsx(\"div\", {\n style: {\n padding: \"10px\"\n }\n }, __jsx(Typography, {\n variant: \"h6\",\n align: \"center\",\n className: classes.title\n }, \"Informasi Pengiriman\"), __jsx(\"br\", null), __jsx(GridContainer, null, __jsx(GridItem, {\n className: classes.marginAuto\n }, __jsx(Carousel, null, __jsx(\"img\", {\n src: image1,\n style: {\n width: \"1100px\"\n }\n }), __jsx(\"br\", null)))), __jsx(\"br\", null), __jsx(Fragment, null, __jsx(Select, {\n className: \"basic-single\",\n classNamePrefix: \"select\",\n name: \"provinsi\",\n fullWidth: true,\n placeholder: \"Provinsi\"\n })), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(Fragment, null, __jsx(Select, {\n className: \"basic-single\",\n classNamePrefix: \"select\",\n name: \"kabupaten\",\n fullWidth: true,\n placeholder: \"Kabupaten\"\n })), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(Fragment, null, __jsx(Select, {\n className: \"basic-single\",\n classNamePrefix: \"select\",\n name: \"kota\",\n fullWidth: true,\n placeholder: \"Kota\"\n })), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(TextField, {\n id: \"outlined-full-width\",\n label: \"Alamat Lengkap\",\n placeholder: \"Masukan Alamat Lengkap\",\n fullWidth: true,\n height: \"50px\",\n margin: \"normal\",\n InputLabelProps: {\n shrink: true\n },\n variant: \"outlined\"\n }))))))), __jsx(\"div\", null, CheckoutProdukPesanan), __jsx(\"div\", null, __jsx(GridContainer, null, __jsx(Grid, {\n item: true,\n xs: 6,\n style: {\n padding: \"20px\"\n }\n }, __jsx(Button1, {\n color: \"info\",\n style: {\n width: \"100%\"\n },\n type: \"submit\" // onClick={async function (e) {\n // // setFormValue({\n // // cust_name : data.username,\n // // ... formValue\n // // });\n //\n // }}\n\n }, __jsx(Icon, {\n className: classes.icons\n }, \"attach_money\"), \"Buat Pesanan\")), __jsx(Grid, {\n item: true,\n xs: 6,\n style: {\n padding: \"20px\"\n }\n }, __jsx(Button1, {\n color: \"danger\",\n style: {\n width: \"100%\"\n } // swal({\n // title: \"Anda Ingin Menghapus Pesanan ?\",\n // icon: \"warning\",\n // buttons: true,\n // dangerMode: true,\n // })\n // .then((willDelete) => {\n // if (willDelete) {\n // swal(\"Pesanan Anda Berhasil Dihapus\", {\n // icon: \"success\",\n // });\n // } else {\n // swal(\"Selamat Belanja Kembali\");\n // }\n // });\n\n }, __jsx(Icon, {\n className: classes.icons\n }, \"attach_money\"), \"Batalkan Pesanan\"))))));\n};\n\nexport default DataCheckout;","map":null,"metadata":{},"sourceType":"module"}