{"version":3,"sources":["webpack://my-gatsby-site/./src/route/sustainability.js","webpack://my-gatsby-site/./src/pages/es/sostenibilidad/index.js"],"names":["Moment","es","news","data","allStrapiNoticias","edges","sort","a","b","node","fecha","format","map","item","props","render","settings","dots","infinite","speed","slidesToShow","slidesToScroll","responsive","breakpoint","initialSlide","StaticQuery","query","nameTab","banner","strapiSostenibilidad","Banner","className","id","carrusel","itemCarrusel","index","animateIn","key","simple","titulo","descripcion","mouseTracking","0","items","568","1024","controlsStrategy","autoPlayStrategy","autoPlayInterval","animationDuration","animationType","keyboardNavigation","disableDotsControls","simple2","style","marginRight","src","img","url","alt","lineHeight","disableButtonsControls","href","Component"],"mappings":"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","file":"component---src-pages-es-sostenibilidad-index-js-1995886aca2369e913e2.js","sourcesContent":["import React, { Component } from \"react\";\n\n\nimport Layout from \"../components/layout\"\nimport Banner from \"../components/others/banner\"\nimport CardNews from \"../components/others/cardNew\"\n\nimport { StaticQuery, graphql } from \"gatsby\"\nimport ReactMarkdown from 'react-markdown'\n\nimport Moment from \"moment\";\nimport es from \"moment/locale/es\";\nimport AliceCarousel from 'react-alice-carousel';\nimport Slider from \"react-slick\";\n\nimport \"slick-carousel/slick/slick.css\"; \nimport \"slick-carousel/slick/slick-theme.css\";\nimport ScrollAnimation from 'react-animate-on-scroll';\nimport \"animate.css/animate.min.css\";\n\n\nMoment.locale(\"es\", es);\n\n\n\nconst objectGraphql = graphql`\n{\n  strapiSostenibilidad(locale: {eq: \"es-PE\"}) {\n    Banner {\n      fondo {\n        url\n      }\n      url {\n        enlace\n        titulo\n        id\n      }\n      titulo\n      id\n    }\n    carrusel {\n      simple {\n        descripcion\n        id\n        titulo\n      }\n      simple2 {\n        descripcion\n        id\n        img {\n          url\n        }\n      }\n      id\n    }\n  }\n  allStrapiNoticias(\n    filter: {locale: {eq: \"es-PE\"}, Categorys: {nombre: {eq: \"Sostenibilidad\"}}}\n  ){\n    edges {\n      node {\n        id\n        titulo\n         \n        Tags {\n          nombre\n          id\n        }\n        Categorys {\n         nombre\n       }\n        fecha\n        min_descripcion\n        descripcion\n        imagen {\n          url\n        }\n      }\n    }\n  }\n  allStrapiHome(filter: {locale: {eq: \"es-PE\"}}) {\n    edges {\n      node {\n        Cantidad_noticias\n      }\n    }\n  }\n}\n\n`\n\n\nclass Sostenibilidad extends Component {\n news = (data) => {\n    let array = data.allStrapiNoticias.edges;\n    let sortedArray = array.sort((a, b) => new Moment(a.node.fecha).format('YYYYMMDD') - new Moment(b.node.fecha).format('YYYYMMDD'))\n    // let aNuevo = sortedArray.slice(sortedArray.length - (data.allStrapiHome.edges[0].node.Cantidad_noticias))\n    let NewsortedArray = sortedArray.sort((a, b) => new Moment(b.node.fecha).format('YYYYMMDD') - new Moment(a.node.fecha).format('YYYYMMDD'))\n\n\n    // let copyNewsortedArray= [...NewsortedArray];\n\n    // let allArraypta=NewsortedArray.concat(copyNewsortedArray);\n    // let allArrayptb=NewsortedArray.concat(allArraypta);\nreturn NewsortedArray.map((item) => {\n      return (\n        <CardNews  props={this.props.props} data={item.node}  />\n      )\n    })\n}\n  render() {\n\n    var settings = {\n      dots: true,\n      infinite: false,\n  speed: 100,\n  slidesToShow: 3,\n  slidesToScroll: 3,\n  \n\n  responsive: [\n    \n    {\n      breakpoint: 600,\n      settings: {\n        slidesToShow: 2,\n        slidesToScroll: 2,\n        initialSlide: 2\n      }\n    },\n    {\n      breakpoint: 480,\n      settings: {\n        slidesToShow: 1,\n        slidesToScroll: 1\n      }\n    }\n  ],\n};\n    return (\n      <StaticQuery\n        query={objectGraphql}\n        render={data => (\n          <React.Fragment>\n            <Layout nameTab='Sostenibilidad' props={this.props.props}>\n              <Banner banner={data.strapiSostenibilidad.Banner} />\n              <section className=\"padding-section-int\" id=\"sostenibilidad1\">\n                <div className=\"container\">\n                  {data.strapiSostenibilidad.carrusel.map((itemCarrusel, index) => {\n                    return (\n                    <ScrollAnimation   animateIn=\"fadeInUp\">\n\n                      <div key={index}   className=\"row wow fadeInUp margin-b-80\" >\n                        <div className=\"col-md-3\">\n                          <h3>{itemCarrusel.simple.titulo}</h3>\n\n                          <ReactMarkdown>{itemCarrusel.simple.descripcion}</ReactMarkdown>\n                        </div>\n                        <div id=\"gestion\" className=\"col-md-9 sustuntability\">\n                          {\n                            index < 2 ?\n\n                              <AliceCarousel mouseTracking\n                                responsive={{\n                                  0: { items: 1 },\n                                  568: { items: 2 },\n                                  1024: { items: 3 },\n                                }}\n                                controlsStrategy=\"alternate\"\n                                infinite\n\n                                autoPlayStrategy=\"none\"\n                                autoPlayInterval={3500}\n                                animationDuration={500}\n                                animationType=\"fadeout\"\n                                keyboardNavigation\n                                disableDotsControls\n                              >\n                                {\n                                  itemCarrusel.simple2.map((item) => {\n                                    return (\n                                      <div style={{ marginRight: '20px' }} className=\"item\" >\n                                        <p>\n                                            <img className=\"card-img-top img-fluid\" src={item.img.url} alt={item.img.url} />\n                                        </p>\n                                        <ReactMarkdown style={{ lineHeight: \"1.6\" }} >{item.descripcion}</ReactMarkdown>\n                                      </div>\n                                    )\n                                  })\n                                }\n\n                              </AliceCarousel>\n                              :\n                              <AliceCarousel mouseTracking\n                                responsive={{\n                                  0: { items: 1 },\n                                  568: { items: 2 },\n                                }}\n                                controlsStrategy=\"alternate\"\n\n                                autoPlayStrategy=\"none\"\n                                autoPlayInterval={3500}\n                                animationDuration={500}\n                                animationType=\"fadeout\"\n                                keyboardNavigation\n                                disableDotsControls\n                                disableButtonsControls\n                              >\n                                {\n                                  itemCarrusel.simple2.map((item) => {\n                                    return (\n                                      <div style={{ marginRight: '20px' }} className=\"item\" >\n                                        <p>\n                                            <img className=\"card-img-top img-fluid\" src={item.img.url} alt={item.img.url} />\n                                        </p>\n                                        <ReactMarkdown style={{ lineHeight: \"1.6\" }} >{item.descripcion}</ReactMarkdown>\n                                      </div>\n                                    )\n                                  })\n                                }\n                             </AliceCarousel>\n                          }</div>\n                      </div>\n                    </ScrollAnimation>\n                    )\n                  })}\n\n                  <div className=\"row\">\n                    <div className=\"col-md-12 titulo-center text-center\">\n                      <h2>\n\n\n                        Noticias\n\n\n                      </h2>\n                    </div>\n                  </div>\n                  <div className=\"row\">\n                    <div className=\"col-md-12\">\n                      <div id=\"notas\">\n                        <Slider {...settings}>\n                        {this.news(data)}\n                        </Slider>\n                      </div>\n                    </div>\n                  </div>\n                  <div className=\"row\">\n                    <div className=\"col-md-12 titulo-center text-center\">\n                      <p>\n                        <a href=\"/es/noticias\" className=\"btn btn-primary\">\n                          <i className=\"fa fa-file-o\"\n                          ></i>  Ver más noticias\n                        </a>\n                      </p>\n                    </div>\n                  </div>\n                </div>\n              </section>\n            </Layout>\n          </ React.Fragment>\n        )}\n      />\n    )\n  }\n}\n\nexport default Sostenibilidad\n","import * as React from \"react\"\nimport appInsights from '../../../../AppInsights'; \nimport Sostenibilidad from \"../../../route/sustainability\"\n\n\n\n\n\n// markup\nconst IndexPage = (props) => {\n  return (\n    <React.Fragment>\n      <Sostenibilidad props={props} />\n      </React.Fragment>\n  )\n}\n\nexport default IndexPage\n"],"sourceRoot":""}