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
11 KiB

  1. {"ast":null,"code":"import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _jsxFileName = \"C:\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\yamaha\\\\home\\\\carousel.js\";\nvar __jsx = React.createElement;\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';\nvar useStyles = makeStyles(styles);\n\nvar DataCarousel = function DataCarousel(_ref) {\n var _this = this;\n\n var backend = _ref.backend,\n carousel = _ref.carousel,\n props = _objectWithoutProperties(_ref, [\"backend\", \"carousel\"]);\n\n var classes = useStyles();\n var settings = {\n dots: true,\n infinite: true,\n speed: 500,\n slidesToShow: 1,\n slidesToScroll: 1,\n autoplay: true,\n time: 5\n };\n var Carousels = carousel.map(function (data) {\n return __jsx(\"div\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 25,\n columnNumber: 9\n }\n }, __jsx(\"img\", {\n src: \"\".concat(backend).concat(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: 11\n }\n }));\n });\n return __jsx(\"div\", {\n className: classes.root,\n style: {\n marginTop: \"-30px\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 31,\n columnNumber: 7\n }\n }, __jsx(Grid, {\n item: true,\n xs: 12,\n sm: 12,\n className: classes.marginAuto,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 32,\n columnNumber: 13\n }\n }, __jsx(Card, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 33,\n columnNumber: 17\n }\n }, __jsx(\"div\", {\n className: \"container\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 34,\n columnNumber: 21\n }\n }, __jsx(Carousel, _extends({}, settings, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 35,\n columnNumber: 21\n }\n }), Carousels)))), __jsx(Grid, {\n container: true,\n style: {\n marginTop: \"-60px\"\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 41,\n columnNumber: 13\n }\n }, __jsx(Grid, {\n item: true,\n xs: 6,\n className: classes.marginAuto,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 42,\n columnNumber: 15\n }\n }, __jsx(Card, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 43,\n columnNumber: 19\n }\n }, __jsx(\"div\", {\n className: \"container\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 44,\n columnNumber: 23\n }\n }, __jsx(Carousel, _extends({}, settings, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 45,\n columnNumber: 23\n }\n }), __jsx(\"iframe\", {\n height: \"300px\",\n src: \"https://www.youtube.com/embed/zkbnKHqcez4?list=PLGDlwziWaTGKL0aphOH8j_6D29JQ1TgYY\",\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: 46,\n columnNumber: 25\n }\n }))))), __jsx(Grid, {\n item: true,\n xs: 6,\n className: classes.marginAuto,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 51,\n columnNumber: 15\n }\n }, __jsx(Card, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 52,\n columnNumber: 19\n }\n }, __jsx(\"div\", {\n className: \"container\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 53,\n columnNumber: 23\n }\n }, __jsx(Carousel, _extends({}, settings, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 54,\n columnNumber: 23\n }\n }), __jsx(\"iframe\", {\n height: \"300px\",\n src: \"https://www.youtube.com/embed/zkbnKHqcez4?list=PLGDlwziWaTGKL0aphOH8j_6D29JQ1TgYY\",\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: 55,\n columnNumber: 25\n }\n })))))));\n};\n\nexport default DataCarousel;","map":{"version":3,"sources":["C:/tbg-ecomm-nextjs/pages-sections/yamaha/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","root","marginTop","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.root} style={{marginTop:\"-30px\"}}>\r\n <Grid item xs={12} sm={12} className={classes.marginAuto}>\r\n <Card>\r\n <div className=\"container\">\r\n <Carousel {...settings}>\r\n {Carousels}\r\n </Carousel>\r\n </div>\r\n </Card>\r\n </Grid>\r\n <Grid container style={{marginTop:\"-60px\"}}>\r\n <Grid item xs={6} className={classes.marginAuto}>\r\n <Card>\r\n <div className=\"container\">\r\n <Carousel {...settings}>\r\n <iframe height=\"300px\" src=\"https://www.youtube.com/embed/zkbnKHqcez4?list=PLGDlwziWaTGKL0aphOH8j_6D29JQ1TgYY\" title=\"YouTube video player\" frameBorder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowFullScreen></iframe>\r\n </Carousel>\r\n </div>\r\n </Card>\r\n </Grid>\r\n <Grid item xs={6} className={classes.marginAuto}>\r\n <Card>\r\n <div className=\"container\">\r\n <Carousel {...settings}>\r\n <iframe height=\"300px\" src=\"https://www.youtube.com/embed/zkbnKHqcez4?list=PLGDlwziWaTGKL0aphOH8j_6D29JQ1TgYY\" title=\"YouTube video player\" frameBorder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowFullScreen></iframe>\r\n </Carousel>\r\n </div>\r\n </Card>\r\n </Grid>\r\n </Grid>\r\n </div>\r\n );\r\n}\r\n\r\nexport default DataCarousel;"]},"metadata":{},"sourceType":"module"}