{"version":3,"file":"component---src-templates-events-js-610aa0e85e8a150c9310.js","mappings":"6PA2NA,WAAeA,EAAAA,EAAAA,KA/MQ,SAACC,GACtB,IAAQC,EAAsBD,EAAtBC,KAAMC,EAAgBF,EAAhBE,YAGd,GAA2BC,EAAAA,EAAAA,UAAS,IAA7BC,EAAP,KAAcC,EAAd,KA0DA,GAxDAC,EAAAA,WAAgB,WAEd,IAAMC,EAAUL,EAAYE,QAAU,GAEhCI,EAAMC,GAAAA,GAASC,MACfC,EAAUJ,EAAQK,KAAI,SAAAC,GAE1BA,EAAKZ,KAAKa,UAAYL,GAAAA,CAAOI,EAAKZ,KAAKc,YAAYC,OACnDH,EAAKZ,KAAKgB,WAAaR,GAAAA,CAAOI,EAAKZ,KAAKiB,aAAaF,OACrD,IAAMG,EAAYV,GAAAA,CAAOI,EAAKZ,KAAKiB,aAAaE,GAAG,iBAC7CC,EAASb,EAAIc,QAAQH,GAE3B,OADAN,EAAKZ,KAAKoB,OAASA,EACZR,KACNU,MAAK,SAACC,EAAEC,GACT,OAAOD,EAAEvB,KAAKa,UAAYW,EAAExB,KAAKa,aAE7BY,EAAUf,EAAQgB,QAAO,SAAAC,GAAE,OAAuB,IAAnBA,EAAG3B,KAAKoB,UAEvCQ,EAASlB,EAAQgB,QAAO,SAAAC,GAAE,OAAuB,IAAnBA,EAAG3B,KAAKoB,UAAiBE,MAAK,SAACC,EAAEC,GACnE,OAAOA,EAAExB,KAAKa,UAAYU,EAAEvB,KAAKa,aAO7BgB,EAAI,kBAAOJ,IAAP,OAAmBG,IACtBE,EAAe7B,EAAf6B,KAAMC,EAAS9B,EAAT8B,MACPC,EAAWH,EAAKI,MAAMH,EAAMC,EAAMD,GACxC1B,EAAU4B,KACX,KA0BIhC,EAAM,OAAO,KAElB,IAAMkC,EAAWlC,EAAKmC,eAAiB,GACjCC,EAAM,CACVC,MAAOH,EAASlC,KAAKsC,UACrBC,YAAaL,EAASlC,KAAKwC,gBAC3BC,SAAUP,EAASlC,KAAK0C,cAI1B,EAA4BR,GAAY,GAElCS,EAAY,CAChBC,KAHF,EAAQA,KAINC,KAJF,EAAcA,KAKZC,IALF,EAAoBA,IAMlBC,mBALyBb,EAASc,qBAAuB,IAOrDC,EAAUjD,EAAKkD,gBAAkB,GACjCC,EAASnD,EAAKoD,eAAiB,GAE9BC,EAAYrD,EAAKsD,gBAAjBD,SAEDE,EAAOtD,EAAYE,QAAU,GAmBnC,OAlBAoD,EAAKpD,OAASA,EAmBZ,gBAAC,IAAD,CAAQ8C,QAASA,EAAQjD,KAAMmD,OAAQA,EAAQK,cAAeb,EAAWP,IAAKA,GAC5E,uBAAKqB,UAAU,WAAWC,MAAO,CAACC,gBAAgB,OAASzB,EAASlC,KAAK4D,oBAAoBd,IAAM,IAAIe,mBAAmB,SAASC,iBAAiB,YAAcC,eAAe,UAC/K,uBAAKN,UAAU,UAAUC,MAAO,CAACM,gBAAgB,YAAYC,eAAe,cAC1E,uBAAKR,UAAU,kBACX,sBAAIA,UAAU,sBAAsBvB,EAASlC,KAAKqC,MAAM6B,SAIhE,uBAAKT,UAAU,kBACb,gBAAC,IAAD,CAAQF,KAAMA,IACd,gBAAC,IAAD,CAAYF,SAAUA,EAAUc,KAAM","sources":["webpack://gatsby-multi-language-website/./src/templates/events.js"],"sourcesContent":["// import * as React from 'react'\nimport React, { useState, useEffect } from 'react';\nimport { graphql } from 'gatsby'\nimport { withPrismicPreview } from 'gatsby-plugin-prismic-previews'\nimport { SliceZone } from '@prismicio/react'\nimport moment from 'moment';\n\nimport { Layout } from '../components/Layout'\nimport {Events} from '../components/Events'\nimport { components } from '../slices'\nimport { Pagination } from '../utils/pagination'\n\nconst EventsTemplate = (props) => {\n const { data, pageContext } = props;\n // console.log('EventsTemplate data: ', data);\n \n const [events,setEvents] = useState([])\n\n React.useEffect(() => {\n console.log('did mount props: ', props);\n const _events = pageContext.events || [];\n\n const now = moment().utc()\n const _sorted = _events.map(item => {\n // console.log('item: ', item)\n item.data.startTime = moment(item.data.start_time).unix();\n item.data.finishTime = moment(item.data.finish_time).unix();\n const finishUtc = moment(item.data.finish_time).tz(\"Europe/Berlin\")\n const isOver = now.isAfter(finishUtc)\n item.data.isOver = isOver;\n return item;\n }).sort((a,b) => {\n return a.data.startTime - b.data.startTime;\n });\n const _before = _sorted.filter(el => el.data.isOver === false);\n // const _after = _sorted.filter(el => el.data.isOver === true).reverse();\n const _after = _sorted.filter(el => el.data.isOver === true).sort((a,b) => {\n return b.data.startTime - a.data.startTime;\n });\n // console.table(_sorted);\n // _after.find((el, index) => {\n // console.log(`start:${el.data.start_time} <:> ${el.data.finish_time}`);\n // if (index > 9) return true;\n // });\n const _all = [..._before, ..._after];\n const {skip, limit} = pageContext;\n const filtered = _all.slice(skip, limit+skip);\n setEvents(filtered)\n}, []);\n\n // useEffect( ()=> {\n // const docs = data.allPrismicEvent || []\n // // src/components/Events.js\n // const now = moment().utc()\n // const _filtered = docs.nodes.map(item => {\n // // console.log('item: ', item)\n // item.data.startTime = moment(item.data.start_time).unix();\n // const finishUtc = moment(item.data.finish_time).tz(\"Europe/Berlin\")\n // const isOver = now.isAfter(finishUtc)\n // item.data.isOver = isOver;\n // return item;\n // }).sort((a,b) => {\n // return a.data.startTime - b.data.startTime;\n // });\n // const over_1 = _filtered.filter(item => {\n // return item.data.isOver;\n // });\n // const over_2 = _filtered.filter(item => {\n // return !item.data.isOver;\n // });\n // const filtered = [...over_2, ...over_1];\n // setEvents(filtered)\n // }, [data.allPrismicEvent])\n \n if (!data) return null\n\n const homepage = data.prismicEvents || {}\n const seo = {\n title: homepage.data.seo_title,\n description: homepage.data.seo_description,\n keywords: homepage.data.seo_keywords,\n }\n console.log('seo: ', seo)\n\n const { lang, type, url } = homepage || {}\n const alternateLanguages = homepage.alternate_languages || []\n const activeDoc = {\n lang,\n type,\n url,\n alternateLanguages,\n }\n const topMenu = data.prismicTopMenu || {}\n const footer = data.prismicFooter || {}\n\n const {pageInfo} = data.allPrismicEvent;\n\n const docs = pageContext.events || []; \n docs.events = events\n // console.log('events: ', events)\n\n // return (\n // \n // \n // \n // )\n // return (\n // \n // {/*
\n //
\n //

{home.headline.text}

\n //

{home.description.text}

\n //
*/}\n // \n // \n // )\n return (\n \n
\n
\n
\n

{homepage.data.title.text}

\n
\n
\n
\n
\n \n \n
\n \n )\n}\n\nexport const query = graphql`\n query myEventsQuery($lang: String, $limit: Int!, $skip: Int!) {\n prismicEvents(lang: { eq: $lang }) {\n _previewable\n data {\n seo_title\n seo_description\n seo_keywords\n title_section_image {\n url\n }\n title {\n text\n }\n description {\n richText\n }\n }\n alternate_languages {\n uid\n type\n lang\n }\n lang\n url\n type\n }\n\n prismicTopMenu(lang: { eq: $lang }) {\n ...TopMenuFragment\n }\n prismicFooter {\n ...FooterFragment\n }\n\n allPrismicEvent(\n sort: {fields: data___start_time, order: DESC}\n limit: $limit\n skip: $skip\n #filter: {\n\t\t\t#data:{\n #finish_time:{gte: $now}\n #}\n #}\n ) {\n nodes {\n _previewable\n uid\n # url\n # data {\n # title {\n # text\n # }\n # start_time\n # finish_time\n # body {\n # ... on PrismicEventDataBodyEventInfo {\n # id\n # slice_label\n # slice_type\n # items {\n # ... on PrismicEventDataBodyEventInfoItem {\n # image {\n # url\n # }\n # }\n # }\n # primary {\n # ... on PrismicEventDataBodyEventInfoPrimary {\n # description {\n # text\n # }\n # }\n # }\n # }\n # }\n # }\n }\n pageInfo {\n currentPage\n pageCount\n }\n }\n}\n`\n\nexport default withPrismicPreview(EventsTemplate)\n"],"names":["withPrismicPreview","props","data","pageContext","useState","events","setEvents","React","_events","now","moment","utc","_sorted","map","item","startTime","start_time","unix","finishTime","finish_time","finishUtc","tz","isOver","isAfter","sort","a","b","_before","filter","el","_after","_all","skip","limit","filtered","slice","homepage","prismicEvents","seo","title","seo_title","description","seo_description","keywords","seo_keywords","activeDoc","lang","type","url","alternateLanguages","alternate_languages","topMenu","prismicTopMenu","footer","prismicFooter","pageInfo","allPrismicEvent","docs","activeDocMeta","className","style","backgroundImage","title_section_image","backgroundPosition","backgroundRepeat","backgroundSize","backgroundColor","backdropFilter","text","base"],"sourceRoot":""}