Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
 
 

1 zeile
3.4 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 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\", null, __jsx(\"img\", {\n src: `${backend}${data.img[0][\"url\"]}`,\n alt: \"First slide\",\n className: \"slick-image\"\n }));\n });\n return __jsx(\"div\", {\n className: classes.root,\n style: {\n marginTop: \"-30px\"\n }\n }, __jsx(Grid, {\n item: true,\n xs: 12,\n sm: 12,\n className: classes.marginAuto\n }, __jsx(Card, null, __jsx(\"div\", {\n className: \"container\"\n }, __jsx(Carousel, settings, Carousels)))), __jsx(Grid, {\n container: true,\n style: {\n marginTop: \"-60px\"\n }\n }, __jsx(Grid, {\n item: true,\n xs: 6,\n className: classes.marginAuto\n }, __jsx(Card, null, __jsx(\"div\", {\n className: \"container\"\n }, __jsx(Carousel, settings, __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 }))))), __jsx(Grid, {\n item: true,\n xs: 6,\n className: classes.marginAuto\n }, __jsx(Card, null, __jsx(\"div\", {\n className: \"container\"\n }, __jsx(Carousel, settings, __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 })))))));\n};\n\nexport default DataCarousel;","map":null,"metadata":{},"sourceType":"module"}