No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.
 
 

1 línea
13 KiB

  1. {"ast":null,"code":"import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _jsxFileName = \"C:\\\\Thamrin Brothers\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\suzuki\\\\product\\\\product.js\";\nvar __jsx = React.createElement;\nimport React from \"react\";\nimport classNames from \"classnames\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Dashboard from \"@material-ui/icons/Dashboard\";\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 CardFooter from \"components/Card/CardFooter.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\";\nvar useStyles = makeStyles(styles);\n\nvar DataProduct = function DataProduct(_ref) {\n var _this = this;\n\n var backend = _ref.backend,\n car = _ref.car,\n props = _objectWithoutProperties(_ref, [\"backend\", \"car\"]);\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 ProductSuzuki = car.map(function (data) {\n return __jsx(\"div\", {\n style: {\n padding: \"20px\",\n marginTop: \"-40px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 31,\n columnNumber: 9\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n style: {\n width: \"350px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 32,\n columnNumber: 9\n }\n }, __jsx(CardBody, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 33,\n columnNumber: 13\n }\n }, __jsx(\"div\", {\n style: {\n padding: \"10px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 34,\n columnNumber: 13\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 __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 35,\n columnNumber: 17\n }\n }), __jsx(\"div\", {\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 37,\n columnNumber: 17\n }\n }, __jsx(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 38,\n columnNumber: 17\n }\n }, data.name), __jsx(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 39,\n columnNumber: 17\n }\n }, \"Rp.\", data.price), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/suzuki/product/product_detail?s=\" + data.id,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 40,\n columnNumber: 17\n }\n }, __jsx(Icon, {\n className: classes.icons,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 44,\n columnNumber: 21\n }\n }, \"open_in_new\"), \"Detail Product\"), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/suzuki/cart/checkout?s=\" + data.id,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 46,\n columnNumber: 17\n }\n }, __jsx(Icon, {\n className: classes.icons,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 50,\n columnNumber: 21\n }\n }, \"shopping_cart\"), \"Add to Cart\"))))));\n });\n return __jsx(Card, {\n className: classes.textCenter,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 60,\n columnNumber: 5\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 61,\n columnNumber: 7\n }\n }, __jsx(CardHeader, {\n color: \"info\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 62,\n columnNumber: 9\n }\n }, \"Product\")), __jsx(CardBody, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 64,\n columnNumber: 7\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 65,\n columnNumber: 9\n }\n }, __jsx(\"h2\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 66,\n columnNumber: 11\n }\n }, \"Product & Facilities\")), __jsx(GridContainer, {\n justify: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 68,\n columnNumber: 11\n }\n }, __jsx(GridItem, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 69,\n columnNumber: 13\n }\n }, __jsx(NavPills, {\n alignCenter: true,\n color: \"primary\",\n tabs: [{\n tabButton: \"XL7\",\n tabIcon: Motorcycle,\n tabContent: __jsx(GridContainer, {\n justify: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 78,\n columnNumber: 23\n }\n }, ProductSuzuki)\n }],\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 70,\n columnNumber: 15\n }\n })))));\n};\n\nexport default DataProduct;","map":{"version":3,"sources":["C:/Thamrin Brothers/tbg-ecomm-nextjs/pages-sections/suzuki/product/product.js"],"names":["React","classNames","makeStyles","Dashboard","GridContainer","GridItem","NavPills","Card","CardBody","CardHeader","CardFooter","Button","styles","Icon","Motorcycle","useStyles","DataProduct","backend","car","props","classes","rest","imageClasses","imgRaised","imgRoundedCircle","imgFluid","navImageClasses","imgRounded","imgGallery","ProductSuzuki","map","data","padding","marginTop","textCenter","width","display","img","name","price","id","icons","tabButton","tabIcon","tabContent"],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport classNames from \"classnames\";\r\n\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Dashboard from \"@material-ui/icons/Dashboard\";\r\n\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport NavPills from \"components/NavPills/NavPills.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport CardHeader from \"components/Card/CardHeader.js\";\r\nimport CardFooter from \"components/Card/CardFooter.js\";\r\nimport Button from \"components/CustomButtons/Button.js\";\r\nimport styles from \"assets/jss/nextjs-material-kit/pages/profilePage.js\";\r\nimport Icon from \"@material-ui/core/Icon\";\r\nimport { Motorcycle } from \"@material-ui/icons\";\r\n\r\nconst useStyles = makeStyles(styles);\r\nconst DataProduct = function ({ backend, car, ...props }) {\r\n const classes = useStyles();\r\n const { ...rest } = props;\r\n const imageClasses = classNames(\r\n classes.imgRaised,\r\n classes.imgRoundedCircle,\r\n classes.imgFluid\r\n );\r\n const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);\r\n const ProductSuzuki = car.map((data) => {\r\n return (\r\n <div style={{padding: \"20px\", marginTop:\"-40px\"}}> \r\n <Card className={classes.textCenter} align=\"center\" style={{width:\"350px\"}}>\r\n <CardBody>\r\n <div style={{padding:\"10px\"}}>\r\n <img style={{ width: \"250px\", display: \"block\" }} src={`${backend}${data.img[0][\"url\"]}`} className={navImageClasses}\r\n />\r\n <div align=\"center\">\r\n <h5>{data.name}</h5>\r\n <h5>Rp.{data.price}</h5>\r\n <Button \r\n color=\"info\" round\r\n href={\"/suzuki/product/product_detail?s=\"+data.id}\r\n >\r\n <Icon className={classes.icons}>open_in_new</Icon>Detail Product\r\n </Button>\r\n <Button \r\n color=\"info\" round\r\n href={\"/suzuki/cart/checkout?s=\"+data.id}\r\n >\r\n <Icon className={classes.icons}>shopping_cart</Icon>Add to Cart\r\n </Button>\r\n </div>\r\n </div>\r\n </CardBody>\r\n </Card>\r\n </div>\r\n );\r\n })\r\n return (\r\n <Card className={classes.textCenter}>\r\n <div align=\"center\">\r\n <CardHeader color=\"info\">Product</CardHeader>\r\n </div>\r\n <CardBody>\r\n <div align=\"center\">\r\n <h2>Product & Facilities</h2>\r\n </div>\r\n <GridContainer justify=\"center\">\r\n <GridItem>\r\n <NavPills\r\n alignCenter\r\n color=\"primary\"\r\n tabs={[\r\n {\r\n tabButton: \"XL7\",\r\n tabIcon: Motorcycle,\r\n tabContent: (\r\n <GridContainer justify=\"center\">\r\n {ProductSuzuki}\r\n </GridContainer>\r\n ),\r\n },\r\n ]}\r\n />\r\n </GridItem>\r\n </GridContainer>\r\n </CardBody>\r\n </Card>\r\n );\r\n}\r\n\r\nexport default DataProduct;"]},"metadata":{},"sourceType":"module"}