Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.
 
 

1 wiersz
12 KiB

  1. {"ast":null,"code":"var _jsxFileName = \"C:\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\honda\\\\home\\\\carousel.js\";\nvar __jsx = React.createElement;\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\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 from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport Card from \"components/Card/Card.js\";\nimport styles from \"assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js\";\nimport Carousel from \"react-slick\";\nimport Grid from '@material-ui/core/Grid';\nconst useStyles = makeStyles(styles);\n\nconst DataCarousel = function (_ref) {\n let {\n backend,\n carousel\n } = _ref,\n props = _objectWithoutProperties(_ref, [\"backend\", \"carousel\"]);\n\n const classes = useStyles();\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 Carousels = carousel.map(data => {\n return __jsx(\"div\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 25,\n columnNumber: 13\n }\n }, __jsx(\"img\", {\n src: `${backend}${data.img[0][\"url\"]}`,\n alt: \"First slide\",\n className: \"slick-image\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 26,\n columnNumber: 13\n }\n }));\n });\n return __jsx(\"div\", {\n className: classes.section,\n id: \"notifications\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 31,\n columnNumber: 9\n }\n }, __jsx(\"div\", {\n className: classes.section,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 32,\n columnNumber: 13\n }\n }, __jsx(\"div\", {\n className: classes.container,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 33,\n columnNumber: 13\n }\n }, __jsx(GridContainer, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 34,\n columnNumber: 17\n }\n }, __jsx(GridItem, {\n className: classes.marginAuto,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 35,\n columnNumber: 21\n }\n }, __jsx(Card, {\n carousel: true,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 36,\n columnNumber: 25\n }\n }, __jsx(Carousel, _extends({}, settings, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 37,\n columnNumber: 29\n }\n }), Carousels)))), __jsx(GridContainer, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 43,\n columnNumber: 17\n }\n }, __jsx(GridItem, {\n className: classes.marginAuto,\n xs: 6,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 44,\n columnNumber: 21\n }\n }, __jsx(Card, {\n carousel: true,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 45,\n columnNumber: 25\n }\n }, __jsx(Carousel, _extends({}, settings, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 46,\n columnNumber: 25\n }\n }), __jsx(\"iframe\", {\n height: \"300px\",\n src: \"https://www.youtube.com/embed/ctv6XEB3ZT4\",\n title: \"YouTube video player\",\n frameborder: \"0\",\n allow: \"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\n allowfullscreen: true,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 47,\n columnNumber: 29\n }\n })))), __jsx(GridItem, {\n className: classes.marginAuto,\n xs: 6,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 51,\n columnNumber: 21\n }\n }, __jsx(Card, {\n carousel: true,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 52,\n columnNumber: 25\n }\n }, __jsx(Carousel, _extends({}, settings, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 53,\n columnNumber: 25\n }\n }), __jsx(\"iframe\", {\n height: \"300px\",\n src: \"https://www.youtube.com/embed/sI3n7Fh8lrQ\",\n title: \"YouTube video player\",\n frameborder: \"0\",\n allow: \"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\n allowfullscreen: true,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 54,\n columnNumber: 29\n }\n }))))))));\n};\n\nexport default DataCarousel;","map":{"version":3,"sources":["C:/tbg-ecomm-nextjs/pages-sections/honda/home/carousel.js"],"names":["React","makeStyles","GridContainer","GridItem","Card","styles","Carousel","Grid","useStyles","DataCarousel","backend","carousel","props","classes","settings","dots","infinite","speed","slidesToShow","slidesToScroll","autoplay","time","Carousels","map","data","img","section","container","marginAuto"],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport styles from \"assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js\";\r\nimport Carousel from \"react-slick\";\r\nimport Grid from '@material-ui/core/Grid';\r\n\r\nconst useStyles = makeStyles(styles);\r\nconst DataCarousel = function ({ backend, carousel, ...props }) {\r\n const classes = useStyles();\r\n const settings = {\r\n dots: true,\r\n infinite: true,\r\n speed: 500,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n autoplay: true,\r\n time: 5\r\n };\r\n const Carousels = carousel.map((data) => {\r\n return (\r\n <div>\r\n <img src={`${backend}${data.img[0][\"url\"]}`} alt=\"First slide\" className=\"slick-image\" />\r\n </div>\r\n );\r\n })\r\n return (\r\n <div className={classes.section} id=\"notifications\">\r\n <div className={classes.section}>\r\n <div className={classes.container}>\r\n <GridContainer>\r\n <GridItem className={classes.marginAuto}>\r\n <Card carousel>\r\n <Carousel {...settings}>\r\n {Carousels}\r\n </Carousel>\r\n </Card>\r\n </GridItem>\r\n </GridContainer>\r\n <GridContainer>\r\n <GridItem className={classes.marginAuto} xs={6}>\r\n <Card carousel>\r\n <Carousel {...settings}>\r\n <iframe height=\"300px\" src=\"https://www.youtube.com/embed/ctv6XEB3ZT4\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\r\n </Carousel>\r\n </Card>\r\n </GridItem>\r\n <GridItem className={classes.marginAuto} xs={6}>\r\n <Card carousel>\r\n <Carousel {...settings}>\r\n <iframe height=\"300px\" src=\"https://www.youtube.com/embed/sI3n7Fh8lrQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\r\n </Carousel>\r\n </Card>\r\n </GridItem>\r\n </GridContainer>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nexport default DataCarousel;"]},"metadata":{},"sourceType":"module"}