{"version":3,"sources":["webpack:///./src/components/grid.js","webpack:///./src/templates/projects.js"],"names":["Grid","props","state","more","loadMore","bind","event","this","setState","preventDefault","render","Articles","Today","Date","data","articles","node","withoutlimits","length","article","push","type","title","image","OG_image","slug","author","authors","date","createdAt","TileBackgroundColor","TileBordercolor","TileTextColor","projects","Project_name","Project_image","Header_image","Author","sub_message","Sub_message","MainColour","textColor","podcasts","id","services","service_name","service_image","service_intro","secondColor","events","Event_name","event_image","location","contacts","videos","cover_image","wisita_id","Player_colour","LatestArticles","ArticlesArchieve","Homepage","chunk","_","orderBy","slice","Pathname","pathname","split","remove","n","Slug","encodeURIComponent","includes","filter","shuffle","className","map","document","index","key","onClick","to","Component","withLocation","connect","pods","micrositeID","getArticle","getPodcasts","ProjectsTemplate","layoutContents","React","createRef","layoutWrapper","returnImage","reverse","theme","metaName","strapiProjects","metaDescription","Project_location","metaImage","childImageSharp","fixed","src","ref","style","isSticky","wasSticky","backgroundColor","allStrapiMicrosites","edges","MainColor","sections","Content","textColour","hightlightColor","handleShow","Tag","fluid","itemScope","itemType","itemProp","content","HomeImage","borderLeft","source","Project_content","linkTarget","download","allStrapiSections","query"],"mappings":"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","file":"component---src-templates-projects-js-39dd5ce327c02008d157.js","sourcesContent":["import React, { Component } from 'react'\nimport CardGrid from \"./cardgrid.js\"\nimport StrapiImage from \"./StrapiImage.js\"\nimport BackgroundImage from 'gatsby-background-image'\nimport { connect } from 'react-redux';\nimport { getArticle, getPodcasts } from '../actions';\nimport _ from 'lodash';\nimport withLocation from \"./withLocation\"\nimport { Link } from 'gatsby'\n\n\n\n\nclass Grid extends Component {\n  constructor(props) {\n    super(props)\n    this.state = {\n      more:false\n    }\n\n           this.loadMore = this.loadMore.bind(this); //bind function once\n  }\n\n  loadMore(event) {\n    if(this.state.more){\n      this.setState({more:false})\n\n    }else{\n  this.setState({more:true})\n    }\n\n    event.preventDefault();\n  }\n\n    render() {\n\n      let Articles = []\n            let Today = new Date()\n          for (let articles of this.props.data){\n\n            if(articles.node.withoutlimits.length > 0){\n                for(let article of articles.node.withoutlimits){\n                  Articles.push({type:\"WL\" ,title:article.title , image:article.OG_image,slug:article.slug,author:article.authors,date:article.createdAt,TileBackgroundColor:articles.node.TileBackgroundColor,TileBordercolor:articles.node.TileBordercolor, TileTextColor:articles.node.TileTextColor})\n                }\n            }\n            if(articles.node.projects.length > 0){\n              for(let article of articles.node.projects){\n                Articles.push({type:\"Project\" ,title:article.Project_name , image:article.Project_image,slug:article.slug,author:\"\",date:article.createdAt,TileBackgroundColor:articles.node.TileBackgroundColor,TileBordercolor:articles.node.TileBordercolor, TileTextColor:articles.node.TileTextColor})\n              }\n            }\n            if(articles.node.articles.length > 0){\n\n              for(let article of articles.node.articles){\n                if(article.type === \"article\"){\n                    Articles.push({type:article.type ,title:article.title , image:article.Header_image,slug:article.slug,author:article.Author,sub_message:article.Sub_message,date:article.createdAt,TileBackgroundColor:articles.node.TileBackgroundColor,TileBordercolor:articles.node.TileBordercolor, TileTextColor:articles.node.TileTextColor})\n                }else\n                    Articles.push({type:article.type ,title:article.title , image:article.Header_image,slug:article.slug,author:article.Author,sub_message:article.Sub_message,date:article.createdAt,TileBackgroundColor:this.props.MainColour,TileBordercolor:this.props.MainColour, TileTextColor:this.props.textColor})\n              }\n            }\n            if(articles.node.podcasts.length > 0){\n              for(let article of articles.node.podcasts){\n                  Articles.push({type:\"Podcast\" ,title:article.title , image:\"\",slug:article.id,author:\"\",sub_message:\"\",date:article.createdAt,TileBackgroundColor:this.props.MainColour,TileBordercolor:this.props.MainColour, TileTextColor:this.props.textColor})\n              }\n          }\n          if(articles.node.services.length > 0){\n            for(let article of articles.node.services){\n                Articles.push({type:\"Service\" ,title:article.service_name , image:article.service_image,slug:article.slug,author:\"\",sub_message:article.service_intro,date:article.createdAt,TileBackgroundColor:this.props.MainColour,TileBordercolor:this.props.secondColor, TileTextColor:this.props.textColor})\n            }\n          }\n          if(articles.node.events.length > 0){\n            for(let article of articles.node.events){\n              let EventDate = new Date(article.date)\n            if(EventDate >= Today ){\n                Articles.push({type:\"Event\" ,title:article.Event_name , image:article.event_image,slug:article.slug,author:article.date,sub_message:article.location,date:article.createdAt,TileBackgroundColor:this.props.MainColour,TileBordercolor:this.props.secondColor, TileTextColor:this.props.textColor})\n            }\n          }\n          }\n          if(articles.node.contacts.length > 0){\n              for(let article of articles.node.contacts){\n                //  Articles.push({type:\"Contacts\" ,title:article.name , image:article.image.childImageSharp.fluid,slug:article.slug,author:article.position,sub_message:article.email ,date:article.createdAt,TileBackgroundColor:this.props.data.TileBackgroundColor,TileBordercolor:this.props.data.TileBordercolor, TileTextColor:this.props.TileTextColor})\n              }\n          }\n          if(articles.node.videos.length > 0){\n              for(let article of articles.node.videos){\n                  Articles.push({type:\"Video\" ,title:article.title , image:article.cover_image,slug:article.slug,author:article.wisita_id,sub_message:article.Player_colour,date:article.createdAt,TileBackgroundColor:articles.node.TileBackgroundColor,TileBordercolor:articles.node.TileBordercolor, TileTextColor:articles.node.TileTextColor})\n              }\n          }\n    }\n\n\n\nlet LatestArticles =[]\nlet ArticlesArchieve =[]\n\n  if(this.props.Homepage){\n    Articles = _.orderBy(Articles, 'date', 'desc',)\n    let chunk = 0\n    if(Articles.length >=12){\n      chunk = 12\n    }\n    if(Articles.length >=8 && Articles.length<12){\n      chunk = 8\n    }\n    if(Articles.length >=4 && Articles.length<8){\n      chunk = 4\n    }\n    LatestArticles =  _.chunk(Articles, chunk)\n    ArticlesArchieve = Articles.slice(chunk,Articles.length)\n\n}else if(this.props.type === \"update\") {\n\n  let Pathname = this.props.location.pathname.split(\"/\")\n\n  _.remove(Articles,function(n) {\n    let Slug = encodeURIComponent(n.slug)\n    return Pathname.includes(Slug)\n  });\n\nif(_.filter(Articles, ['type', 'update']).length>1){\n    Articles = _.filter(Articles, ['type', 'update']);\n}\n\n  LatestArticles =  _.chunk(Articles, 4)\n}else{\n  let Pathname = this.props.location.pathname.split(\"/\")\n  _.remove(Articles,function(n) {\n    let Slug = encodeURIComponent(n.slug)\n    return Pathname.includes(Slug)\n  });\n\n\n  Articles = _.shuffle(Articles);\n  LatestArticles =  _.chunk(Articles, 4)\n\n}\n\n\n\n\n\nreturn(\n\n  <section id=\"previous\" className=\"container\">\n    <div className=\"container__inner\">\n        <div className=\"container__header\">\n        {this.props.Homepage ? (\n            <h2 className=\"header__title\">Previous articles &amp; updates</h2>\n        ):( <h2 className=\"header__title\">Related articles &amp; updates</h2>)}\n\n\n        </div>\n        {LatestArticles.length !== 0 ?(\n        <div className=\"container__body\">\n            <div className=\"slice-wrapper\">\n                <ul className=\"row row--cols-4 slice\">\n                    <li className=\"slice__item row__item row__item--span-4\">\n                        <ul className=\"list list--columns-4 list--rows-3\">\n\n                        {LatestArticles[0].map((document, index) => (\n                          <CardGrid key={index} data={document} MainColour={this.props.MainColour} secondColor={this.props.secondColor} textColor={this.props.textColor}/>\n                        ))}\n                        {ArticlesArchieve.length>0 ? (\n                          <>\n                          {!this.state.more ? (\n                        <div className=\"loadMore\" onClick={this.loadMore}>Load More</div>\n                      ):(\n\n                        ArticlesArchieve.map((document, index) => (\n                        <>\n                          <CardGrid key={index} data={document} MainColour={this.props.MainColour} secondColor={this.props.secondColor} textColor={this.props.textColor}/>\n                        </>\n                        )))}\n\n                        </>\n\n\n                        ):(<></>)}\n                        {this.props.Homepage ? (\n                          <></>\n                        ):( <Link className=\"loadMore\" to=\"/\">Home</Link>)}\n\n                        </ul>\n                    </li>\n\n                </ul>\n\n            </div>\n        </div>\n      ):(<></>)}\n\n    </div>\n\n</section>\n\n\n      )\n    }\n\n\n    }\n\n\n    function mapStateToProps(state) {\n      return {\n        articles: state.articles,\n        pods:state.pods,\n        micrositeID:state.micrositeID\n      };\n    }\n\n\n    export default withLocation(connect(mapStateToProps,{ getArticle, getPodcasts })(Grid));\n","import React, { Component } from 'react'\nimport { Link, graphql } from 'gatsby'\nimport Layout from '../components/layout'\nimport ReactMarkdown from \"react-markdown\"\n\nimport BackgroundImage from 'gatsby-background-image'\nimport Contact from \"../components/contact_article\"\nimport Grid from \"../components/grid\"\nimport Nav from '../components/nav'\nimport { StickyContainer, Sticky } from 'react-sticky';\nimport HomeImage from \"../images/home-01.svg\"\n\n\n\nexport default class ProjectsTemplate extends Component {\n  constructor(props) {\n    super(props)\n\n    this.layoutContents = React.createRef()\n    this.layoutWrapper = React.createRef()\n    this.returnImage = this.returnImage.bind(this)\n\n  }\n\n\n\n  returnImage(image){\n\n    return ([\nimage,\n`linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))`\n].reverse()\n)\n\n  }\n\n  render() {\n\n\n\n    return (\n\n      <StickyContainer className=\"container\">\n      <Layout\n        theme='project'\n        metaName={`${this.props.data.strapiProjects.Project_name}`}\n        metaDescription={`${this.props.data.strapiProjects.Project_location}`}\n        metaImage={`${this.props.data.strapiProjects.Project_image.childImageSharp.fixed.src}`}\n      >\n\n<section  ref={n => (this.layoutWrapper = n)}>\n\n\n\n  <div ref={n => (this.layoutContents = n)}>\n\n\n            <Sticky>\n            {({ style,isSticky,\n                wasSticky, }) => (\n                  <nav className=\"SubSticky\" style={{backgroundColor:this.props.data.allStrapiMicrosites.edges[0].node.MainColor}}>\n\n                  <Nav sections={ this.props.data.allStrapiMicrosites.edges[0].node.Content} backgroundColor={this.props.data.allStrapiMicrosites.edges[0].node.MainColor} textColour={this.props.data.allStrapiMicrosites.edges[0].node.textColor} hightlightColor={this.props.data.allStrapiMicrosites.edges[0].node.secondColor} handleShow={this.handleShow}  isSticky={isSticky}/>\n                  </nav>\n            )}\n            </Sticky>\n\n\n\n\n    <BackgroundImage Tag=\"header\" fluid={this.returnImage(this.props.data.strapiProjects.Project_image.childImageSharp.fluid)}>\n\n    <article id=\"article\" className=\"content\" itemScope itemType=\"https://schema.org/Article\">\n        <div itemProp=\"publisher\" itemScope itemType=\"https://schema.org/Organization\">\n            <meta itemProp=\"name\" content=\"AECOM\"/>\n        </div>\n\n\n        <div className=\"article-container clear\">\n                    <Link className=\"homebutton\" to=\"/\"><img src={HomeImage}/></Link>\n          <div className=\"content__main-column\">\n\n          <div className=\"project content__article-body\" itemProp=\"articleBody\">\n          <div className=\"inlinedHeading\" style={{borderLeft: `20px solid ${this.props.data.allStrapiMicrosites.edges[0].node.MainColor}`}}>\n          <h1 style={{backgroundColor:this.props.data.allStrapiMicrosites.edges[0].node.MainColor}}><span >{this.props.data.strapiProjects.Project_name}</span></h1>\n          </div>\n          <h2><span>{this.props.data.strapiProjects.Project_location}</span></h2>\n\n          <div className=\"projectinfo\">\n                <ReactMarkdown source={this.props.data.strapiProjects.Project_content} linkTarget='_blank'/>\n          </div>\n\n\n        </div>\n\n        </div>\n        <div className=\"content__secondary-column\">\n\n        {this.props.data.allStrapiMicrosites.edges[0].node.download !== null ?\n                      <Contact data={this.props.data.allStrapiMicrosites.edges[0].node}/>\n                      :<></>\n                      }\n\n\n\n        </div>\n        </div>\n\n\n\n        </article>\n        </BackgroundImage>\n            </div>\n\n          </section>\n          <section>\n<Grid data={this.props.data.allStrapiSections.edges} Homepage={false} MainColour={this.props.data.allStrapiMicrosites.edges[0].node.MainColor} secondColor={this.props.data.allStrapiMicrosites.edges[0].node.secondColor} textColor={this.props.data.allStrapiMicrosites.edges[0].node.textColor}/>\n        </section>\n              </Layout>\n      </StickyContainer>\n\n\n)\n}\n}\n\n\nexport const query = graphql`\n  query ProjectsTemplate($slug: String!,$MicrositeID: String!,$MicrositeIDFull: String!) {\n    strapiProjects(slug: {eq:$slug}) {\n      Project_content\n      Project_location\n      Project_name\n      services\n      Project_image {\n        absolutePath\n        publicURL\n        childImageSharp {\n          fixed(width: 500) {\n             base64\n             tracedSVG\n             aspectRatio\n             width\n             height\n             src\n             srcSet\n             srcWebp\n             srcSetWebp\n             originalName\n           }\n        fluid (maxWidth: 6000, quality: 100){\n          base64\n          tracedSVG\n          aspectRatio\n          src\n          srcSet\n          srcWebp\n          srcSetWebp\n          sizes\n          originalImg\n          originalName\n          presentationWidth\n          presentationHeight\n        }\n      }\n      }\n      slug\n      sections {\n        color\n        highlightcolor\n        TileTextColor\n        TileBordercolor\n        TileBackgroundColor\n        Section_name\n      }\n    }\n    allStrapiSections(filter: {id: {}, microsites: {elemMatch: {id: {eq: $MicrositeID }}}}) {\n      edges {\n        node {\n          id\n          strapiId\n          TileTextColor\n          TileBordercolor\n          TileBackgroundColor\n          hide_from_menu\n          Section_name\n          color\n          section_image {\n            publicURL\n            extension\n             childImageSharp {\n               fluid (maxWidth: 6000, quality: 100){\n                 base64\n                 tracedSVG\n                 aspectRatio\n                 src\n                 srcSet\n                 srcWebp\n                 srcSetWebp\n                 sizes\n                 originalImg\n                 originalName\n                 presentationWidth\n                 presentationHeight\n               }\n             }\n           }\n           logo {\n             publicURL\n             extension\n                 childImageSharp {\n                   fluid {\n                     base64\n                     tracedSVG\n                     aspectRatio\n                     src\n                     srcSet\n                     srcWebp\n                     srcSetWebp\n                     sizes\n                     originalImg\n                     originalName\n                     presentationWidth\n                     presentationHeight\n                   }\n                 }\n               }\n               withoutlimits {\n                 slug\n             OG_description\n             WL_ID\n             authors\n             id\n             title\n             createdAt\n             OG_image {\n               childImageSharp {\n                 fluid {\n                   base64\n                   tracedSVG\n                   aspectRatio\n                   src\n                   srcSet\n                   srcWebp\n                   srcSetWebp\n                   sizes\n                   originalImg\n                   originalName\n                   presentationWidth\n                   presentationHeight\n                 }\n               }\n             }\n           }\n               projects {\n                 Project_content\n                 Project_location\n                 Project_name\n                 createdAt\n                 id\n                 services\n                 slug\n                 Project_image {\n                   childImageSharp {\n                     fluid {\n                       base64\n                       tracedSVG\n                       aspectRatio\n                       src\n                       srcSet\n                       srcWebp\n                       srcSetWebp\n                       sizes\n                       originalImg\n                       originalName\n                       presentationWidth\n                       presentationHeight\n                     }\n                   }\n                 }\n               }\n               services {\n                 createdAt\n                 id\n                 service_image {\n                   childImageSharp {\n                     fluid {\n                       base64\n                       tracedSVG\n                       aspectRatio\n                       src\n                       srcSet\n                       srcWebp\n                       srcSetWebp\n                       sizes\n                       originalImg\n                       originalName\n                       presentationWidth\n                       presentationHeight\n                     }\n                   }\n                 }\n                 service_intro\n                 service_name\n                 slug\n               }\n               articles {\n             createdAt\n             Author\n             title\n             type\n             Header_image {\n               childImageSharp {\n                 fluid {\n                   base64\n                   tracedSVG\n                   aspectRatio\n                   src\n                   srcSet\n                   srcWebp\n                   srcSetWebp\n                   sizes\n                   originalImg\n                   originalName\n                   presentationWidth\n                   presentationHeight\n                 }\n               }\n             }\n             slug\n             createdAt\n           }\n          podcasts {\n            createdAt\n             podcastid\n             podcasturl\n             id\n             title\n           }\n           events {\n             Event_name\n             OG_description\n             OG_image {\n               childImageSharp {\n                 fluid {\n                   base64\n                   tracedSVG\n                   aspectRatio\n                   src\n                   srcSet\n                   srcWebp\n                   srcSetWebp\n                   sizes\n                   originalImg\n                   originalName\n                   presentationWidth\n                   presentationHeight\n                 }\n               }\n             }\n             createdAt\n             date(formatString: \"MMMM D, YYYY\")\n             event_image {\n               childImageSharp {\n                 fluid {\n                   base64\n                   tracedSVG\n                   aspectRatio\n                   src\n                   srcSet\n                   srcWebp\n                   srcSetWebp\n                   sizes\n                   originalImg\n                   originalName\n                   presentationWidth\n                   presentationHeight\n                 }\n               }\n             }\n             event_intro\n             slug\n             location\n             time\n           }\n           videos {\n             cover_image {\n               childImageSharp {\n                 fluid {\n                   base64\n                   tracedSVG\n                   aspectRatio\n                   src\n                   srcSet\n                   srcWebp\n                   srcSetWebp\n                   sizes\n                   originalImg\n                   originalName\n                   presentationWidth\n                   presentationHeight\n                 }\n               }\n             }\n             Player_colour\n             createdAt\n             id\n             slug\n             title\n             wisita_id\n           }\n           contacts {\n             email\n             name\n             position\n             createdAt\n             image {\n               childImageSharp {\n                 fluid {\n                   base64\n                   tracedSVG\n                   aspectRatio\n                   src\n                   srcSet\n                   srcWebp\n                   srcSetWebp\n                   sizes\n                   originalImg\n                   originalName\n                   presentationWidth\n                   presentationHeight\n                 }\n               }\n             }\n           }\n\n          section_intro\n          highlightcolor\n        }\n      }\n    }\n  allStrapiMicrosites(filter: {id: {eq: $MicrositeIDFull}}) {\n  edges {\n  node {\n    pardot_form\n    site_description\n    site_intro\n    site_name\n    sub_message\n    MainColor\n    secondTextColour\n    textColor\n    secondColor\n    Linkedin_conversion_id\n    Linkedin_pixel_id\n    Content{\n      hide_from_menu\n      Title\n      Type\n    }\n    download {\n      absolutePath\n      publicURL\n    }\n    download_targeted {\n      absolutePath\n      publicURL\n    }\n    download_preview {\n      childImageSharp {\n        fluid {\n          base64\n          tracedSVG\n          aspectRatio\n          src\n          srcSet\n          srcWebp\n          srcSetWebp\n          sizes\n          originalImg\n          originalName\n          presentationWidth\n          presentationHeight\n        }\n      }\n    }\n  }\n  }\n  }\n\n\n\n\n  }\n  `\n"],"sourceRoot":""}