{"version":3,"sources":["webpack:///./src/templates/noticias.js","webpack:///./src/components/elements/pager-buttons.js","webpack:///./src/components/home/menu.js"],"names":["NewsPage","data","pageContext","asmetHome","useAsmetHome","queriedNoticias","allStrapiMediaNoticia","edges","meta","og_titulo","id","className","crumbs","path","label","map","noticia","index","key","format","node","fecha","src","imagen_principal","publicURL","alt","titulo","content","descripcion","to","slug","menuSecundario","menu_secundario","Pager","previousPagePath","nextPagePath","Menu","props","item","link","customClass","icono","nombre","defaultProps","tipo","link_id"],"mappings":"4FAAA,yIAiGeA,UAlFE,SAAH,GAA+B,IAAzBC,EAAI,EAAJA,KAAMC,EAAW,EAAXA,YAClBC,EAAYC,cACZC,EAAkBJ,EAAKK,sBAAsBC,MAOnD,OACE,kBAAC,IAAM,CAACC,KAAM,CAAEC,UAAW,aACzB,yBAAKC,GAAG,sBAAsBC,UAAU,6BACtC,yBAAKA,UAAU,aACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,OACb,kBAAC,IAAU,CAACC,OAXT,CACb,CAAEC,KAAK,SAAWC,MAAO,SACzB,CAAED,KAAK,YAAcC,MAAO,eAUlB,wBAAIH,UAAU,mCAAiC,sBAQvD,yBAAKA,UAAU,iCACb,yBAAKD,GAAG,uBAAuBC,UAAU,kBACtCN,EAAgBU,KAAI,SAACC,EAASC,GAC7B,OACE,yBAAKN,UAAU,WAAWO,IAAKD,GAC7B,yBAAKN,UAAU,2BACb,yBAAKA,UAAU,oCACb,yBAAKA,UAAU,iDACb,0BAAMA,UAAU,sCACd,kBAAC,IAAM,CAACQ,OAAO,MAAMH,EAAQI,KAAKC,QAEpC,0BAAMV,UAAU,4BACd,kBAAC,IAAM,CAACQ,OAAO,QAAQH,EAAQI,KAAKC,QAEtC,0BAAMV,UAAU,4BACd,kBAAC,IAAM,CAACQ,OAAO,QAAQH,EAAQI,KAAKC,SAGxC,yBAAKV,UAAU,6BACb,yBACEW,IACEN,EAAQI,KAAKG,iBACTP,EAAQI,KAAKG,iBAAiBC,UAC9B,8BAENC,IAAKT,EAAQI,KAAKM,OAClBf,UAAU,kCAGd,yBAAKA,UAAU,6DACb,uBAAGA,UAAU,uEAA0E,IACvF,uBAAGA,UAAU,oCACVK,EAAQI,KAAKM,QAEhB,yBAAKf,UAAU,gCACb,kBAAC,IAAa,CAACgB,QAASX,EAAQI,KAAKQ,eAEvC,kBAAC,OAAI,CACHC,GAAE,aAAeb,EAAQI,KAAKU,KAC9BnB,UAAU,kBAET,YASjB,kBAAC,IAAK,CAACT,YAAaA,KAEtB,6BACA,kBAAC,IAAI,CAAC6B,eAAgB5B,EAAU6B,qB,kCC5FtC,qCAsBeC,IAlBD,SAAH,GAAyB,IAAnB/B,EAAW,EAAXA,YACPgC,EAAmChC,EAAnCgC,iBAAkBC,EAAiBjC,EAAjBiC,aAC1B,OACE,yBAAKzB,GAAG,oBAAoBC,UAAU,kCACpC,yBAAKA,UAAU,oBACZuB,GAAoB,kBAAC,OAAI,CAACL,GAAIK,GAAiB,UAElD,yBAAKvB,UAAU,kBACZwB,GAAgB,kBAAC,OAAI,CAACN,GAAIM,GAAa,iB,kCCZhD,qCAMMC,EAAO,SAAAC,GACX,IAAQN,EAAmBM,EAAnBN,eACR,OACE,yBAAKrB,GAAG,WAAWC,UAAU,0BAC3B,yBAAKA,UAAU,OACZoB,EAAehB,KAAI,SAACuB,EAAMrB,GACzB,OACE,yBAAKN,UAAU,qBAAqBO,IAAKD,GACvC,kBAAC,IAAU,CACTsB,KAAMD,EACNE,YAAa,YAAwB,IAAVvB,EAAc,UAAY,KAErD,yBAAKK,IAAKgB,EAAKG,OAASH,EAAKG,MAAMjB,UAAYc,EAAKG,MAAMjB,UAAY,4BAA6BC,IAAKa,EAAKI,SAC5GJ,EAAKI,eAuBtBN,EAAKO,aAAe,CAClBZ,eAAgB,CACd,CACEW,OAAO,uBACPE,KAAK,SACLC,QAAQ,IACRJ,MAAO,CACLjB,UAAU,oFAMHY","file":"component---src-templates-noticias-js-052eaa5b56370a56ddea.js","sourcesContent":["import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport { Link } from \"gatsby\"\nimport Moment from \"react-moment\"\n\n// Layout\nimport Layout from \"../components/layout\"\n// Components\nimport Menu from \"../components/home/menu\"\nimport Pager from \"../components/elements/pager-buttons\"\nimport Breadcrumb from \"../components/elements/breadcrumb\"\nimport ContentToHTML from \"../components/elements/content-html\"\n// Hooks\nimport { useAsmetHome } from \"../hooks/use-asmet-home\"\n\nconst NewsPage = ({ data, pageContext }) => {\n  const asmetHome = useAsmetHome()\n  const queriedNoticias = data.allStrapiMediaNoticia.edges\n\n  const crumbs = [\n    { path: `/media`, label: \"Media\" },\n    { path: `/noticias`, label: \"Noticias\" },\n  ]\n\n  return (\n    <Layout meta={{ og_titulo: \"Noticias\" }}>\n      <div id=\"asm-template-header\" className=\"contanier-fluid pt-3 pb-3\">\n        <div className=\"container\">\n          <div className=\"row\">\n            <div className=\"col\">\n              <Breadcrumb crumbs={crumbs} />\n              <h3 className=\"text-white-alpha text-left pt-4\">\n                Asmet Noticias\n              </h3>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"asm-media-main container my-5\">\n        <div id=\"asm-media-list-cards\" className=\"row row-cols-1\">\n          {queriedNoticias.map((noticia, index) => {\n            return (\n              <div className=\"col mb-4\" key={index}>\n                <div className=\"card rounded-0 border-0\">\n                  <div className=\"row no-gutters position-relative\">\n                    <div className=\"col-4 col-sm-2 card-date text-white-alpha p-3\">\n                      <span className=\"card-dd display-4 text-300 d-block\">\n                        <Moment format=\"DD\">{noticia.node.fecha}</Moment>\n                      </span>\n                      <span className=\"card-mm text-100 d-block\">\n                        <Moment format=\"MMMM\">{noticia.node.fecha}</Moment>\n                      </span>\n                      <span className=\"card-yy text-100 d-block\">\n                        <Moment format=\"YYYY\">{noticia.node.fecha}</Moment>\n                      </span>\n                    </div>\n                    <div className=\"col-8 col-sm-4 card-cover\">\n                      <img\n                        src={\n                          noticia.node.imagen_principal\n                            ? noticia.node.imagen_principal.publicURL\n                            : \"http://placehold.it/300x180\"\n                        }\n                        alt={noticia.node.titulo}\n                        className=\"card-img rounded-right w-100\"\n                      />\n                    </div>\n                    <div className=\"col-12 col-sm-6 position-static pl-0 pl-sm-4 mt-3 mt-sm-0\">\n                      <i className=\"fa fa-calendar text-blue-alpha position-absolute d-none d-sm-block\"></i>{\" \"}\n                      <p className=\"card-title text-500 ml-0 ml-sm-4\">\n                        {noticia.node.titulo}\n                      </p>\n                      <div className=\"card-text ml-0 ml-sm-4 mt-n3\">\n                        <ContentToHTML content={noticia.node.descripcion} />\n                      </div>\n                      <Link\n                        to={`/noticias/${noticia.node.slug}`}\n                        className=\"stretched-link\"\n                      >\n                        {\"\"}\n                      </Link>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            )\n          })}\n        </div>\n        <Pager pageContext={pageContext} />\n      </div>\n      <hr />\n      <Menu menuSecundario={asmetHome.menu_secundario} />\n    </Layout>\n  )\n}\n\nexport default NewsPage\n\nexport const query = graphql`\n  query NoticesQueryPagination($skip: Int!, $limit: Int!) {\n    allStrapiMediaNoticia(\n      sort: { order: DESC, fields: fecha }\n      skip: $skip\n      limit: $limit\n    ) {\n      edges {\n        node {\n          strapiId\n          slug\n          titulo\n          meta {\n            og_titulo\n            og_imagen {\n              publicURL\n            }\n            og_descripcion\n          }\n          fecha\n          imagen_principal {\n            publicURL\n          }\n          descripcion\n\n          contenido {\n            id\n            tipo_componente\n\n            # Component Texto\n\n            contenido\n\n            # Component Documento\n\n            titulo\n            fecha_publicacion\n            es_descargable\n            descripcion\n            archivo {\n              publicURL\n              extension\n            }\n\n            # Component Banner\n\n            slides {\n              tipo_componente\n              titulo\n              subtitulo\n              imagen {\n                publicURL\n              }\n              link {\n                nombre\n                tipo\n                link_id\n                icono {\n                  publicURL\n                }\n              }\n            }\n\n            # Component Card\n\n            imagen {\n              publicURL\n            }\n            link {\n              nombre\n              tipo\n              link_id\n              icono {\n                publicURL\n              }\n            }\n\n            # Component Grupo Cards\n\n            cards {\n              tipo_componente\n              titulo\n              descripcion\n              imagen {\n                publicURL\n              }\n              link {\n                nombre\n                tipo\n                link_id\n                icono {\n                  publicURL\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport { Link } from \"gatsby\"\n\nconst Pager = ({ pageContext }) => {\n  const { previousPagePath, nextPagePath } = pageContext\n  return (\n    <nav id=\"asm-pager-buttons\" className=\"d-flex justify-content-between\">\n      <div className=\"align-self-start\">\n        {previousPagePath && <Link to={previousPagePath}>Atrás</Link>}\n      </div>\n      <div className=\"align-self-end\">\n        {nextPagePath && <Link to={nextPagePath}>Siguiente</Link>}\n      </div>\n    </nav>\n  )\n}\n\nPager.propTypes = {\n  pageContext: PropTypes.object.isRequired,\n}\n\nexport default Pager\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\n\n// Components\nimport CustomLink from \"../elements/custom-link\"\n\nconst Menu = props => {\n  const { menuSecundario } = props\n  return (\n    <div id=\"asm-menu\" className=\"container my-0 my-sm-5\">\n      <div className=\"row\">\n        {menuSecundario.map((item, index) => {\n          return (\n            <div className=\"col-sm text-center\" key={index}>\n              <CustomLink\n                link={item}\n                customClass={\"nav-link\" + (index === 0 ? \" active\" : \"\")}\n              >\n                <img src={item.icono && item.icono.publicURL ? item.icono.publicURL : \"http://placehold.it/75x75\"} alt={item.nombre} />\n                {item.nombre}\n              </CustomLink>\n            </div>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\nMenu.propTypes = {\n  menuSecundario: PropTypes.arrayOf(\n    PropTypes.shape({\n      nombre: PropTypes.string.isRequired,\n      tipo: PropTypes.string.isRequired,\n      link_id: PropTypes.string.isRequired,\n      icono: PropTypes.shape({\n        publicURL: PropTypes.string.isRequired,\n      }).isRequired,\n    })\n  ).isRequired,\n}\n\nMenu.defaultProps = {\n  menuSecundario: [\n    {\n      nombre: `Afiliación a la Mano`,\n      tipo: `Pagina`,\n      link_id: `/`,\n      icono: {\n        publicURL: `/static/6e42e9fd87b792be6a3040d64eeec6b3/36e2e83e7518ebc69a1b6b2108c16be8.png`,\n      },\n    },\n  ],\n}\n\nexport default Menu\n"],"sourceRoot":""}