{"version":3,"file":"component---src-templates-videoblog-js-7e95346a93ddf0bf7a7c.js","mappings":"yOAkCMA,EAAc,SAAC,GAAkB,IAAhBC,EAAe,EAAfA,KACdC,GAD6B,EAATC,GACFF,EAAlBC,MAAWE,GAAOH,EAAZI,IAAYJ,EAAPG,KAEXE,EAAqBJ,EAArBI,KAAMC,EAAeL,EAAfK,MAGTC,GAHwBN,EAARO,MAGL,GAKf,MAJ8B,gBAA1BC,EAAAA,EAAAA,eAAcC,WAChBH,GAAW,GAIX,uBAAKI,UAAU,YACb,uBAAKA,UAAU,qDACb,uBAAKA,UAAU,sDAAsDC,MAAO,CAACC,OAAO,UAClF,qBAAGC,KAAMX,GAAK,uBAAKQ,UAAU,cAAcI,IAAKd,EAAKO,KAAK,GAAGQ,QAAQC,UAAUC,cAAeC,IAAKb,EAAMc,KAAO,gBAC/Gb,GAAY,qBAAGO,KAAM,cAAeH,UAAU,kDAAkDC,MAAO,CAACS,OAAO,OAAOC,KAAK,UAAUC,EAAAA,EAAAA,GAAU,mBAElJ,uBAAKZ,UAAU,wDACb,uBAAKA,UAAU,kBACb,uBAAKA,UAAU,yBACb,qBAAGG,KAAMX,EAAKQ,UAAU,sEAAqE,uBAAKA,UAAU,oBAAoBE,OAAO,KAAKW,MAAM,KAAKT,IAAG,yBAA4BI,IAAK,yBAA0Bd,IAEvN,qBAAGM,UAAU,iCAAiCG,KAAMX,GAAK,sBAAIQ,UAAU,aAAaL,EAAMc,YAQzFK,EAAiB,SAAC,GAAuB,IAArBC,EAAoB,EAApBA,KAAMC,EAAc,EAAdA,QACrC,IAAKD,EAAM,OAAO,KAElB,IAAME,EAAQF,EAAKG,MAEbC,EAAQH,EAAUA,EAAQG,MAAQ,EAClCC,EAAUD,GAAUA,EAAME,OAAS,EAGzC,OACE,uBAAKrB,UAAU,gBACZiB,EAAMK,KAAI,SAACjC,EAAMkC,GAAP,OACT,gBAACnC,EAAD,CAAaC,KAAMA,EAAMmC,IAAKD,SAE7BH,GAAW,gBAAC,IAAD,CAAYK,SAAUV,EAAKU,SAAUC,KAAM,kB,uEC+B/D,WAAeC,EAAAA,EAAAA,KArCG,SAAC,GAAyB,IAAxBrC,EAAuB,EAAvBA,KAAMsC,EAAiB,EAAjBA,YAExB,IAAKtC,EAAM,OAAO,KAIlB,IAAMuC,EAAYvC,EAAKwC,kBAAoB,GACrCC,EAAM,CACVpC,MAAOkC,EAAUvC,KAAK0C,UACtBC,YAAaJ,EAAUvC,KAAK4C,gBAC5BC,SAAUN,EAAUvC,KAAK8C,cAIrBC,EAAU/C,EAAKgD,gBAAkB,GACjCC,EAASjD,EAAKkD,eAAiB,GAE/BzB,EAAOzB,EAAKmD,iBAIlB,OACE,gBAAC,IAAD,CAAQJ,QAASA,EAAQ/C,KAAMiD,OAAQA,EAAQR,IAAKA,GAClD,uBAAK/B,UAAU,WAAWC,MAAO,CAACyC,gBAAgB,OAASb,EAAUvC,KAAKqD,oBAAoBnD,IAAM,IAAIoD,mBAAmB,SAASC,iBAAiB,YAAcC,eAAe,UAChL,uBAAK9C,UAAU,UAAUC,MAAO,CAAC8C,gBAAgB,YAAYC,eAAe,cAC1E,uBAAKhD,UAAU,kBACX,sBAAIA,UAAU,sBAAsB6B,EAAUvC,KAAKK,MAAMc,SAIjE,uBAAKT,UAAU,kBACb,gBAAC,IAAD,CAAgBe,KAAMA,EAAMC,QAASY","sources":["webpack://gatsby-multi-language-website/./src/components/VideoBlogPosts.js","webpack://gatsby-multi-language-website/./src/templates/videoblog.js"],"sourcesContent":["import * as React from 'react'\nimport { Link } from 'gatsby'\nimport * as prismicH from '@prismicio/helpers'\nimport { PrismicRichText } from '@prismicio/react'\nimport { Pagination } from '../utils/pagination'\nimport { useLocation } from '@reach/router';\n\nimport translate from '../utils/translator'\n\n// Function to retrieve a small preview of the post's text\nconst firstParagraph = (body) => {\n  // // Find the first text slice of post's body\n  console.log('VideoBlogPosts first slice :', body[0])\n  const firstTextSlice = body.find((slice) => slice.slice_type === 'videoblog_info')\n  if (firstTextSlice != null) {\n    // Set the character limit for the text we'll show in the homepage\n    const textLimit = 300\n    const text = prismicH.asText(firstTextSlice.primary.description.richText)\n    const limitedText = text.substring(0, textLimit)\n\n    if (text.length > textLimit) {\n      // Cut only up to the last word and attach '...' for readability\n      return (\n        <p>{`${limitedText.substring(0, limitedText.lastIndexOf(' '))}...`}</p>\n      )\n    }\n    // If it's shorter than the limit, just show it normally\n    return <p>{text}</p>\n  }\n  // If there are no slices of type 'text', return nothing\n  return null\n}\n\n// A summary of the Blog Post\nconst PostSummary = ({ post, id }) => {\n  const {data, uid, url} = post\n  console.log('PostSummary: ', data)\n  const {date, title, body} = data\n  console.log('video_url :', data.body[0].primary.video_url)\n\n  let showType = true\n  if (useLocation().pathname == \"/videoblogs\") {\n    showType = false\n  }\n\n  return (\n    <div className=\"col-lg-4\">\n      <div className=\"overflow-hidden bg-white h-100 d-flex flex-column\">\n        <div className=\"bg-dark position-relative rounded-3 overflow-hidden\" style={{height:\"200px\"}}>\n          <a href={url}><img className=\"image-cover\" src={data.body[0].primary.video_url.thumbnail_url} alt={title.text + \" Titelfoto\"}/></a>\n          {showType && <a href={\"/videoblogs\"} className=\"btn btn-sm btn-primary position-absolute fs-075\" style={{bottom:\"16px\",left:\"16px\"}}>{translate('btn_videoblog')}</a>}\n        </div>\n        <div className=\"d-flex flex-fill flex-column justify-content-between\">\n          <div className=\"pt-3 flex-fill\">\n            <div className=\"d-flex fs-0875 fw-600\">\n              <a href={url} className=\"text-decoration-none text-secondary d-flex align-items-center me-2\"><img className=\"me-1 details-icon\" height=\"16\" width=\"16\" src={`/icons/event-start.svg`} alt={\"Videoblog Datum Icon\"}/>{date}</a>\n            </div>\n            <a className=\"text-decoration-none text-body\" href={url}><h6 className=\"mt-2 mb-0\">{title.text}</h6></a>\n          </div>\n\t\t\t\t</div>\n      </div>\n    </div>\n  )\n}\n\nexport const VideoBlogPosts = ({ docs, context }) => {\n  if (!docs) return null\n\n  const posts = docs.nodes\n  // console.log('VideoBlogPosts posts: ', posts)\n  const total = context ? context.total : 0\n  const isPagin = total && (total.length > 1)\n  console.log('total video pages: ', total)\n\n  return (\n    <div className=\"mt-4 row g-4\">\n      {posts.map((post, index) => (\n        <PostSummary post={post} key={index} />\n      ))}\n      {!!isPagin && <Pagination pageInfo={docs.pageInfo} base={'videoblogs'}/>}\n    </div>\n  )\n}\n","import * as React from 'react'\nimport { graphql } from 'gatsby'\nimport { withPrismicPreview } from 'gatsby-plugin-prismic-previews'\n\nimport { Layout } from '../components/Layout'\nimport { VideoBlogPosts } from '../components/VideoBlogPosts'\n\nexport const query = graphql`\n  query MyQuery($limit: Int!, $skip: Int!) {\n    prismicVideoblog {\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        desc {\n          richText\n        }\n      }\n      url\n      type\n    }\n\n    prismicTopMenu {\n      ...TopMenuFragment\n    }\n    prismicFooter {\n      ...FooterFragment\n    }\n\n    allPrismicVbItem(\n      sort: { fields: data___date, order: DESC }\n      limit: $limit\n      skip: $skip\n    ) {\n      nodes {\n        uid\n        url\n        data {\n          title {\n            text\n          }\n          date\n          body {\n            ... on PrismicVbItemDataBodyVideoblogInfo {\n              id\n              slice_type\n              primary {\n                description {\n                  richText\n                }\n                video_url {\n                  thumbnail_url\n                }\n              }\n            }\n          }\n        }\n      }\n      pageInfo {\n        currentPage\n        pageCount\n      }\n    }\n  }\n`\n\nconst Videoblog = ({data, pageContext}) => {\n  // const {data} = props\n  if (!data) return null\n  // console.log('videoblog data: ', data)\n  console.log('context: ', pageContext)\n\n  const videoblog = data.prismicVideoblog || {}\n  const seo = {\n    title: videoblog.data.seo_title,\n    description: videoblog.data.seo_description,\n    keywords: videoblog.data.seo_keywords,\n  }\n  console.log('seo: ', seo)\n\n  const topMenu = data.prismicTopMenu || {}\n  const footer = data.prismicFooter || {}\n\n  const docs = data.allPrismicVbItem\n\n  // const avatar = { backgroundImage: `url(${home.image.url})` }\n\n  return (\n    <Layout topMenu={topMenu.data} footer={footer} seo={seo}>\n      <div className=\"bg-light\" style={{backgroundImage:\"url(\" + videoblog.data.title_section_image.url + \")\",backgroundPosition:\"center\",backgroundRepeat:\"no-repeat\",  backgroundSize:\"cover\"}}>\n        <div className=\"py-lg-4\" style={{backgroundColor:\"#000000b4\",backdropFilter:\"blur(3px)\"}}>\n          <div className=\"container py-5\">\n              <h1 className=\"h3 text-white mb-0\">{videoblog.data.title.text}</h1>\n          </div>\n        </div>\n      </div>\n      <div className=\"container py-5\">\n        <VideoBlogPosts docs={docs} context={pageContext} />\n      </div>\n    </Layout>\n  )\n}\n\nexport default withPrismicPreview(Videoblog)\n"],"names":["PostSummary","post","data","id","url","uid","date","title","showType","body","useLocation","pathname","className","style","height","href","src","primary","video_url","thumbnail_url","alt","text","bottom","left","translate","width","VideoBlogPosts","docs","context","posts","nodes","total","isPagin","length","map","index","key","pageInfo","base","withPrismicPreview","pageContext","videoblog","prismicVideoblog","seo","seo_title","description","seo_description","keywords","seo_keywords","topMenu","prismicTopMenu","footer","prismicFooter","allPrismicVbItem","backgroundImage","title_section_image","backgroundPosition","backgroundRepeat","backgroundSize","backgroundColor","backdropFilter"],"sourceRoot":""}