yusmar
/
tbg-ecomm-nextjs
1
0
Derivar 0
Código Questões 0 Pedidos de integração 0 Lançamentos 0 Wiki Trabalho
Não pode escolher mais do que 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
98 Cometimentos
1 Ramo
204 MiB
 
 
Árvore: 6b7826167e
Ramos Etiquetas
${ item.name }
Criar ramo ${ searchTerm }
de '6b7826167e'
${ noResults }
tbg-ecomm-nextjs/.next/cache/next-babel-loader/22b2b42eaced280d7e7a82e983c...

1 linha
21 KiB
Em bruto Responsabilidade Histórico 

  1. {"ast":null,"code":"var _jsxFileName = \"E:\\\\Project\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\yamaha\\\\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';\nimport Image1 from \"assets/img/home-yamaha/1.png\";\nimport Image2 from \"assets/img/home-yamaha/2.jpg\";\nimport Image3 from \"assets/img/home-yamaha/3.jpg\";\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: 29,\n        columnNumber: 9\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: 30,\n        columnNumber: 11\n      }\n    }));\n  });\n  return __jsx(\"div\", {\n    className: classes.root,\n    style: {\n      marginTop: \"-50px\"\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 35,\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: 36,\n      columnNumber: 13\n    }\n  }, __jsx(\"div\", {\n    style: {\n      padding: \"20px\"\n    },\n    className: \"container\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 37,\n      columnNumber: 15\n    }\n  }, __jsx(Card, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 38,\n      columnNumber: 17\n    }\n  }, __jsx(Carousel, _extends({}, settings, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 39,\n      columnNumber: 21\n    }\n  }), Carousels)))), __jsx(Grid, {\n    container: true,\n    style: {\n      marginTop: \"-80px\"\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 45,\n      columnNumber: 13\n    }\n  }, __jsx(Grid, {\n    item: true,\n    xs: 8,\n    className: classes.marginAuto,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 46,\n      columnNumber: 15\n    }\n  }, __jsx(\"div\", {\n    style: {\n      padding: \"20px\"\n    },\n    className: \"container\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 47,\n      columnNumber: 17\n    }\n  }, __jsx(Card, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 48,\n      columnNumber: 19\n    }\n  }, __jsx(Carousel, _extends({}, settings, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 49,\n      columnNumber: 23\n    }\n  }), __jsx(\"img\", {\n    src: Image1,\n    alt: \"First slide\",\n    className: \"slick-image\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 50,\n      columnNumber: 23\n    }\n  }))))), __jsx(Grid, {\n    item: true,\n    xs: 4,\n    className: classes.marginAuto,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 55,\n      columnNumber: 15\n    }\n  }, __jsx(\"div\", {\n    style: {\n      padding: \"20px\"\n    },\n    className: \"container\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 56,\n      columnNumber: 17\n    }\n  }, __jsx(Card, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 57,\n      columnNumber: 19\n    }\n  }, __jsx(Carousel, _extends({}, settings, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 58,\n      columnNumber: 21\n    }\n  }), __jsx(\"img\", {\n    src: Image2,\n    alt: \"First slide\",\n    className: \"slick-image\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 59,\n      columnNumber: 23\n    }\n  })))), __jsx(\"div\", {\n    style: {\n      padding: \"20px\",\n      marginTop: \"-80px\"\n    },\n    className: \"container\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 63,\n      columnNumber: 17\n    }\n  }, __jsx(Card, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 64,\n      columnNumber: 19\n    }\n  }, __jsx(Carousel, _extends({}, settings, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 65,\n      columnNumber: 21\n    }\n  }), __jsx(\"img\", {\n    src: Image3,\n    alt: \"First slide\",\n    className: \"slick-image\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 66,\n      columnNumber: 23\n    }\n  })))))), __jsx(Grid, {\n    container: true,\n    style: {\n      marginTop: \"-80px\"\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 72,\n      columnNumber: 13\n    }\n  }, __jsx(Grid, {\n    item: true,\n    xs: 4,\n    className: classes.marginAuto,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 73,\n      columnNumber: 15\n    }\n  }, __jsx(\"div\", {\n    style: {\n      padding: \"20px\"\n    },\n    className: \"container\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 74,\n      columnNumber: 17\n    }\n  }, __jsx(Card, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 75,\n      columnNumber: 19\n    }\n  }, __jsx(Carousel, _extends({}, settings, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 76,\n      columnNumber: 23\n    }\n  }), __jsx(\"iframe\", {\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: 77,\n      columnNumber: 25\n    }\n  }))))), __jsx(Grid, {\n    item: true,\n    xs: 4,\n    className: classes.marginAuto,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 82,\n      columnNumber: 15\n    }\n  }, __jsx(\"div\", {\n    style: {\n      padding: \"20px\"\n    },\n    className: \"container\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 83,\n      columnNumber: 17\n    }\n  }, __jsx(Card, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 84,\n      columnNumber: 19\n    }\n  }, __jsx(Carousel, _extends({}, settings, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 85,\n      columnNumber: 21\n    }\n  }), __jsx(\"iframe\", {\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: 86,\n      columnNumber: 23\n    }\n  }), \"                    \")))), __jsx(Grid, {\n    item: true,\n    xs: 4,\n    className: classes.marginAuto,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 90,\n      columnNumber: 15\n    }\n  }, __jsx(\"div\", {\n    style: {\n      padding: \"20px\"\n    },\n    className: \"container\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 91,\n      columnNumber: 17\n    }\n  }, __jsx(Card, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 92,\n      columnNumber: 19\n    }\n  }, __jsx(Carousel, _extends({}, settings, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 93,\n      columnNumber: 21\n    }\n  }), __jsx(\"iframe\", {\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: 94,\n      columnNumber: 23\n    }\n  })))))));\n};\n\nexport default DataCarousel;","map":{"version":3,"sources":["E:/Project/tbg-ecomm-nextjs/pages-sections/yamaha/home/carousel.js"],"names":["React","makeStyles","GridContainer","GridItem","Card","styles","Carousel","Grid","Image1","Image2","Image3","useStyles","DataCarousel","backend","carousel","props","classes","settings","dots","infinite","speed","slidesToShow","slidesToScroll","autoplay","time","Carousels","map","data","img","root","marginTop","marginAuto","padding"],"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\nimport Image1 from \"assets/img/home-yamaha/1.png\";\r\nimport Image2 from \"assets/img/home-yamaha/2.jpg\";\r\nimport Image3 from \"assets/img/home-yamaha/3.jpg\";\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:\"-50px\"}}>\r\n            <Grid item xs={12} sm={12} className={classes.marginAuto}>\r\n              <div style={{padding:\"20px\"}} className=\"container\">\r\n                <Card>\r\n                    <Carousel {...settings}>\r\n                      {Carousels}\r\n                    </Carousel>\r\n                </Card>\r\n              </div>\r\n            </Grid>\r\n            <Grid container style={{marginTop:\"-80px\"}}>\r\n              <Grid item xs={8} className={classes.marginAuto}>\r\n                <div style={{padding:\"20px\"}} className=\"container\">\r\n                  <Card>\r\n                      <Carousel {...settings}>\r\n                      <img src={Image1} alt=\"First slide\" className=\"slick-image\" />\r\n                      </Carousel>\r\n                  </Card>\r\n                </div>\r\n              </Grid>                        \r\n              <Grid item xs={4} className={classes.marginAuto}>\r\n                <div style={{padding:\"20px\"}} className=\"container\">\r\n                  <Card>\r\n                    <Carousel {...settings}>\r\n                      <img src={Image2} alt=\"First slide\" className=\"slick-image\" />  \r\n                    </Carousel>                \r\n                  </Card>\r\n                </div>\r\n                <div style={{padding:\"20px\", marginTop:\"-80px\"}} className=\"container\">\r\n                  <Card>\r\n                    <Carousel {...settings}>\r\n                      <img src={Image3} alt=\"First slide\" className=\"slick-image\" />  \r\n                    </Carousel>                \r\n                  </Card>\r\n                </div>\r\n              </Grid>\r\n            </Grid>\r\n            <Grid container style={{marginTop:\"-80px\"}}>\r\n              <Grid item xs={4} className={classes.marginAuto}>\r\n                <div style={{padding:\"20px\"}} className=\"container\">\r\n                  <Card>\r\n                      <Carousel {...settings}>\r\n                        <iframe 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                  </Card>\r\n                </div>\r\n              </Grid>                        \r\n              <Grid item xs={4} className={classes.marginAuto}>\r\n                <div style={{padding:\"20px\"}} className=\"container\">\r\n                  <Card>\r\n                    <Carousel {...settings}>\r\n                      <iframe 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>                    </Carousel>                \r\n                  </Card>\r\n                </div>\r\n              </Grid>\r\n              <Grid item xs={4} className={classes.marginAuto}>\r\n                <div style={{padding:\"20px\"}} className=\"container\">\r\n                  <Card>\r\n                    <Carousel {...settings}>\r\n                      <iframe 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                  </Card>\r\n                </div>\r\n              </Grid>\r\n            </Grid>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default DataCarousel;"]},"metadata":{},"sourceType":"module"}