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

1 行
9.1 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\nimport React, { useState, useEffect } from \"react\";\nimport classNames from \"classnames\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport ReactHtmlParser from \"react-html-parser\";\nimport Dashboard from \"@material-ui/icons/Dashboard\";\nimport Icon from \"@material-ui/core/Icon\";\nimport Rating from '@material-ui/lab/Rating';\nimport Typography from '@material-ui/core/Typography';\nimport Box from '@material-ui/core/Box';\nimport CustomTabs from \"components/CustomTabs/CustomTabs.js\";\nimport NumberFormat from 'react-number-format';\nimport Select from 'react-select';\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport Grid from '@material-ui/core/Grid';\nimport GridItem from \"components/Grid/GridItem.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 Button from \"components/CustomButtons/Button.js\";\nimport styles from \"assets/jss/nextjs-material-kit/pages/profilePage.js\";\nconst useStyles = makeStyles(styles);\n\nconst DetailDataYGP = function (_ref) {\n let {\n backend,\n detailygp\n } = _ref,\n props = _objectWithoutProperties(_ref, [\"backend\", \"detailygp\"]);\n\n console.log(detailygp);\n const classes = useStyles();\n const rest = Object.assign({}, props);\n const imageClasses = classNames(classes.imgRaised, classes.imgRoundedCircle, classes.imgFluid);\n const [value, setValue] = React.useState(5);\n const [value5, setValue5] = React.useState(5);\n const [value4, setValue4] = React.useState(4);\n const [value3, setValue3] = React.useState(3);\n const [value2, setValue2] = React.useState(2);\n const [value1, setValue1] = React.useState(1);\n const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);\n const YGPdetails = detailygp.map(data => {\n return __jsx(\"div\", null, __jsx(GridContainer, null, __jsx(Grid, {\n fluid: true,\n xs: 5\n }, __jsx(\"div\", {\n className: classes.section,\n id: \"notifications\"\n }, __jsx(\"div\", {\n className: classes.section\n }, __jsx(\"div\", {\n className: classes.container\n }, __jsx(GridContainer, null, __jsx(GridItem, {\n className: classes.marginAuto\n }, __jsx(Card, null, __jsx(\"img\", {\n className: navImageClasses,\n width: \"300px\",\n alt: \"First slide\",\n src: `${backend}${data.img[\"url\"]}`\n })), __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h3\", null, __jsx(\"b\", null, \"Pilih Varian Sparepart\")), __jsx(Select, {\n getOptionLabel: option => `${option.name}`,\n getOptionValue: option => option.id,\n options: data.ygp_units,\n isMulti: true,\n instanceId: \"name\",\n placeholder: \"Pilih Varian\",\n onChange: values => handleName(values)\n }), __jsx(\"h3\", null, __jsx(\"b\", null, \"Ulasan (17)\")), __jsx(\"h5\", null, __jsx(\"b\", null, data.name)), __jsx(GridContainer, null, __jsx(Grid, {\n fluid: true,\n xs: 5\n }, __jsx(\"h1\", null, __jsx(\"b\", null, \"5.0\")), __jsx(Rating, {\n align: \"center\",\n name: \"read-only\",\n value: value,\n readOnly: true\n })), __jsx(Grid, {\n fluid: true,\n xs: 5\n }, __jsx(GridContainer, null, __jsx(Grid, {\n fluid: true,\n xs: 3\n }, __jsx(Rating, {\n name: \"read-only\",\n value: value5,\n readOnly: true\n })), __jsx(Grid, {\n fluid: true,\n xs: 5\n })), __jsx(GridContainer, null, __jsx(Grid, {\n fluid: true,\n xs: 5\n }, __jsx(Rating, {\n name: \"read-only\",\n value: value4,\n readOnly: true\n })), __jsx(Grid, {\n fluid: true,\n xs: 5\n })), __jsx(GridContainer, null, __jsx(Grid, {\n fluid: true,\n xs: 5\n }, __jsx(Rating, {\n name: \"read-only\",\n value: value3,\n readOnly: true\n })), __jsx(Grid, {\n fluid: true,\n xs: 5\n })), __jsx(GridContainer, null, __jsx(Grid, {\n fluid: true,\n xs: 5\n }, __jsx(Rating, {\n name: \"read-only\",\n value: value2,\n readOnly: true\n })), __jsx(Grid, {\n fluid: true,\n xs: 5\n })), __jsx(GridContainer, null, __jsx(Grid, {\n fluid: true,\n xs: 5\n }, __jsx(Rating, {\n name: \"read-only\",\n value: value1,\n readOnly: true\n })), __jsx(Grid, {\n fluid: true,\n xs: 5\n }))))))))))), __jsx(Grid, {\n xs: 7,\n style: {\n padding: \"40px\",\n marginTop: \"-30px\"\n }\n }, __jsx(\"h2\", null, __jsx(\"b\", null, data.name)), __jsx(Rating, {\n name: \"read-only\",\n value: value,\n readOnly: true\n }), __jsx(\"div\", {\n style: {\n marginTop: \"-20px\"\n }\n }, __jsx(\"h3\", null, __jsx(\"b\", null, __jsx(NumberFormat, {\n value: data.price1,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.'\n })))), __jsx(\"br\", null), __jsx(CustomTabs, {\n headerColor: \"info\",\n tabs: [{\n tabName: \"Detail Product\",\n tabContent: __jsx(\"p\", {\n className: classes.textCenter\n }, __jsx(\"b\", null, ReactHtmlParser(data.description)))\n }, {\n tabName: \"Info Penting\",\n tabContent: __jsx(\"p\", {\n className: classes.textCenter\n }, __jsx(\"h4\", null, __jsx(\"b\", null, \"Informasi mengenai prosedur pengiriman, pembelian dan dokumen\")), __jsx(\"ul\", null, __jsx(\"li\", null, \"Kota Palembang, Kayu Agung, Prabumulih, Pangkalan Balai, Betung : 2-3 hari kerja*\"), __jsx(\"li\", null, \"Untuk daerah Sungsang/daerah lain yang menggunakan kapal motor, maka motor diantar sampai di dermaga sesuai dengan jadwal yang diinformasikan\"), __jsx(\"li\", null, \"Sekayu, Babat Toman, Pendopo, Baturaja, Martapura, Muara Dua, Lahat, Tanjung Enim, Tugu Mulyo, Belitang : 4-5 hari kerja*\"), __jsx(\"li\", null, \"Lubuk Linggau, Curup, Pagar Alam : 6-7 hari kerja*\")), __jsx(\"h4\", null, __jsx(\"b\", null, \"Informasi mengenai prosedur pengiriman, pembelian dan dokumen\")), __jsx(\"h4\", null, __jsx(\"b\", null, \"Harga\")), __jsx(\"ul\", null, __jsx(\"li\", null, \"Harga OTR sudah termasuk biaya pengiriman dan BBN, kecuali tambahan pengenaan pajak progresif kepemilikan kendaraan bermotor (sesuai dengan peraturan yang telah ditetapkan oleh pemerintah)\"), __jsx(\"li\", null, \"Harga OTR diatas berlaku untuk KTP domisili PALEMBANG, OGAN ILIR, dan BANYUASIN, diluar wilayah tersebut harap menghubungi kami untuk konfirmasi harga.\"), __jsx(\"li\", null, \"Harga OTR sewaktu-waktu dapat berubah.\"), __jsx(\"li\", null, \"Proses pemesanan sepeda motor tidak dapat dibatalkan dan warna yang sudah dipesan tidak dapat diubah.\"), __jsx(\"li\", null, \"Proses pemesanan yang terkait waktu pengiriman produk dan kelengkapan dokumen yang dibutuhkan untuk pembuatan STNK dan BPKB akan diinformasikan oleh pihak Dealer.\"), __jsx(\"li\", null, \"Proses pengiriman sepeda motor akan dilakukan setelah pelunasan transaksi dan dokumen yang dibutuhkan telah lengkap.\")), __jsx(\"h4\", null, __jsx(\"b\", null, \"Dokumen\")), __jsx(\"ul\", null, __jsx(\"li\", null, \"Proses pembuatan STNK setelah KTP diterima oleh pihak dealer adalah 19-25 hari kerja*.\"), __jsx(\"li\", null, \"Proses pembuatan BPKB adalah 3-4 bulan.\"), __jsx(\"li\", null, \"STNK dan BPKB wajib diambil sendiri oleh pihak yang bersangkutan sesuai dengan identitas yang tertera STNK di dealer yang ditunjuk.\"), __jsx(\"li\", null, \"Untuk proses pembuatan STNK dan BPKB sepenuhnya menjadi tanggung jawab dealer terkait.\"), __jsx(\"li\", null, \"Buku servis diterima bersamaan dengan pengiriman sepeda motor.\")), __jsx(\"h4\", null, __jsx(\"b\", null, \"*tidak termasuk Sabtu dan Minggu.\")))\n }]\n }))));\n });\n return __jsx(Card, {\n className: classes.textCenter\n }, __jsx(\"div\", {\n align: \"center\"\n }, __jsx(CardHeader, {\n color: \"info\"\n }, \"Product Detail\")), __jsx(CardBody, null, __jsx(\"div\", null, YGPdetails)), __jsx(CardFooter, {\n className: classes.textMuted,\n textAlign: \"center\"\n }, \"\\xA9 2020 , All Right Reserved by @Thamrin Brother Company\"));\n};\n\nexport default DetailDataYGP;","map":null,"metadata":{},"sourceType":"module"}