{"version":3,"sources":["webpack:///./src/components/materiaux.js","webpack:///./src/templates/article.js"],"names":["Materiaux","materiaux","className","map","materiau","i","href","url","titre","auteur","traducteur","langueOriginale","date","presentation","documentToReactComponents","json","query","Article","data","article","dateDePublication","sousTitre","notesDeBasDePage","photoPrincipale","images","edges","options","renderNode","INLINES","HYPERLINK","node","uri","includes","title","src","frameBorder","allowFullScreen","allow","content","value","file","length","contentful_id","target","sys","description","fluid","id"],"mappings":"8FAAA,qEA4CeA,IAtCG,SAAC,GAAiB,IAAhBC,EAAe,EAAfA,UAEhB,OACQ,yBAAKC,UAAU,iCACX,yCACA,6BAEKD,EAAUE,KAAI,SAACC,EAAUC,GACtB,OAAO,uBAAGC,KAAI,aAAeF,EAASG,KACtC,yBAAKL,UAAU,sBACX,wBAAIA,UAAU,yBAAyBE,EAASI,OAChD,yBAAKN,UAAU,0BACX,kCAAQE,EAASK,QAChBL,EAASM,YAAc,sCAAYN,EAASO,iBAC5CP,EAASM,YAAc,kCAAQN,EAASM,YACzC,2BAAIN,EAASQ,OAEjB,yBAAKV,UAAU,qBACVE,EAASS,cAAgBC,oCAA0BV,EAASS,aAAaE,OAE9E,uBAAGb,UAAU,kBAAb,kBACA,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,wBACX,kCAAQE,EAASK,QAChBL,EAASM,YAAc,sCAAYN,EAASO,iBAC5CP,EAASM,YAAc,kCAAQN,EAASM,YACzC,2BAAIN,EAASQ,gB,kCChC7C,uJAuEaI,EAAK,aAmCHC,UAjGC,SAAC,GAAY,IAAD,EAAVC,EAAU,EAAVA,KAAU,EACkGA,EAAKC,QAAxHX,EADiB,EACjBA,MAAOC,EADU,EACVA,OAAQW,EADE,EACFA,kBAAoCC,GADlC,EACgBC,iBADhB,EACkCD,WAAWR,EAD7C,EAC6CA,aAAcU,EAD3D,EAC2DA,gBAAiBJ,EAD5E,EAC4EA,QAASlB,EADrF,EACqFA,UACvGuB,EAASN,EAAKM,OAAOC,MACrBC,EAAU,CACZC,YAAU,OACPC,UAAQC,WAAY,SAACC,GACpB,OAAIA,EAAKZ,KAAKa,IAAKC,SAAS,0BACjB,0BAAM9B,UAAU,mBAAkB,4BAAQ+B,MAAM,mBAAmBC,IAAKJ,EAAKZ,KAAKa,IAAKI,YAAY,IAAIC,iBAAe,KACtHN,EAAKZ,KAAKa,IAAKC,SAAS,qBAC1B,0BAAM9B,UAAU,mBAAkB,4BAAQ+B,MAAM,mBAAmBC,IAAKJ,EAAKZ,KAAKa,IAAKM,MAAM,gEAAgEF,YAAY,IAAIC,iBAAe,KAE1L,gCAAQ,uBAAG9B,KAAMwB,EAAKZ,KAAKa,KAAMD,EAAKQ,QAAQ,GAAGC,SAPtD,EAgBN,wBAAuB,SAACT,GAEpB,IADA,IAAIU,EACKnC,EAAI,EAAGA,EAAImB,EAAOiB,OAAQpC,IAC7BmB,EAAOnB,GAAGyB,KAAKY,gBAAkBZ,EAAKZ,KAAKyB,OAAOC,IAAIF,gBACxDF,EAAOhB,EAAOnB,GAAGyB,MAGrB,OAAQ,yBAAK5B,UAAU,oBAAoB,yBAAKgC,IAAKM,EAAKA,KAAKjC,MAAvD,IAA8D,2BAAIiC,EAAKK,eAvB7E,IA8Bd,OACI,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAKZ,MAAOzB,IACZ,yBAAKN,UAAU,qBACX,4BAAKM,GACJP,GAAa,uBAAGC,UAAU,iBAAiBI,KAAK,cAAnC,sBACd,yBAAKJ,UAAU,0BACVmB,GAAa,4BAAKA,GACnB,kCAAQZ,GACR,2BAAIW,IAER,yBAAKlB,UAAU,gBACVW,GAAgBC,oCAA0BD,EAAaE,KAAMW,IAElE,yBAAKxB,UAAU,mBACVY,oCAA0BK,EAAQJ,KAAMW,GACzC,yBAAKxB,UAAU,kCACVqB,GAAmB,kBAAC,IAAD,CAAKrB,UAAU,uBAAuB4C,MAAOvB,EAAgBuB,WAI7F,yBAAKC,GAAG,cACP9C,GAAa,kBAAC,IAAD,CAAWA,UAAWA","file":"component---src-templates-article-js-300d71e4b6d1bf220acc.js","sourcesContent":["import React from 'react'\nimport Layout from '../components/Layout'\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport Img from 'gatsby-image'\nimport AniLink from 'gatsby-plugin-transition-link/AniLink'\n\nconst Materiaux = ({materiaux}) => {\n    \n    return (\n            <div className='materiaux-container component'>\n                <h2>Matériaux</h2>\n                <div>\n                   \n                    {materiaux.map((materiau, i) => {\n                        return <a href={`/materiau/${materiau.url}`}>\n                        <div className='materiau-container'>\n                            <h2 className='materiau-component-h2'>{materiau.titre}</h2>\n                            <div className='article-info-container'>\n                                <p>par {materiau.auteur}</p>\n                                {materiau.traducteur && <p>traduit {materiau.langueOriginale}</p>}\n                                {materiau.traducteur && <p>par {materiau.traducteur}</p>}\n                                <p>{materiau.date}</p>\n                            </div>\n                            <div className='numeros-text-card'>\n                                {materiau.presentation && documentToReactComponents(materiau.presentation.json)}\n                            </div>\n                            <p className='text-materiaux'>Lire l'article</p>\n                            <div className='text-filter'></div>\n                            <div className='right-info-container'>\n                                <p>par {materiau.auteur}</p>\n                                {materiau.traducteur && <p>traduit {materiau.langueOriginale}</p>}\n                                {materiau.traducteur && <p>par {materiau.traducteur}</p>}\n                                <p>{materiau.date}</p>\n                            </div>\n                        </div>\n                    </a>})}\n                </div>\n            </div>\n            \n\n    )\n}\n\n\nexport default Materiaux\n","import React from 'react'\nimport Layout from '../components/Layout'\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport Img from 'gatsby-image'\nimport SEO from '../components/SEO'\nimport { INLINES,BLOCKS } from '@contentful/rich-text-types'\n\nimport Materiaux from '../components/materiaux'\n\nconst Article = ({data}) => {\n    const {titre, auteur, dateDePublication,notesDeBasDePage, sousTitre, presentation, photoPrincipale, article, materiaux} = data.article\n    const images = data.images.edges\n    const options = {\n        renderNode: {\n          [INLINES.HYPERLINK]: (node) => {\n            if((node.data.uri).includes(\"player.vimeo.com/video\")){\n                return <span className=\"video-container\"><iframe title=\"Unique Title 001\" src={node.data.uri} frameBorder=\"0\" allowFullScreen></iframe></span>\n            } else if((node.data.uri).includes(\"youtube.com/embed\")) {\n              return <span className=\"video-container\"><iframe title=\"Unique Title 002\" src={node.data.uri} allow=\"accelerometer; encrypted-media; gyroscope; picture-in-picture\" frameBorder=\"0\" allowFullScreen></iframe></span>\n            } else {\n                return <strong><a href={node.data.uri}>{node.content[0].value}</a></strong>\n            }\n          },\n        //   [INLINES.EMBEDDED_ENTRY]: node => {\n        //       console.log(node.data.target.fields.text)\n        //         if (node.data.target.sys.contentType.sys.id === 'footnote') {\n        //             return <div className='footnote'>{documentToReactComponents(node.data.target.fields.text['en-US'])}</div>\n        //         }\n        //     },\n            \"embedded-asset-block\":(node)=> {\n                let file\n                for (let i = 0; i < images.length; i ++){\n                  if (images[i].node.contentful_id === node.data.target.sys.contentful_id){\n                    file = images[i].node\n                  }\n                }\n                return (<div className=\"image-in-article\" ><img src={file.file.url}/> <p>{file.description}</p></div>)\n              }\n        }\n      }\n\n\n\n    return (\n        <Layout>\n            <SEO title={titre}/>\n            <div className='article-container'>\n                <h2>{titre}</h2>\n                {materiaux && <a className='materiaux-link' href='#materiaux'>Matériaux associés</a>}\n                <div className='article-info-container'>\n                    {sousTitre && <h3>{sousTitre}</h3>}\n                    <p>par {auteur}</p>\n                    <p>{dateDePublication}</p>\n                </div>\n                <div className='article-pres'>\n                    {presentation && documentToReactComponents(presentation.json, options)}\n                </div>\n                <div className='article-content'>\n                    {documentToReactComponents(article.json, options)} \n                    <div className='article-au-fil-image-container'>\n                        {photoPrincipale && <Img className='article-au-fil-image' fluid={photoPrincipale.fluid}/>}\n                    </div>\n                </div>\n            </div>\n            <div id='materiaux'></div>\n            {materiaux && <Materiaux materiaux={materiaux}/>}\n        </Layout>\n    )\n}\n\n\nexport const query = graphql`\nquery($url:String) {\n    article: contentfulArticleEnAccesLibre(url:{eq:$url}){ \n        titre\n        auteur\n        sousTitre\n        presentation{json}\n        photoPrincipale{fluid{...GatsbyContentfulFluid}}\n        dateDePublication(formatString: \"MMMM YYYY\", locale: \"fr\")\n        article{json}\n        materiaux{\n            titre\n            auteur\n            sousTitre\n            dateDePublication\n            presentation{json}\n            traducteur\n            langueOriginale\n            url\n          }\n    }\n    images: allContentfulAsset{\n        edges{\n          node{\n            contentful_id\n            id\n            file{url}\n            description\n          }\n        }\n      }\n}\n`\n\n\nexport default Article\n"],"sourceRoot":""}