{"version":3,"file":"component---src-components-project-page-js-55c458b0cc0a32337aeb.js","mappings":"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","sources":["webpack://n-ou/./src/compatibility-wrapper/mediaelement.js","webpack://n-ou/./src/content/gallery-picture.js","webpack://n-ou/./src/components/gallery-picture.js","webpack://n-ou/./src/components/project-page.js","webpack://n-ou/./utils/formatdate.js"],"sourcesContent":["/* eslint-disable no-unused-expressions */\nif (typeof window !== 'undefined') {\n    import(\"mediaelement\");\n    import('mediaelement/build/mediaelementplayer.min.css');\n}","const galleryPictureContent = {\n    german: {\n        left: \" < \",\n        right: \" > \",\n        previousMedia: \"zum vorherigen Bild\",\n        nextMedia: \"zum nächsten Bild\",\n    },\n    english: {\n        left: \" < \",\n        right: \" > \",\n        previousMedia: \"to the previous picture\",\n        nextMedia: \"to the next picture\",\n    }\n}\nexport {galleryPictureContent}","import React, { useContext, useState } from \"react\"\nimport \"../styles/gallery-picture.css\"\nimport { galleryPictureContent } from \"../content/gallery-picture\"\nimport { SettingsContext } from \"../contexts/settings\"\nimport '../compatibility-wrapper/mediaelement'\nimport { imageUrl } from \"../../utils/path\"\nimport { translate } from \"../../utils/language\"\nimport ReactPlayer from 'react-player'\n\nconst GalleryPicture = ({media, language}) => {\n    const [settings, ] = useContext(SettingsContext)\n    const content = galleryPictureContent[settings.language]\n    const [currentMediaIndex, setCurrentMediaIndex] = useState(0) \n\n    const nextMedia = () => {\n        if (media.length === currentMediaIndex + 1) {\n            setCurrentMediaIndex(0)\n            return\n        }\n        setCurrentMediaIndex(currentMediaIndex + 1)\n    }\n\n    const previousMedia = () => {\n        if (currentMediaIndex === 0) {\n            setCurrentMediaIndex(media.length-1)\n            return\n        }\n        setCurrentMediaIndex(currentMediaIndex - 1)\n    }\n    const currentMedia = media[currentMediaIndex]\n    return (\n        <div className=\"gallery-container\">\n            <div className=\"gallery\">\n                {\n                media.length > 1 ?\n                <button className=\"link-gallery\" onClick={previousMedia}><p className=\"arrow-gallery link-gallery\" aria-label={content.previousMedia}>{content.left}</p></button> :\n                null\n                }\n                <div className=\"picture-gallery\">\n                    {\n                        currentMedia.__typename === \"Strapi_ComponentDefaultBildMitMehrsprachigemAltText\" &&\n                        <img className=\"pic-big\" src={imageUrl(currentMedia.Bild.url)} alt={translate(language, currentMedia.Deutsch, currentMedia.Englisch)}/>\n                    }\n                        \n                    {\n                        currentMedia.__typename === \"Strapi_ComponentDefaultVideo\" &&\n                        <video controls className=\"pic-big\"\n                            src={imageUrl(currentMedia.VideoDatei.url)}>\n                        </video>\n                    }\n                    {\n                        currentMedia.__typename === \"Strapi_ComponentDefaultExternerInhalt\" &&\n                        <div className=\"pic-big\">\n                            <ReactPlayer className=\"video-gallery\" url={currentMedia.URL} controls={true}/>\n                        </div>\n                    }\n                    \n\n\n                    <div className=\"mint-line-gallery\"></div>\n                </div>\n                {\n                media.length > 1 ?\n                <button className=\"link-gallery\" onClick={nextMedia}><p className=\"arrow-gallery\" aria-label={content.nextMedia}>{content.right}</p></button> :\n                null\n                }\n                </div>\n            \n        </div>\n    )\n}\nexport default GalleryPicture","import React, { useContext } from \"react\"\nimport { Link, graphql } from \"gatsby\"\nimport Template from \"./template\"\nimport \"../styles/projects-page.css\"\nimport { SettingsContext } from \"../contexts/settings\"\nimport { translate } from \"../../utils/language\"\nimport { imageUrl, fileUrl } from \"../../utils/path\"\nimport { formatDate } from \"../../utils/formatdate\"\nimport { renderMarkdown, renderMarkdownTitel } from \"../../utils/rendermarkdown\"\nimport GalleryPicture from \"./gallery-picture\"\n\nfunction date(l, tag) {\n  const localisedText = formatDate(l, tag.Datum)\n\n\n  if (tag.Nummer) {\n    return localisedText\n  }\n\n  return localisedText;\n}\n\nfunction showMonth (l, tag, tag_ende) {\n\tconst  dateWithMonth = formatDate(l, tag.Datum)\n\n\n\tif (tag.Datum === tag_ende.Datum) {\n\t\treturn null\n\t} else {\n\t\treturn `${dateWithMonth} - `\n\t}\n}\n\nconst ProjectsPage = ({ data }) => {\n  const [settings,] = useContext(SettingsContext)\n  const l = settings.language\n  const v = data.strapi.veranstaltung\n  return (\n    <Template currentPage=\"projects\">\n      <section className=\"end-of-site\">\n\n        <h1>\n          <Link class=\"back-arrow\" to=\"/projekte\">{translate(l, \"Projekte << \", \"Projects << \")}</Link>\n          {renderMarkdownTitel(translate(l, v.Titel_Deutsch, v.Titel_Englisch))}\n        </h1>\n\n        <div className=\"merkbox\">\n          {\n            v.tag &&\n            <div className=\"merkbox-element\">\n              <img className=\"icon-programm\" src={settings.isHighContrast ? \"/images/icons/Kalender_schwarz.png\" : \"/images/icons/Kalender.svg\"} alt={translate(l, \"Icon Kalender\", \"icon calender\")} />\n              {showMonth(l, v.tag, v.tag_ende)}\n\t\t\t\t\t\t  {date(l, v.tag_ende)}\n            </div>\n          }\n          {\n            v.Uhrzeit &&\n            <div className=\"merkbox-element\">\n              <img className=\"icon-programm\" src={settings.isHighContrast ? \"/images/icons/Uhr_schwarz.png\" : \"/images/icons/Uhr.svg\"} alt={translate(l, \"Icon Zeit\", \"icon time\")} />\n              {v.Uhrzeit}{translate(l, \" Uhr\", \"\")}\n            </div>\n          }\n          {\n            v.ort &&\n            <div className=\"merkbox-element\">\n              <img className=\"icon-programm\" src={settings.isHighContrast ? imageUrl(v.ort.Icon_kontrastreich.url) : imageUrl(v.ort.Icon.url)} alt={translate(l, \"Icon Location\", \"icon location\")} />\n              {translate(l, v.ort.Deutsch, v.ort.Englisch)}\n            </div>\n          }\n          {\n            v.veranstaltungsformat &&\n            <div className=\"merkbox-element\">\n              <img className=\"icon-programm\" src={settings.isHighContrast ? imageUrl(v.veranstaltungsformat.Symbol_kontrastreich.url) : imageUrl(v.veranstaltungsformat.Symbol.url)} alt={translate(l, \"Icon Veranstaltungsformat\", \"icon event type\")} />\n              {translate(l, v.veranstaltungsformat.Deutsch, v.veranstaltungsformat.Englisch)}\n            </div>\n          }\n          {\n            v.sprachen && v.sprachen.length !== 0 &&\n            v.sprachen.map(sprache => {\n              return <div className=\"merkbox-element\">\n                <img className=\"icon-programm\" src={settings.isHighContrast ? \"/images/icons/Sprache_schwarz.png\" : \"/images/icons/Sprache.svg\"} alt={translate(l, \"Icon Sprache\", \"icon language\")}/>\n                {translate(l, sprache.Deutsch, sprache.Englisch)}              \n              </div>\n\n            })}\n            { v.barrierefreiheits_eigenschaftens.map(eigenschaften => {\t\n              return <div className=\"merkbox-element\">\n                <img className=\"icon-barrierefreiheit\" src={settings.isHighContrast ? imageUrl(eigenschaften.Icon_dunkel.url) : imageUrl(eigenschaften.Icon.url)} alt={translate(l, \"Icon Barriereeigenschaft\", \"icon accessibility feature\")}/>\n              </div>\n            })}\n\n        </div>\n        <div className=\"mint-line\"></div>\n        <div className=\"information-container\">\n          <div className=\"project-text-button\">\n          {\n            v.Beschreibung &&\n            <div className=\"information\">\n              <p>{renderMarkdown(translate(l, v.Beschreibung.Deutsch, v.Beschreibung.Englisch))}</p>\n            </div>\n          }\n          {\n              v.TicketURL &&\n              <button className=\"button-tickets\" aria-label={translate(l, \"Ticket Seite\", \"ticket page\")} >\n                <a className=\"tickets-link\" href={v.TicketURL} target=\"_blank\" rel=\"noopener noreferrer\">\n                  <span className=\"black-button-tickets\">TICKETS</span>\n                  <div className=\"mint-line\"></div>\n                </a>\n              </button>\n            }\n          </div>\n          <div className=\"boxes\">\n            \n            {\n              v.GutZuWissen &&\n              <div className=\"good-to-know-container\">\n                <div><h2 className=\"box-heading\">{translate(l, \"Gut zu wissen\", \"Good to know\")}</h2></div>\n\n                {\n                  v.GutZuWissen &&\n                  <div><p>{renderMarkdown(translate(l, v.GutZuWissen.Deutsch, v.GutZuWissen.Englisch))}</p></div>\n                }\n                {v.barrierefreiheits_eigenschaftens.map(eigenschaften => {\n                  return <div className=\"gut-zu-wissen-barriere-info\">\n                    <img className=\"gut-zu-wissen-icon-barrierefreiheit\" src={settings.isHighContrast ? imageUrl(eigenschaften.Icon_dunkel.url) : imageUrl(eigenschaften.Icon.url)} alt={translate(l, \"Icon Barriereeigenschaft\", \"icon accessibility feature\")} />\n                    <p>{translate(l, eigenschaften.Deutsch, eigenschaften.Englisch)}</p>\n                  </div>\n                })}\n\n              </div>\n            }\n          </div>\n          \n        </div>\n        {\n          v.Gallerie && v.Gallerie.length !== 0 &&\n          <div>\n            <h2 className=\"centered\">{translate(l, \"Galerie\", \"Gallery\")}</h2>\n            <GalleryPicture media={v.Gallerie} ></GalleryPicture>\n          </div>\n        }\n\n        {v.Downloads && v.Downloads.length !== 0 &&\n          <h2>{translate(l, \"Projekt Downloads\", \"Project Downloads\")}</h2>\n        }\n\n        {v.Downloads.map(downloads => {\n          return <div>\n            <a className=\"link\" href={fileUrl(translate(l, downloads.Download_deutsch.url, downloads.Download_englisch.url))} target=\"_blank\" rel=\"noopener noreferrer\">\n              {translate(l, downloads.Titel_deutsch, downloads.Titel_englisch)}\n            </a>\n          </div>\n        })}\n\n        {v.Bios && v.Bios.length !== 0 && <h2>Team</h2>}\n        {v.Bios.map(person => {\n          return <div>\n            <div className=\"pic-text-projects\">\n              {\n                person.bild && person.bild.Bild &&\n                <img className=\"pic-projects\" src={imageUrl(person.bild.Bild.url)} alt={translate(l, person.bild.Deutsch, person.bild.Englisch)} />\n              }\n              {\n                v.Bios &&\n                <div className=\"text-projects\">\n                  <h3 className=\"no-indent-project\">{translate(l, person.Titel_deutsch, person.Titel_englisch)}</h3>\n                  <p>{renderMarkdown(translate(l, person.Deutsch, person.Englisch))}</p>\n                </div>\n              }\n            </div>\n          </div>\n\n        })}\n        {\n            v.credits &&\n            <div>\n                <p>{renderMarkdown(translate(l, v.credits.Deutsch, v.credits.Englisch))}</p>\n            </div>\n          }\n\n      </section>\n    </Template>\n  )\n}\n\nexport default ProjectsPage\n\nexport const query = graphql`\n  query($id: ID!) {\n    strapi {\n        veranstaltung(id: $id) {\n          Beschreibung {\n            Deutsch\n            Englisch\n          }\n          TicketURL\n          Downloads {\n            Download_deutsch {\n              url\n            }\n            Link_deutsch\n            Link_englisch\n            Titel_deutsch\n            Titel_englisch\n            Download_englisch {\n              url\n            }\n          }\n          \n          Titel_Deutsch\n        Titel_Englisch\n          Uhrzeit\n          ort {\n            Deutsch\n            Englisch\n            Icon {\n              url\n            }\n\t\t\tIcon_kontrastreich {\n\t\t\t\turl\n\t\t\t}\n          }\n          tag {\n            Datum\n            Nummer\n          }\n          tag_ende{\n            Datum\n          }\n          veranstaltungsformat {\n            Deutsch\n            Englisch\n            Symbol {\n              url\n            }\n\t\t\tSymbol_kontrastreich {\n\t\t\t\turl\n\t\t\t}\n          }\n          GutZuWissen {\n            Deutsch\n            Englisch\n          }\n          barrierefreiheits_eigenschaftens {\n            Deutsch\n            Englisch\n            Icon {\n              url\n            }\n            Icon_dunkel {\n              url\n            }\n          }\n          credits {\n            Deutsch\n            Englisch\n          }\n          Bios {\n            bild {\n              Bild {\n                url\n              }\n              Deutsch\n              Englisch\n            }\n            Deutsch\n            Englisch\n            Titel_deutsch\n            Titel_englisch\n          }\n          bild {\n            Bild {\n              url\n            }\n            Deutsch\n            Englisch\n          }\n          credits {\n            Deutsch\n            Englisch\n          }\n          sprachen {\n            Deutsch\n            Englisch\n          }\n          Gallerie {\n            __typename\n            ... on Strapi_ComponentDefaultVideo {\n              VideoDatei {\n                url\n              }\n            }\n            ... on Strapi_ComponentDefaultBildMitMehrsprachigemAltText {\n              Bild {\n                url\n              }\n              Deutsch\n              Englisch\n            }\n            ... on Strapi_ComponentDefaultExternerInhalt {\n              URL\n            }\n          }\n        }\n      }\n    }\n`","function getLocale(language) {\n    switch (language) {\n        case 'german':\n        case 'simpleGerman':\n        return 'de';\n        \n        case 'english':\n        return 'en';\n        \n        default:\n        return 'en';\n    }\n}\n    \nexport function formatDate(language, date) {\n    try {\n        const timestamp = Date.parse(date);\n        if (Number.isNaN(timestamp)) {\n        console.warn('Received invalid date for formatting:', date);\n        return date;\n    }\n    \n    const parsed = new Date(timestamp);\n    const locale = getLocale(language);\n    const formatted = parsed.toLocaleDateString(locale, {\n        day: 'numeric',\n        month: 'short',\n    });\n    \n    return formatted;\n        } catch (e) {\n            console.error('An error occured while formatting \"' + date + '\":', e);\n            return date;\n        }\n}\n\nexport function formatDateNoMonth(language, date, enddate) {\n    try {\n        const timestamp = Date.parse(date);\n        if (Number.isNaN(timestamp)) {\n        console.warn('Received invalid date for formatting:', date);\n        return date;\n    }\n    \n    const parsed = new Date(timestamp);\n    const locale = getLocale(language);\n    const formatted = parsed.toLocaleDateString(locale, {\n        day: 'numeric',\n    });\n    \n    return formatted;\n        } catch (e) {\n            console.error('An error occured while formatting \"' + date + '\":', e);\n            return date;\n        }\n}\n\n    /*\n    dann so importieren:\n    import { formatDate } from '../../utils/formatDate.js'\n    \n    und so verwenden:\n    <div> { formatDate(l, v.tag.Datum) } </div>\n    */\n\nexport function formatDateLong(language, date) {\n    try {\n        const timestamp = Date.parse(date);\n        if (Number.isNaN(timestamp)) {\n        console.warn('Received invalid date for formatting:', date);\n        return date;\n    }\n    \n    const parsed = new Date(timestamp);\n    const locale = getLocale(language);\n    const formatted = parsed.toLocaleDateString(locale, {\n        weekday: 'long',\n        day: 'numeric',\n        month: 'short',\n        year: 'numeric',\n    });\n    \n    return formatted;\n        } catch (e) {\n            console.error('An error occured while formatting \"' + date + '\":', e);\n            return date;\n        }\n}\n\nexport function formatDateBlog(language, date) {\n    try {\n        const timestamp = Date.parse(date);\n        if (Number.isNaN(timestamp)) {\n        console.warn('Received invalid date for formatting:', date);\n        return date;\n    }\n    \n    const parsed = new Date(timestamp);\n    const locale = getLocale(language);\n    const formatted = parsed.toLocaleDateString(locale, {\n        day: 'numeric',\n        month: 'long',\n        year: 'numeric',\n    });\n    \n    return formatted;\n        } catch (e) {\n            console.error('An error occured while formatting \"' + date + '\":', e);\n            return date;\n        }\n}\n\n/**\n * Returns the name of the weekday of the given date.\n * @param {'german' | 'simpleGerman' | 'english'} language\n * @param {Date} date\n */\nexport function getDayName(language, date) {\n  if (!date) {\n    console.warn('getDayName() was called without passing a date');\n    return { short: '', long: '' };\n  }\n  const parsedDate = new Date(Date.parse(date));\n  const locale = getLocale(language);\n\n  const formattedLong = parsedDate.toLocaleDateString(locale, {\n    weekday: 'long',\n    timeZone: 'UTC',\n  });\n\n  const formattedShort = parsedDate.toLocaleDateString(locale, {\n    weekday: 'short',\n    timeZone: 'UTC',\n  });\n\n  return {\n    long: formattedLong,\n    short: formattedShort,\n  };\n}\n"],"names":["window","galleryPictureContent","german","left","right","previousMedia","nextMedia","english","media","language","settings","useContext","SettingsContext","content","useState","currentMediaIndex","setCurrentMediaIndex","currentMedia","className","length","onClick","__typename","src","imageUrl","Bild","url","alt","translate","Deutsch","Englisch","controls","VideoDatei","URL","data","l","v","strapi","veranstaltung","currentPage","class","to","renderMarkdownTitel","Titel_Deutsch","Titel_Englisch","tag","isHighContrast","tag_ende","dateWithMonth","formatDate","Datum","showMonth","localisedText","Nummer","date","Uhrzeit","ort","Icon_kontrastreich","Icon","veranstaltungsformat","Symbol_kontrastreich","Symbol","sprachen","map","sprache","barrierefreiheits_eigenschaftens","eigenschaften","Icon_dunkel","Beschreibung","renderMarkdown","TicketURL","href","target","rel","GutZuWissen","Gallerie","Downloads","downloads","fileUrl","Download_deutsch","Download_englisch","Titel_deutsch","Titel_englisch","Bios","person","bild","credits","getLocale","timestamp","Date","parse","Number","isNaN","console","warn","parsed","locale","toLocaleDateString","day","month","e","error","formatDateLong","weekday","year","formatDateBlog","getDayName","short","long","parsedDate","timeZone"],"sourceRoot":""}