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 rivi
12 KiB

  1. {"ast":null,"code":"import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar __jsx = React.createElement;\nimport React from \"react\";\nimport classNames from \"classnames\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport NavPills from \"components/NavPills/NavPills.js\";\nimport Card from \"components/Card/Card.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport styles from \"assets/jss/nextjs-material-kit/pages/profilePage.js\";\nimport Icon from \"@material-ui/core/Icon\";\nimport { Motorcycle } from \"@material-ui/icons\";\nimport NumberFormat from 'react-number-format';\nvar useStyles = makeStyles(styles);\n\nvar DataProduct = function DataProduct(_ref) {\n var backend = _ref.backend,\n maxi = _ref.maxi,\n matic = _ref.matic,\n naked = _ref.naked,\n sport = _ref.sport,\n offroad = _ref.offroad,\n moped = _ref.moped,\n monsterenergy = _ref.monsterenergy,\n cbu = _ref.cbu,\n props = _objectWithoutProperties(_ref, [\"backend\", \"maxi\", \"matic\", \"naked\", \"sport\", \"offroad\", \"moped\", \"monsterenergy\", \"cbu\"]);\n\n var classes = useStyles();\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 var Productmaxi = maxi.map(function (data) {\n return __jsx(\"div\", {\n style: {\n padding: \"20px\",\n marginTop: \"-40px\"\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n style: {\n width: \"350px\"\n }\n }, __jsx(CardBody, null, __jsx(\"div\", {\n style: {\n padding: \"10px\"\n }\n }, __jsx(\"img\", {\n style: {\n width: \"250px\",\n display: \"block\"\n },\n src: \"\".concat(backend).concat(data.img[0][\"url\"]),\n className: navImageClasses\n }), __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h5\", null, data.name), __jsx(\"h5\", null, __jsx(NumberFormat, {\n value: data.price,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.'\n })), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/product/product_detail?s=\" + data.id\n }, __jsx(Icon, {\n className: classes.icons\n }, \"open_in_new\"), \"Detail Product\"))))));\n });\n var Productmatic = matic.map(function (data) {\n return __jsx(\"div\", {\n style: {\n padding: \"20px\",\n marginTop: \"-40px\"\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n style: {\n width: \"350px\"\n }\n }, __jsx(CardBody, null, __jsx(\"div\", {\n style: {\n padding: \"10px\"\n }\n }, __jsx(\"img\", {\n style: {\n width: \"250px\",\n display: \"block\"\n },\n src: \"\".concat(backend).concat(data.img[0][\"url\"]),\n className: navImageClasses\n }), __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h5\", null, data.name), __jsx(NumberFormat, {\n value: data.price,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.'\n }), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/product/product_detail?s=\" + data.id\n }, __jsx(Icon, {\n className: classes.icons\n }, \"open_in_new\"), \"Detail Product\"))))));\n });\n var Productnaked = naked.map(function (data) {\n return __jsx(\"div\", {\n style: {\n padding: \"20px\",\n marginTop: \"-40px\"\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n style: {\n width: \"350px\"\n }\n }, __jsx(CardBody, null, __jsx(\"div\", {\n style: {\n padding: \"10px\"\n }\n }, __jsx(\"img\", {\n style: {\n width: \"250px\",\n display: \"block\"\n },\n src: \"\".concat(backend).concat(data.img[0][\"url\"]),\n className: navImageClasses\n }), __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h5\", null, data.name), __jsx(NumberFormat, {\n value: data.price,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.'\n }), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/product/product_detail?s=\" + data.id\n }, __jsx(Icon, {\n className: classes.icons\n }, \"open_in_new\"), \"Detail Product\"))))));\n });\n var Productsport = sport.map(function (data) {\n return __jsx(\"div\", {\n style: {\n padding: \"20px\",\n marginTop: \"-40px\"\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n style: {\n width: \"350px\"\n }\n }, __jsx(CardBody, null, __jsx(\"div\", {\n style: {\n padding: \"10px\"\n }\n }, __jsx(\"img\", {\n style: {\n width: \"250px\",\n display: \"block\"\n },\n src: \"\".concat(backend).concat(data.img[0][\"url\"]),\n className: navImageClasses\n }), __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h5\", null, data.name), __jsx(NumberFormat, {\n value: data.price,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.'\n }), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/product/product_detail?s=\" + data.id\n }, __jsx(Icon, {\n className: classes.icons\n }, \"open_in_new\"), \"Detail Product\"))))));\n });\n var Productoffroad = offroad.map(function (data) {\n return __jsx(\"div\", {\n style: {\n padding: \"20px\",\n marginTop: \"-40px\"\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n style: {\n width: \"350px\"\n }\n }, __jsx(CardBody, null, __jsx(\"div\", {\n style: {\n padding: \"10px\"\n }\n }, __jsx(\"img\", {\n style: {\n width: \"250px\",\n display: \"block\"\n },\n src: \"\".concat(backend).concat(data.img[0][\"url\"]),\n className: navImageClasses\n }), __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h5\", null, data.name), __jsx(NumberFormat, {\n value: data.price,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.'\n }), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/product/product_detail?s=\" + data.id\n }, __jsx(Icon, {\n className: classes.icons\n }, \"open_in_new\"), \"Detail Product\"))))));\n });\n var Productmoped = moped.map(function (data) {\n return __jsx(\"div\", {\n style: {\n padding: \"20px\",\n marginTop: \"-40px\"\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n style: {\n width: \"350px\"\n }\n }, __jsx(CardBody, null, __jsx(\"div\", {\n style: {\n padding: \"10px\"\n }\n }, __jsx(\"img\", {\n style: {\n width: \"250px\",\n display: \"block\"\n },\n src: \"\".concat(backend).concat(data.img[0][\"url\"]),\n className: navImageClasses\n }), __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h5\", null, data.name), __jsx(NumberFormat, {\n value: data.price,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.'\n }), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/product/product_detail?s=\" + data.id\n }, __jsx(Icon, {\n className: classes.icons\n }, \"open_in_new\"), \"Detail Product\"))))));\n });\n var Productmonsterenergy = monsterenergy.map(function (data) {\n return __jsx(\"div\", {\n style: {\n padding: \"20px\",\n marginTop: \"-40px\"\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n style: {\n width: \"350px\"\n }\n }, __jsx(CardBody, null, __jsx(\"div\", {\n style: {\n padding: \"10px\"\n }\n }, __jsx(\"img\", {\n style: {\n width: \"250px\",\n display: \"block\"\n },\n src: \"\".concat(backend).concat(data.img[0][\"url\"]),\n className: navImageClasses\n }), __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h5\", null, data.name), __jsx(NumberFormat, {\n value: data.price,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.'\n }), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/product/product_detail?s=\" + data.id\n }, __jsx(Icon, {\n className: classes.icons\n }, \"open_in_new\"), \"Detail Product\"))))));\n });\n var Productcbu = cbu.map(function (data) {\n return __jsx(\"div\", {\n style: {\n padding: \"20px\",\n marginTop: \"-40px\"\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n style: {\n width: \"350px\"\n }\n }, __jsx(CardBody, null, __jsx(\"div\", {\n style: {\n padding: \"10px\"\n }\n }, __jsx(\"img\", {\n style: {\n width: \"250px\",\n display: \"block\"\n },\n src: \"\".concat(backend).concat(data.img[0][\"url\"]),\n className: navImageClasses\n }), __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h5\", null, data.name), __jsx(NumberFormat, {\n value: data.price,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.'\n }), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/product/product_detail?s=\" + data.id\n }, __jsx(Icon, {\n className: classes.icons\n }, \"open_in_new\"), \"Detail Product\"))))));\n });\n return __jsx(Card, {\n className: classes.textCenter\n }, __jsx(\"div\", {\n align: \"center\"\n }, __jsx(CardHeader, {\n color: \"info\"\n }, \"Product\")), __jsx(CardBody, null, __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h2\", null, \"Product & Facilities\")), __jsx(GridContainer, {\n justify: \"center\"\n }, __jsx(GridItem, null, __jsx(NavPills, {\n alignCenter: true,\n color: \"primary\",\n tabs: [{\n tabButton: \"Maxi\",\n tabIcon: Motorcycle,\n tabContent: __jsx(GridContainer, {\n justify: \"center\"\n }, Productmaxi)\n }, {\n tabButton: \"Matic\",\n tabIcon: Motorcycle,\n tabContent: __jsx(GridContainer, {\n justify: \"center\"\n }, Productmatic)\n }, {\n tabButton: \"Naked Bike\",\n tabIcon: Motorcycle,\n tabContent: __jsx(GridContainer, {\n justify: \"center\"\n }, Productnaked)\n }, {\n tabButton: \"Sport\",\n tabIcon: Motorcycle,\n tabContent: __jsx(GridContainer, {\n justify: \"center\"\n }, Productsport)\n }, {\n tabButton: \"Off Road\",\n tabIcon: Motorcycle,\n tabContent: __jsx(GridContainer, {\n justify: \"center\"\n }, Productoffroad)\n }, {\n tabButton: \"Moped\",\n tabIcon: Motorcycle,\n tabContent: __jsx(GridContainer, {\n justify: \"center\"\n }, Productmoped)\n }, {\n tabButton: \"Monster Energy MotoGP\",\n tabIcon: Motorcycle,\n tabContent: __jsx(GridContainer, {\n justify: \"center\"\n }, Productmonsterenergy)\n }, {\n tabButton: \"CBU\",\n tabIcon: Motorcycle,\n tabContent: __jsx(GridContainer, {\n justify: \"center\"\n }, Productcbu)\n }, {\n tabButton: \"ATV\",\n tabIcon: Motorcycle,\n tabContent: __jsx(GridContainer, {\n justify: \"center\"\n }, Productcbu)\n }]\n })))));\n};\n\nexport default DataProduct;","map":null,"metadata":{},"sourceType":"module"}