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

  1. {"ast":null,"code":"import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _jsxFileName = \"E:\\\\Project\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\yamaha\\\\latest_news\\\\news_details.js\";\nvar _excluded = [\"backend\", \"news\", \"othernews\"];\nvar __jsx = React.createElement;\nimport React, { useState, useEffect } from \"react\";\nimport ReactHtmlParser from \"react-html-parser\"; // @material-ui/core components\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport ReactPaginate from \"react-paginate\";\nimport classNames from \"classnames\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport Grid from '@material-ui/core/Grid';\nimport GridItem from \"components/Grid/GridItem.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport Card from \"components/Card/Card.js\";\nimport Carousel from \"react-slick\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport Icon from \"@material-ui/core/Icon\";\nimport styles from \"assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js\";\nvar useStyles = makeStyles(styles);\n\nvar DataLatestNews = function DataLatestNews(_ref) {\n var _this = this;\n\n var backend = _ref.backend,\n news = _ref.news,\n othernews = _ref.othernews,\n props = _objectWithoutProperties(_ref, _excluded);\n\n var classes = useStyles();\n var imageClasses = classNames(classes.imgRaised, classes.imgRoundedCircle, classes.imgFluid);\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 navImageClasses = classNames(classes.imgRounded, classes.imgGallery);\n var otherlatnews = othernews.map(function (data) {\n return __jsx(Grid, {\n align: \"center\",\n style: {\n padding: \"5px\",\n marginTop: \"-50px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 40,\n columnNumber: 9\n }\n }, __jsx(Card, {\n style: {\n width: \"20rem\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 41,\n columnNumber: 13\n }\n }, __jsx(\"img\", {\n style: {\n height: \"180px\",\n width: \"100%\",\n display: \"block\"\n },\n className: classes.imgCardTop,\n src: \"\".concat(backend).concat(data.img[0][\"url\"]),\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 42,\n columnNumber: 17\n }\n }), __jsx(CardBody, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 47,\n columnNumber: 17\n }\n }, __jsx(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 48,\n columnNumber: 17\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 48,\n columnNumber: 21\n }\n }, data.title)), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/latestnews_details?s=\" + data.id,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 49,\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 }, \"open_in_new\"), \"Read More\"))));\n });\n var latnews = news.map(function (data) {\n return __jsx(GridContainer, {\n justify: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 60,\n columnNumber: 13\n }\n }, __jsx(Grid, {\n fluid: true,\n xs: 4,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 61,\n columnNumber: 17\n }\n }, __jsx(\"div\", {\n className: classes.section,\n id: \"notifications\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 62,\n columnNumber: 21\n }\n }, __jsx(\"div\", {\n className: classes.section,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 63,\n columnNumber: 25\n }\n }, __jsx(\"div\", {\n className: classes.container,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 64,\n columnNumber: 29\n }\n }, __jsx(GridContainer, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 65,\n columnNumber: 29\n }\n }, __jsx(GridItem, {\n className: classes.marginAuto,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 66,\n columnNumber: 33\n }\n }, __jsx(Card, {\n carousel: true,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 67,\n columnNumber: 37\n }\n }, __jsx(Carousel, _extends({}, settings, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 68,\n columnNumber: 41\n }\n }), __jsx(\"img\", {\n className: navImageClasses,\n width: \"300px\",\n alt: \"First slide\",\n src: \"\".concat(backend).concat(data.img[0][\"url\"]),\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 69,\n columnNumber: 45\n }\n }))))))))), __jsx(Grid, {\n xs: 7,\n style: {\n padding: \"40px\",\n marginTop: \"-30px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 78,\n columnNumber: 17\n }\n }, __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 79,\n columnNumber: 21\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 79,\n columnNumber: 25\n }\n }, data.title)), __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 80,\n columnNumber: 21\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 80,\n columnNumber: 25\n }\n }, data.published_at)), __jsx(\"hr\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 81,\n columnNumber: 21\n }\n }), __jsx(\"div\", {\n align: \"justify\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 82,\n columnNumber: 21\n }\n }, __jsx(\"p\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 83,\n columnNumber: 25\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 83,\n columnNumber: 28\n }\n }, ReactHtmlParser(data.description))))));\n });\n return __jsx(Card, {\n className: classes.textCenter,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 90,\n columnNumber: 9\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 91,\n columnNumber: 13\n }\n }, __jsx(CardHeader, {\n color: \"info\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 92,\n columnNumber: 17\n }\n }, \"News\")), __jsx(CardBody, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 94,\n columnNumber: 13\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 95,\n columnNumber: 17\n }\n }), __jsx(GridContainer, {\n justify: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 97,\n columnNumber: 17\n }\n }, latnews)));\n};\n\nexport default DataLatestNews;","map":{"version":3,"sources":["E:/Project/tbg-ecomm-nextjs/pages-sections/yamaha/latest_news/news_details.js"],"names":["React","useState","useEffect","ReactHtmlParser","makeStyles","ReactPaginate","classNames","GridContainer","Grid","GridItem","CardHeader","Card","Carousel","CardBody","Button","Icon","styles","useStyles","DataLatestNews","backend","news","othernews","props","classes","imageClasses","imgRaised","imgRoundedCircle","imgFluid","settings","dots","infinite","speed","slidesToShow","slidesToScroll","autoplay","time","navImageClasses","imgRounded","imgGallery","otherlatnews","map","data","padding","marginTop","width","height","display","imgCardTop","img","title","id","icons","latnews","section","container","marginAuto","published_at","description","textCenter"],"mappings":";;;;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,SAA1B,QAA2C,OAA3C;AACA,OAAOC,eAAP,MAA4B,mBAA5B,C,CACA;;AACA,SAASC,UAAT,QAA2B,0BAA3B;AACA,OAAOC,aAAP,MAA0B,gBAA1B;AAEA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,aAAP,MAA0B,kCAA1B;AACA,OAAOC,IAAP,MAAiB,wBAAjB;AACA,OAAOC,QAAP,MAAqB,6BAArB;AACA,OAAOC,UAAP,MAAuB,+BAAvB;AACA,OAAOC,IAAP,MAAiB,yBAAjB;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,OAAOC,QAAP,MAAqB,6BAArB;AACA,OAAOC,MAAP,MAAmB,oCAAnB;AACA,OAAOC,IAAP,MAAiB,wBAAjB;AACA,OAAOC,MAAP,MAAmB,gFAAnB;AAEA,IAAMC,SAAS,GAAGb,UAAU,CAACY,MAAD,CAA5B;;AAEA,IAAME,cAAc,GAAG,SAAjBA,cAAiB,OAAiD;AAAA;;AAAA,MAArCC,OAAqC,QAArCA,OAAqC;AAAA,MAA5BC,IAA4B,QAA5BA,IAA4B;AAAA,MAAtBC,SAAsB,QAAtBA,SAAsB;AAAA,MAATC,KAAS;;AACpE,MAAMC,OAAO,GAAGN,SAAS,EAAzB;AACA,MAAMO,YAAY,GAAGlB,UAAU,CAC3BiB,OAAO,CAACE,SADmB,EAE3BF,OAAO,CAACG,gBAFmB,EAG3BH,OAAO,CAACI,QAHmB,CAA/B;AAKA,MAAMC,QAAQ,GAAG;AACbC,IAAAA,IAAI,EAAE,IADO;AAEbC,IAAAA,QAAQ,EAAE,IAFG;AAGbC,IAAAA,KAAK,EAAE,GAHM;AAIbC,IAAAA,YAAY,EAAE,CAJD;AAKbC,IAAAA,cAAc,EAAE,CALH;AAMbC,IAAAA,QAAQ,EAAE,IANG;AAObC,IAAAA,IAAI,EAAE;AAPO,GAAjB;AASA,MAAMC,eAAe,GAAG9B,UAAU,CAACiB,OAAO,CAACc,UAAT,EAAqBd,OAAO,CAACe,UAA7B,CAAlC;AACA,MAAMC,YAAY,GAAGlB,SAAS,CAACmB,GAAV,CAAc,UAACC,IAAD,EAAU;AACzC,WACA,MAAC,IAAD;AAAM,MAAA,KAAK,EAAC,QAAZ;AAAqB,MAAA,KAAK,EAAE;AAACC,QAAAA,OAAO,EAAC,KAAT;AAAgBC,QAAAA,SAAS,EAAC;AAA1B,OAA5B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI,MAAC,IAAD;AAAM,MAAA,KAAK,EAAE;AAACC,QAAAA,KAAK,EAAE;AAAR,OAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI;AACA,MAAA,KAAK,EAAE;AAACC,QAAAA,MAAM,EAAE,OAAT;AAAkBD,QAAAA,KAAK,EAAE,MAAzB;AAAiCE,QAAAA,OAAO,EAAE;AAA1C,OADP;AAEA,MAAA,SAAS,EAAEvB,OAAO,CAACwB,UAFnB;AAGA,MAAA,GAAG,YAAK5B,OAAL,SAAesB,IAAI,CAACO,GAAL,CAAS,CAAT,EAAY,KAAZ,CAAf,CAHH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADJ,EAMI,MAAC,QAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAIP,IAAI,CAACQ,KAAT,CAAJ,CADA,EAEA,MAAC,MAAD;AAAQ,MAAA,KAAK,EAAC,MAAd;AAAqB,MAAA,KAAK,MAA1B;AAA2B,MAAA,IAAI,EAAE,2BAAyBR,IAAI,CAACS,EAA/D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI,MAAC,IAAD;AAAM,MAAA,SAAS,EAAE3B,OAAO,CAAC4B,KAAzB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBADJ,cAFA,CANJ,CADJ,CADA;AAiBH,GAlBoB,CAArB;AAmBA,MAAMC,OAAO,GAAGhC,IAAI,CAACoB,GAAL,CAAS,UAACC,IAAD,EAAU;AAC/B,WAEI,MAAC,aAAD;AAAe,MAAA,OAAO,EAAC,QAAvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI,MAAC,IAAD;AAAM,MAAA,KAAK,MAAX;AAAY,MAAA,EAAE,EAAE,CAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI;AAAK,MAAA,SAAS,EAAElB,OAAO,CAAC8B,OAAxB;AAAiC,MAAA,EAAE,EAAC,eAApC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI;AAAK,MAAA,SAAS,EAAE9B,OAAO,CAAC8B,OAAxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI;AAAK,MAAA,SAAS,EAAE9B,OAAO,CAAC+B,SAAxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACA,MAAC,aAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI,MAAC,QAAD;AAAU,MAAA,SAAS,EAAE/B,OAAO,CAACgC,UAA7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI,MAAC,IAAD;AAAM,MAAA,QAAQ,MAAd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI,MAAC,QAAD,eAAc3B,QAAd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QACI;AAAK,MAAA,SAAS,EAAEQ,eAAhB;AAAiC,MAAA,KAAK,EAAC,OAAvC;AAA+C,MAAA,GAAG,EAAC,aAAnD;AAAiE,MAAA,GAAG,YAAKjB,OAAL,SAAesB,IAAI,CAACO,GAAL,CAAS,CAAT,EAAY,KAAZ,CAAf,CAApE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADJ,CADJ,CADJ,CADJ,CADA,CADJ,CADJ,CADJ,CADJ,EAkBI,MAAC,IAAD;AAAM,MAAA,EAAE,EAAE,CAAV;AAAa,MAAA,KAAK,EAAE;AAACN,QAAAA,OAAO,EAAC,MAAT;AAAiBC,QAAAA,SAAS,EAAC;AAA3B,OAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAIF,IAAI,CAACQ,KAAT,CAAJ,CADJ,EAEI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAIR,IAAI,CAACe,YAAT,CAAJ,CAFJ,EAGI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAHJ,EAII;AAAK,MAAA,KAAK,EAAC,SAAX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAIrD,eAAe,CAACsC,IAAI,CAACgB,WAAN,CAAnB,CAAH,CADJ,CAJJ,CAlBJ,CAFJ;AA8BH,GA/Be,CAAhB;AAgCA,SACI,MAAC,IAAD;AAAM,IAAA,SAAS,EAAElC,OAAO,CAACmC,UAAzB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI;AAAK,IAAA,KAAK,EAAC,QAAX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,MAAC,UAAD;AAAY,IAAA,KAAK,EAAC,MAAlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YADJ,CADJ,EAII,MAAC,QAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI;AAAK,IAAA,KAAK,EAAC,QAAX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADJ,EAGI,MAAC,aAAD;AAAe,IAAA,OAAO,EAAC,QAAvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACCN,OADD,CAHJ,CAJJ,CADJ;AAcH,CAlFD;;AAoFA,eAAelC,cAAf","sourcesContent":["import React, { useState, useEffect } from \"react\";\r\nimport ReactHtmlParser from \"react-html-parser\";\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport ReactPaginate from \"react-paginate\";\r\n\r\nimport classNames from \"classnames\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport Grid from '@material-ui/core/Grid';\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport CardHeader from \"components/Card/CardHeader.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport Carousel from \"react-slick\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport Button from \"components/CustomButtons/Button.js\";\r\nimport Icon from \"@material-ui/core/Icon\";\r\nimport styles from \"assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nconst DataLatestNews = function ({ backend, news, othernews,...props }) {\r\n const classes = useStyles();\r\n const imageClasses = classNames(\r\n classes.imgRaised,\r\n classes.imgRoundedCircle,\r\n classes.imgFluid\r\n );\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 navImageClasses = classNames(classes.imgRounded, classes.imgGallery);\r\n const otherlatnews = othernews.map((data) => {\r\n return (\r\n <Grid align=\"center\" style={{padding:\"5px\", marginTop:\"-50px\"}}>\r\n <Card style={{width: \"20rem\"}}>\r\n <img\r\n style={{height: \"180px\", width: \"100%\", display: \"block\"}}\r\n className={classes.imgCardTop}\r\n src={`${backend}${data.img[0][\"url\"]}`}\r\n />\r\n <CardBody>\r\n <h5><b>{data.title}</b></h5>\r\n <Button color=\"info\" round href={\"/latestnews_details?s=\"+data.id}>\r\n <Icon className={classes.icons}>open_in_new</Icon>Read More\r\n </Button>\r\n </CardBody>\r\n </Card>\r\n </Grid>\r\n );\r\n })\r\n const latnews = news.map((data) => {\r\n return (\r\n \r\n <GridContainer justify=\"center\">\r\n <Grid fluid xs={4}> \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 <img className={navImageClasses} width=\"300px\" alt=\"First slide\" src={`${backend}${data.img[0][\"url\"]}`} />\r\n </Carousel>\r\n </Card>\r\n </GridItem>\r\n </GridContainer>\r\n </div>\r\n </div>\r\n </div>\r\n </Grid>\r\n <Grid xs={7} style={{padding:\"40px\", marginTop:\"-30px\"}}>\r\n <h4><b>{data.title}</b></h4>\r\n <h4><b>{data.published_at}</b></h4>\r\n <hr></hr>\r\n <div align=\"justify\">\r\n <p><b>{ReactHtmlParser(data.description)}</b></p>\r\n </div>\r\n </Grid>\r\n </GridContainer>\r\n );\r\n });\r\n return (\r\n <Card className={classes.textCenter}>\r\n <div align=\"center\">\r\n <CardHeader color=\"info\">News</CardHeader>\r\n </div>\r\n <CardBody>\r\n <div align=\"center\">\r\n </div>\r\n <GridContainer justify=\"center\">\r\n {latnews}\r\n </GridContainer>\r\n </CardBody>\r\n </Card>\r\n );\r\n};\r\n\r\nexport default DataLatestNews;\r\n"]},"metadata":{},"sourceType":"module"}