{"version":3,"file":"component---src-templates-events-js-b3fe362d61c437e71fea.js","mappings":"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","sources":["webpack://ovc-main-web/./src/components/node/event.js","webpack://ovc-main-web/./src/components/shared/pagination.js","webpack://ovc-main-web/./src/templates/events.js"],"sourcesContent":["import React from \"react\";\nimport { Link } from \"gatsby\"\nimport styled from \"styled-components\";\nimport { Container, Row, Col } from \"react-bootstrap\"\nimport HeroImage from \"../field/hero_image\"\nimport Body from \"../field/body\"\n\nconst EventCard = styled.div`\n  display: grid;\n  grid-template-columns: 6em auto;\n  grid-template-rows: 6em;\n  box-shadow: var(--dark) 1px 1px;\n`\n\nconst EventDate = styled.div`\n  padding: 12px;\n  border: solid 8px var(--yellow);\n  text-transform: uppercase;\n  text-align: center;\n  color: white;\n  text-shadow: var(--dark) 2px 2px;\n`\n\nconst Month = styled.div`\n`\n\nconst Date = styled.div`\n  font-size: 1.5em;\n  font-weight: 700;\n`\n\nconst EventDetails = styled.div`\n  font-weight: 700;\n  font-size: 1em;\n  background: white;\n  padding: 1em;\n  overflow: hidden;\n  position: relative;\n`\n\nconst EventDetailsMask = styled.div`\n  background: linear-gradient(0deg,white,transparent 2.5em);\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n`\n\nconst EventDetailsContent = styled.div`\n`\n\n\nclass Event extends React.Component {\n  render() {\n    switch (this.props.mode) {\n      case \"teaser\":\n        return this.renderTeaser()\n      case \"card\":\n        return this.renderCard()\n      default:\n        return this.renderFull()\n    }\n  }\n\n  renderFull() {\n    return <React.Fragment>\n      <HeroImage {...this.props.relationships?.field_hero_image} format=\"parallax\"></HeroImage>\n      <div className=\"bg-light\">\n        <Container className=\"py-4\">\n          <Row>\n            <Col lg={9} className=\"bg-white mx-3 p-4 shadow-sm\">\n              <h1 className=\"text-dark\">{this.props.title}</h1>\n              <p className=\"text-muted\">{this.props.field_date.value}</p>\n              <Body className=\"bg-white\" {...this.props.body} />\n              <Link to=\"/events\">&larr; More events</Link>\n            </Col>\n          </Row>\n        </Container>\n      </div>\n    </React.Fragment>\n  }\n\n  renderTeaser() {\n    return <React.Fragment>\n      <Row className=\"my-4\">\n        <Col>\n          <Link to={`/events${this.props.fields.slug}`} className=\"text-decoration-none\">\n            <h3 className=\"text-dark mb-2\">{this.props.title}</h3>\n          </Link>\n          <p className=\"text-muted mb-1\">{this.props.field_date.value}</p>\n          <p><Body format=\"summary\" {...this.props.body} /></p>\n        </Col>\n      </Row>\n    </React.Fragment>\n  }\n\n  renderCard() {\n    return <React.Fragment>\n      <li>\n      <Link to={`/events${this.props.fields.slug}`} className=\"text-decoration-none\">\n        <EventCard className=\"btn p-0 border-0 text-left\">\n          <EventDate>\n            <Month>{this.props.field_date.month}</Month>\n            <Date>{this.props.field_date.date}</Date>\n          </EventDate>\n          <EventDetails>\n            <EventDetailsContent>\n              {this.props.title}\n            </EventDetailsContent>\n            <EventDetailsMask />\n          </EventDetails>\n        </EventCard>\n      </Link>\n      </li>\n    </React.Fragment>\n  }\n}\n\nexport default Event\n\n","import React from \"react\"\nimport { Link } from \"gatsby\"\n\nexport default function Pagination (props) {\n  let items = [];\n  if ( ! ( props.currentPage === 1 ) ) {\n    const prevPage = props.currentPage - 1 === 1 ? props.baseUrl : props.baseUrl + (props.currentPage - 1)\n    items.push(\n      <li className=\"page-item\">\n        <Link to={prevPage} className=\"page-link\">&laquo; Previous Page</Link>\n      </li>\n    )\n  }\n  for ( let number = 1; number <= props.numPages; number++ ) {\n    const numberPage = number === 1 ? props.baseUrl : props.baseUrl + number.toString()\n    const activeClass = number === props.currentPage ? \" active\" : \"\"\n    items.push(\n      <li className={`page-item${activeClass}`} key={number}>\n        <Link to={numberPage} className={`page-link`}>\n          <span className=\"sr-only\">Page </span>{number}\n        </Link>\n      </li>\n    )\n  }\n  if ( props.numPages > 0 && props.currentPage < props.numPages ) {\n    const nextPage = props.baseUrl + (props.currentPage + 1)\n    items.push(\n      <li className=\"page-item\">\n        <Link to={nextPage} className=\"page-link\">Next Page &raquo;</Link>\n      </li>\n    )\n  }\n  const pagination = (\n    <ul className=\"pagination justify-content-center\">{items}</ul>\n  )\n  return pagination\n}\n\n","import React from \"react\";\nimport { graphql, Link } from \"gatsby\"\nimport { Container } from \"react-bootstrap\"\nimport Layout from \"../components/layout\"\nimport Seo from \"../components/seo\"\nimport Event from \"../components/node/event\"\nimport Pagination from \"../components/shared/pagination\"\n\nexport default function Events (props) {\n  const data = props.data\n  const { currentPage, numPages } = props.pageContext\n  const baseUrl = \"/events/\"\n  return (\n    <Layout>\n      <Seo title=\"Upcoming Events\" />\n      <Container className=\"my-4\">\n        <h1 className=\"text-dark\">Upcoming Events</h1>\n        <hr className=\"ml-0 w-25\" />\n        <ul className=\"nav nav-tabs\">\n          <li className=\"nav-item\">\n            <Link to=\"/events\" className=\"nav-link active\">\n              Upcoming Events\n            </Link>\n          </li>\n          <li className=\"nav-item\">\n            <Link to=\"/events/past\" className=\"nav-link\">\n              Past Events\n            </Link>\n          </li>\n        </ul>\n        { data.allNodeEvent?.edges.length === 0 &&\n          <p className=\"text-center my-3\"><em>No upcoming events. Check back later for more.</em></p>\n        }\n        { data.allNodeEvent.edges.map(({node}) => <Event {...node} mode=\"teaser\" />) }\n        <Link to=\"/news\">&larr; Back to News Hub</Link>\n        <Pagination currentPage={currentPage} numPages={numPages} baseUrl={baseUrl} />\n      </Container>\n    </Layout>\n  )\n}\n\nexport const query = graphql`\n  query ($skip: Int!, $limit: Int!, $now: Date!) {\n    allNodeEvent(\n      filter: {field_date: {end_value: {gte: $now}}},\n      sort: {fields: field_date___value, order: ASC},\n      limit: $limit,\n      skip: $skip\n    ) {\n      edges {\n        node {\n          fields {\n            slug\n          }\n          field_date {\n            value(formatString: \"dddd, MMMM D, YYYY\")\n          }\n          drupal_id\n          title\n          body {\n            summary\n            processed\n          }\n        }\n      }\n    }\n  }\n`\n\n"],"names":["EventCard","styled","EventDate","Month","Date","EventDetails","EventDetailsMask","EventDetailsContent","Event","render","this","props","mode","renderTeaser","renderCard","renderFull","relationships","field_hero_image","format","className","lg","title","field_date","value","body","Link","to","fields","slug","month","date","React","Pagination","items","currentPage","prevPage","baseUrl","push","number","numPages","numberPage","toString","activeClass","key","nextPage","Events","data","pageContext","allNodeEvent","edges","length","map","node"],"sourceRoot":""}