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 regel
16 KiB

  1. {"ast":null,"code":"var __jsx = React.createElement;\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport clsx from 'clsx';\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 } from \"rsuite\";\nconst useStyles = makeStyles(theme => ({\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 root: {\n '&:hover': {\n backgroundColor: 'transparent'\n }\n },\n 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 },\n 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 }\n}));\nconst Transition = React.forwardRef(function Transition(props, ref) {\n return __jsx(Slide, _extends({\n direction: \"up\",\n ref: ref\n }, props));\n});\n\nconst DataCheckout = function (_ref) {\n let {\n checkoutprofile,\n backend,\n checkoutproduct\n } = _ref,\n props = _objectWithoutProperties(_ref, [\"checkoutprofile\", \"backend\", \"checkoutproduct\"]);\n\n const settings = {\n dots: true,\n infinite: true,\n speed: 500,\n slidesToShow: 1,\n slidesToScroll: 1,\n autoplay: true,\n time: 5\n };\n const classes = useStyles();\n const [open, setOpen] = React.useState(false);\n\n const handleClickOpen = () => {\n setOpen(true);\n };\n\n const handleClose = () => {\n setOpen(false);\n };\n\n const rest = Object.assign({}, props);\n const imageClasses = classNames(classes.imgRaised, classes.imgRoundedCircle, classes.imgFluid);\n const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);\n const [formValue, setFormValue] = React.useState({\n order_id: \"Trx-Ord-Suzuki\",\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 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 console.log(\"ID\", GenerateID());\n const CheckoutAlamat = checkoutprofile.map(data => {\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 }, \"Alamat 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(FormGroup, null, __jsx(FormControl, {\n name: \"cust_name\",\n value: data.username,\n type: \"text\"\n })), __jsx(\"h5\", null, data.username), __jsx(FormGroup, null, __jsx(FormControl, {\n name: \"cust_telp\",\n value: data.telp,\n type: \"text\"\n })), __jsx(\"h5\", null, data.telp), __jsx(FormGroup, null, __jsx(FormControl, {\n name: \"cust_address\",\n value: data.address,\n type: \"text\"\n })), __jsx(\"h5\", null, data.address), __jsx(Button1, {\n color: \"info\",\n href: \"/yamaha/profile/edit-profile\"\n }, __jsx(Icon, {\n className: classes.icons\n }, \"cached\"), \"Ubah Alamat\")))));\n });\n const CheckoutProdukPesanan = checkoutproduct.map(data => {\n const handleChange = event => {\n setAge(event.target.value);\n };\n\n const handleChanges = event => {\n setPengiriman(event.target.value);\n };\n\n const [age, setAge] = React.useState('');\n const [pengiriman, setPengiriman] = React.useState('');\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: `${backend}${data.img[0][\"url\"]}`,\n type: \"text\"\n })), __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h4\", null, \"Produk Dipesan\"), __jsx(\"img\", {\n className: navImageClasses,\n width: \"200px\",\n alt: \"First slide\",\n src: `${backend}${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, data.name))), __jsx(Grid, {\n item: true,\n xs: true\n }, __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h4\", 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: age,\n name: \"product_color\",\n onChange: handleChange\n }, __jsx(MenuItem, {\n value: 10\n }, \"Hitam\"), __jsx(MenuItem, {\n value: 20\n }, \"Merah\"), __jsx(MenuItem, {\n value: 30\n }, \"Biru\"), __jsx(MenuItem, {\n value: 30\n }, \"Putih\")))))), __jsx(Grid, {\n item: true,\n xs: true\n }, __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h4\", null, \"Harga Satuan\"), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"h5\", null, \"Rp.\", data.price))), __jsx(Grid, {\n item: true,\n xs: true\n }, __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h4\", 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 }))))), __jsx(Grid, {\n item: true,\n xs: true\n }, __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h4\", null, \"Sub Total Produk\"), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"h5\", null, \"Total Rp.\", data.price)))), __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 })), __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(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 onChange: handleChanges\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 onChange: handleChanges\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 onChange: handleChanges\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, \"Total Rp. \", data.price), __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: \"danger\"\n })), __jsx(Form, {\n onChange: value => {\n console.log(\"tes\", value);\n setFormValue(value);\n }\n }, __jsx(\"div\", null, CheckoutAlamat), __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 onClick: async function (e) {\n // setFormValue({\n // cust_name : data.username,\n // ... formValue\n // });\n const response = await fetch(\"/api/transaction/createSuzuki\", {\n method: \"POST\",\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n formValue\n })\n });\n\n if (response.ok) {\n var res = await response.json();\n\n if (res[\"STATUS\"] === 1) {\n res[\"DATA\"][\"transactionSuzuki\"];\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 } else {\n swal(\"Transaksi Gagal\", \"Silahkan Coba Lagi\", \"error\");\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"}