\r\n
\r\n );\r\n};\r\n\r\nEventLayout3Component.propTypes = {\r\n lang: PropTypes.string.isRequired,\r\n items: PropTypes.arrayOf(PropTypes.shape({\r\n id: PropTypes.number.isRequired,\r\n url: PropTypes.string.isRequired,\r\n header: PropTypes.string.isRequired,\r\n })).isRequired,\r\n listid: PropTypes.number.isRequired,\r\n setPopupItem: PropTypes.func.isRequired,\r\n};\r\n\r\nEventLayout3Component.displayName = 'EventLayout3Component';\r\nexport default EventLayout3Component;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst NewsCategoriesComponent = (props) => {\r\n const { categories } = props;\r\n const renderCategories = categories.slice(0, 1).map((cat, i) => {\r\n const key = i;\r\n return {(i > 0 ? ', ' : '') + cat.category};\r\n });\r\n\r\n return {renderCategories};\r\n};\r\n\r\nNewsCategoriesComponent.propTypes = {\r\n categories: PropTypes.arrayOf(PropTypes.shape({\r\n category: PropTypes.string.isRequired,\r\n })).isRequired,\r\n};\r\n\r\nNewsCategoriesComponent.displayName = 'NewsCategoriesComponent';\r\nexport default NewsCategoriesComponent;\r\n","/* eslint jsx-a11y/control-has-associated-label: 0 */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport NewsSubHeaderComponent from './NewsSubHeaderComponent';\r\nimport NewsCategoriesComponent from './NewsCategoriesComponent';\r\nimport { AUNewsHelpers } from '../../lib/au-news';\r\n\r\nconst NewsLayout1Component = (props) => {\r\n const { item, listid, setPopupItem } = props;\r\n if (!item) {\r\n return ;\r\n }\r\n\r\n const i = AUNewsHelpers.setExternal(item);\r\n const domID = `news-${listid}-${i.id}`;\r\n\r\n return (\r\n - \r\n {renderItems}\r\n
\r\n {(() => {\r\n if (i.image) {\r\n return (\r\n
\r\n );\r\n};\r\n\r\nNewsLayout1Component.propTypes = {\r\n item: PropTypes.shape({\r\n id: PropTypes.number.isRequired,\r\n header: PropTypes.string.isRequired,\r\n subheader: PropTypes.string.isRequired,\r\n url: PropTypes.string.isRequired,\r\n external: PropTypes.bool.isRequired,\r\n date: PropTypes.string.isRequired,\r\n categories: PropTypes.arrayOf(PropTypes.shape({\r\n\r\n })).isRequired,\r\n }).isRequired,\r\n listid: PropTypes.number.isRequired,\r\n setPopupItem: PropTypes.func.isRequired,\r\n};\r\n\r\nNewsLayout1Component.displayName = 'NewsLayout1Component';\r\nexport default NewsLayout1Component;\r\n","/* eslint jsx-a11y/control-has-associated-label: 0 */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport NewsSubHeaderComponent from './NewsSubHeaderComponent';\r\nimport NewsCategoriesComponent from './NewsCategoriesComponent';\r\nimport { AUNewsHelpers } from '../../lib/au-news';\r\n\r\nconst NewsLayout2Component = (props) => {\r\n const { item, listid, setPopupItem } = props;\r\n if (!item) {\r\n return ;\r\n }\r\n\r\n const i = AUNewsHelpers.setExternal(item);\r\n const domID = `news-${listid}-${i.id}`;\r\n\r\n return (\r\n \r\n {\r\n if (!i.external) {\r\n setPopupItem(item);\r\n }\r\n }}\r\n href={i.url}\r\n title={i.header}\r\n >\r\n 
\r\n \r\n
\r\n );\r\n }\r\n return null;\r\n })()}\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n {\r\n if (!i.external) {\r\n setPopupItem(item);\r\n }\r\n }}\r\n href={i.url}\r\n title={i.header}\r\n dangerouslySetInnerHTML={{ __html: i.header }}\r\n />\r\n
\r\n \r\n {i.date}\r\n {' | '}\r\n
\r\n {(() => {\r\n if (i.image) {\r\n return (\r\n
\r\n );\r\n};\r\n\r\nNewsLayout2Component.propTypes = {\r\n item: PropTypes.shape({\r\n id: PropTypes.number.isRequired,\r\n header: PropTypes.string.isRequired,\r\n subheader: PropTypes.string.isRequired,\r\n url: PropTypes.string.isRequired,\r\n external: PropTypes.bool.isRequired,\r\n date: PropTypes.string.isRequired,\r\n categories: PropTypes.arrayOf(PropTypes.shape({\r\n\r\n })).isRequired,\r\n }).isRequired,\r\n listid: PropTypes.number.isRequired,\r\n setPopupItem: PropTypes.func.isRequired,\r\n};\r\n\r\nNewsLayout2Component.displayName = 'NewsLayout2Component';\r\nexport default NewsLayout2Component;\r\n","/* eslint jsx-a11y/control-has-associated-label: 0 */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport NewsSubHeaderComponent from './NewsSubHeaderComponent';\r\nimport NewsCategoriesComponent from './NewsCategoriesComponent';\r\nimport { AUNewsHelpers } from '../../lib/au-news';\r\n\r\nconst NewsLayout3Component = (props) => {\r\n const { item, listid, setPopupItem } = props;\r\n if (!item) {\r\n return ;\r\n }\r\n\r\n const i = AUNewsHelpers.setExternal(item);\r\n\r\n const domID = `news-${listid}-${i.id}`;\r\n\r\n return (\r\n \r\n {\r\n if (!i.external) {\r\n setPopupItem(item);\r\n }\r\n }}\r\n href={i.url}\r\n title={i.header}\r\n >\r\n 
\r\n \r\n
\r\n );\r\n }\r\n return null;\r\n })()}\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n {\r\n if (!i.external) {\r\n setPopupItem(item);\r\n }\r\n }}\r\n href={i.url}\r\n title={i.header}\r\n dangerouslySetInnerHTML={{ __html: i.header }}\r\n />\r\n
\r\n \r\n {i.date}\r\n {' | '}\r\n
\r\n {(() => {\r\n if (i.image) {\r\n return (\r\n
\r\n );\r\n};\r\n\r\nNewsLayout3Component.propTypes = {\r\n item: PropTypes.shape({\r\n id: PropTypes.number.isRequired,\r\n header: PropTypes.string.isRequired,\r\n subheader: PropTypes.string.isRequired,\r\n url: PropTypes.string.isRequired,\r\n external: PropTypes.bool.isRequired,\r\n date: PropTypes.string.isRequired,\r\n categories: PropTypes.arrayOf(PropTypes.shape({\r\n\r\n })).isRequired,\r\n }).isRequired,\r\n listid: PropTypes.number.isRequired,\r\n setPopupItem: PropTypes.func.isRequired,\r\n};\r\n\r\nNewsLayout3Component.displayName = 'NewsLayout3Component';\r\nexport default NewsLayout3Component;\r\n","/* eslint jsx-a11y/control-has-associated-label: 0 */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport NewsSubHeaderComponent from './NewsSubHeaderComponent';\r\nimport NewsCategoriesComponent from './NewsCategoriesComponent';\r\nimport { AUNewsHelpers } from '../../lib/au-news';\r\n\r\nconst NewsLayout4Component = (props) => {\r\n const { item, listid, setPopupItem } = props;\r\n if (!item) {\r\n return ;\r\n }\r\n\r\n const i = AUNewsHelpers.setExternal(item);\r\n const domID = `news-${listid}-${i.id}`;\r\n\r\n return (\r\n \r\n {\r\n if (!i.external) {\r\n setPopupItem(item);\r\n }\r\n }}\r\n href={i.url}\r\n title={i.header}\r\n >\r\n 
\r\n \r\n
\r\n );\r\n }\r\n return null;\r\n })()}\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n {i.date}\r\n {' | '}\r\n
\r\n {\r\n if (!i.external) {\r\n setPopupItem(item);\r\n }\r\n }}\r\n href={i.url}\r\n title={i.header}\r\n dangerouslySetInnerHTML={{ __html: i.header }}\r\n />\r\n
\r\n \r\n {(() => {\r\n if (i.image) {\r\n return (\r\n
\r\n );\r\n};\r\n\r\nNewsLayout4Component.propTypes = {\r\n item: PropTypes.shape({\r\n id: PropTypes.number.isRequired,\r\n header: PropTypes.string.isRequired,\r\n subheader: PropTypes.string.isRequired,\r\n url: PropTypes.string.isRequired,\r\n external: PropTypes.bool.isRequired,\r\n date: PropTypes.string.isRequired,\r\n categories: PropTypes.arrayOf(PropTypes.shape({\r\n\r\n })).isRequired,\r\n }).isRequired,\r\n listid: PropTypes.number.isRequired,\r\n setPopupItem: PropTypes.func.isRequired,\r\n};\r\n\r\nNewsLayout4Component.displayName = 'NewsLayout4Component';\r\nexport default NewsLayout4Component;\r\n","/* eslint jsx-a11y/control-has-associated-label: 0 */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport NewsSubHeaderComponent from './NewsSubHeaderComponent';\r\nimport NewsCategoriesComponent from './NewsCategoriesComponent';\r\nimport { AUNewsHelpers } from '../../lib/au-news';\r\n\r\nconst NewsLayout5Component = (props) => {\r\n const { item, listid, setPopupItem } = props;\r\n if (!item) {\r\n return ;\r\n }\r\n\r\n const i = AUNewsHelpers.setExternal(item);\r\n\r\n const domID = `news-${listid}-${i.id}`;\r\n\r\n return (\r\n \r\n {\r\n if (!i.external) {\r\n setPopupItem(item);\r\n }\r\n }}\r\n href={i.url}\r\n title={i.header}\r\n >\r\n 
\r\n \r\n
\r\n );\r\n }\r\n return null;\r\n })()}\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n {i.date}\r\n {' | '}\r\n
\r\n {\r\n if (!i.external) {\r\n setPopupItem(item);\r\n }\r\n }}\r\n href={i.url}\r\n title={i.header}\r\n dangerouslySetInnerHTML={{ __html: i.header }}\r\n />\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nNewsLayout5Component.propTypes = {\r\n item: PropTypes.shape({\r\n id: PropTypes.number.isRequired,\r\n header: PropTypes.string.isRequired,\r\n subheader: PropTypes.string.isRequired,\r\n url: PropTypes.string.isRequired,\r\n external: PropTypes.bool.isRequired,\r\n date: PropTypes.string.isRequired,\r\n categories: PropTypes.arrayOf(PropTypes.shape({\r\n\r\n })).isRequired,\r\n }).isRequired,\r\n listid: PropTypes.number.isRequired,\r\n setPopupItem: PropTypes.func.isRequired,\r\n};\r\n\r\nNewsLayout5Component.displayName = 'NewsLayout5Component';\r\nexport default NewsLayout5Component;\r\n","/* eslint jsx-a11y/control-has-associated-label: 0 */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { AUNewsHelpers } from '../../lib/au-news';\r\n\r\nconst NewsLayout6Component = (props) => {\r\n const { items, listid, setPopupItem } = props;\r\n const renderItems = items.map((_i, j) => {\r\n let i = _i;\r\n const key = j;\r\n if (i) {\r\n i = AUNewsHelpers.setExternal(i);\r\n const domID = `news-${listid}-${i.id}`;\r\n return (\r\n \r\n \r\n
\r\n
\r\n \r\n {i.date}\r\n {' | '}\r\n
\r\n {\r\n if (!i.external) {\r\n setPopupItem(item);\r\n }\r\n }}\r\n href={i.url}\r\n title={i.header}\r\n dangerouslySetInnerHTML={{ __html: i.header }}\r\n />\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nNewsLayout6Component.propTypes = {\r\n items: PropTypes.arrayOf(PropTypes.shape({\r\n id: PropTypes.number.isRequired,\r\n url: PropTypes.string.isRequired,\r\n header: PropTypes.string.isRequired,\r\n })).isRequired,\r\n listid: PropTypes.number.isRequired,\r\n setPopupItem: PropTypes.func.isRequired,\r\n};\r\n\r\nNewsLayout6Component.displayName = 'NewsLayout6Component';\r\nexport default NewsLayout6Component;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { newsLabels as labels } from '../../lib/i18n';\r\nimport { AUNewsHelpers } from '../../lib/au-news';\r\n\r\nconst NewsLayout7Component = (props) => {\r\n const {\r\n item,\r\n listid,\r\n setPopupItem,\r\n lang,\r\n } = props;\r\n if (!item) {\r\n return ;\r\n }\r\n\r\n const i = AUNewsHelpers.setExternal(item);\r\n const domID = `news-${listid}-${i.id}`;\r\n\r\n return (\r\n - \r\n {renderItems}\r\n
\r\n
\r\n );\r\n};\r\n\r\nNewsLayout7Component.propTypes = {\r\n lang: PropTypes.string.isRequired,\r\n item: PropTypes.shape({\r\n id: PropTypes.number.isRequired,\r\n header: PropTypes.string.isRequired,\r\n subheader: PropTypes.string.isRequired,\r\n url: PropTypes.string.isRequired,\r\n external: PropTypes.bool.isRequired,\r\n }).isRequired,\r\n listid: PropTypes.number.isRequired,\r\n setPopupItem: PropTypes.func.isRequired,\r\n};\r\n\r\nNewsLayout7Component.displayName = 'NewsLayout7Component';\r\nexport default NewsLayout7Component;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { newsLabels as labels } from '../../lib/i18n';\r\nimport { AUNewsHelpers } from '../../lib/au-news';\r\n\r\nconst NewsLayout8Component = (props) => {\r\n const {\r\n item,\r\n listid,\r\n setPopupItem,\r\n lang,\r\n } = props;\r\n if (!item) {\r\n return ;\r\n }\r\n\r\n const i = AUNewsHelpers.setExternal(item);\r\n const domID = `news-${listid}-${i.id}`;\r\n\r\n return (\r\n \r\n \r\n
\r\n {i.subheader}
\r\n- \r\n
- \r\n
\r\n
\r\n );\r\n};\r\n\r\nNewsLayout8Component.propTypes = {\r\n lang: PropTypes.string.isRequired,\r\n item: PropTypes.shape({\r\n id: PropTypes.number.isRequired,\r\n header: PropTypes.string.isRequired,\r\n subheader: PropTypes.string.isRequired,\r\n url: PropTypes.string.isRequired,\r\n external: PropTypes.bool.isRequired,\r\n }).isRequired,\r\n listid: PropTypes.number.isRequired,\r\n setPopupItem: PropTypes.func.isRequired,\r\n};\r\n\r\nNewsLayout8Component.displayName = 'NewsLayout8Component';\r\nexport default NewsLayout8Component;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport EventLayout1Component from './EventLayout1Component';\r\nimport EventLayout2Component from './EventLayout2Component';\r\nimport EventLayout3Component from './EventLayout3Component';\r\nimport NewsLayout1Component from './NewsLayout1Component';\r\nimport NewsLayout2Component from './NewsLayout2Component';\r\nimport NewsLayout3Component from './NewsLayout3Component';\r\nimport NewsLayout4Component from './NewsLayout4Component';\r\nimport NewsLayout5Component from './NewsLayout5Component';\r\nimport NewsLayout6Component from './NewsLayout6Component';\r\nimport NewsLayout7Component from './NewsLayout7Component';\r\nimport NewsLayout8Component from './NewsLayout8Component';\r\n\r\nconst NewsColumnsComponent = (props) => {\r\n const layouts = [\r\n \r\n \r\n
\r\n - \r\n
- \r\n
\r\n {renderItems}\r\n
\r\n );\r\n });\r\n\r\n return (\r\n \r\n {renderColumns}\r\n
\r\n );\r\n};\r\n\r\nNewsColumnsComponent.propTypes = {\r\n type: PropTypes.string.isRequired,\r\n cols: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\r\n items: PropTypes.shape({}).isRequired,\r\n setPopupItem: PropTypes.func.isRequired,\r\n incrementPointer: PropTypes.func.isRequired,\r\n listid: PropTypes.number.isRequired,\r\n lang: PropTypes.bool.isRequired,\r\n};\r\n\r\nNewsColumnsComponent.displayName = 'NewsColumnsComponent';\r\nexport default NewsColumnsComponent;\r\n","/* eslint jsx-a11y/click-events-have-key-events: 0 */\r\n/* eslint jsx-a11y/no-noninteractive-element-interactions: 0 */\r\n/* eslint jsx-a11y/interactive-supports-focus: 0 */\r\n/* eslint jsx-a11y/control-has-associated-label: 0 */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { newsLabels as labels } from '../../lib/i18n';\r\n\r\nclass NewsRSSComponent extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n wide: false,\r\n };\r\n }\r\n\r\n render() {\r\n const { wide } = this.state;\r\n const { url, lang } = this.props;\r\n return (\r\n - \r\n
\r\n {'RSS '}\r\n feed\r\n
\r\n{labels[lang].news.rssCopy}
\r\n \r\n \r\n );\r\n }\r\n return null;\r\n })()}\r\n \r\n\r\n \r\n
\r\n );\r\n }\r\n\r\n return children || content;\r\n }\r\n}\r\n\r\nAUSpinnerComponent.defaultProps = {\r\n domID: 'au-spinner-component',\r\n visible: false,\r\n columns: 'large-12 medium-12 small-12',\r\n content: null,\r\n children: null,\r\n onLoad: () => {},\r\n};\r\n\r\nAUSpinnerComponent.propTypes = {\r\n /**\r\n * Relevant ved mere end en spinner per side\r\n */\r\n domID: PropTypes.string,\r\n /**\r\n * Om den er synlig på skærmen ved indlæsning\r\n */\r\n visible: PropTypes.bool,\r\n columns: PropTypes.string,\r\n content: PropTypes.element,\r\n children: PropTypes.element,\r\n loaded: PropTypes.bool.isRequired,\r\n loadingCondition: PropTypes.bool.isRequired,\r\n onLoad: PropTypes.func,\r\n};\r\n\r\nAUSpinnerComponent.displayName = 'AUSpinnerComponent';\r\nexport default AUSpinnerComponent;\r\n","/* eslint-env browser */\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport PropTypes from 'prop-types';\r\nimport EventLayout1Component from './EventLayout1Component';\r\nimport EventLayout2Component from './EventLayout2Component';\r\nimport EventLayout3Component from './EventLayout3Component';\r\nimport NewsLayout1Component from './NewsLayout1Component';\r\nimport NewsLayout2Component from './NewsLayout2Component';\r\nimport NewsLayout3Component from './NewsLayout3Component';\r\nimport NewsLayout4Component from './NewsLayout4Component';\r\nimport NewsLayout5Component from './NewsLayout5Component';\r\nimport NewsLayout6Component from './NewsLayout6Component';\r\nimport NewsLayout7Component from './NewsLayout7Component';\r\nimport NewsLayout8Component from './NewsLayout8Component';\r\nimport NewsColumnsComponent from './NewsColumnsComponent';\r\nimport NewsRSSComponent from './NewsRSSComponent';\r\nimport AUSpinnerComponent from '../AUSpinnerComponent';\r\nimport { newsLabels as labels } from '../../lib/i18n';\r\nimport { AUNewsConfig } from '../../lib/au-news';\r\n\r\nclass NewsListComponent extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.pointer = -1;\r\n this.layouts = [\r\n \r\n {renderElements}\r\n {(() => {\r\n if (more) {\r\n return (\r\n \r\n {labels[lang].news.listLoadMore}\r\n \r\n );\r\n }\r\n return null;\r\n })()}\r\n
,\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n const additionalInfo = item.links.length > 0\r\n || item.related.length > 0\r\n || item.files.length > 0;\r\n const renderCategories = null; /* item.categories ? item.categories.map(\r\n (c, j) => (\r\n \r\n {`${j === 0 ? '' : ', '} ${c.category}`}\r\n \r\n ),\r\n ) : ''; */\r\n\r\n const printUrl = window.location.href.replace(window.location.hash, `?newsprint=true${window.location.hash}`);\r\n\r\n return (\r\n \r\n {\r\n window.location.hash = '';\r\n }}\r\n />\r\n
\r\n );\r\n }\r\n}\r\n\r\nNewsPopUpComponent.propTypes = {\r\n lang: PropTypes.string.isRequired,\r\n print: PropTypes.bool.isRequired,\r\n item: PropTypes.shape({\r\n type: PropTypes.number.isRequired,\r\n id: PropTypes.number.isRequired,\r\n header: PropTypes.string.isRequired,\r\n subheader: PropTypes.string.isRequired,\r\n url: PropTypes.string.isRequired,\r\n permalink: PropTypes.string.isRequired,\r\n comments_closed: PropTypes.bool.isRequired,\r\n links: PropTypes.arrayOf(PropTypes.shape({\r\n href: PropTypes.string.isRequired,\r\n text: PropTypes.string.isRequired,\r\n })).isRequired,\r\n categories: PropTypes.arrayOf(PropTypes.shape({\r\n category: PropTypes.string.isRequired,\r\n })).isRequired,\r\n files: PropTypes.arrayOf(PropTypes.shape({\r\n href: PropTypes.string.isRequired,\r\n text: PropTypes.string.isRequired,\r\n })).isRequired,\r\n related: PropTypes.arrayOf(PropTypes.shape({\r\n id: PropTypes.number.isRequired,\r\n text: PropTypes.string.isRequired,\r\n })).isRequired,\r\n event_from: PropTypes.shape({\r\n date: PropTypes.string,\r\n time: PropTypes.string,\r\n }),\r\n event_to: PropTypes.shape({\r\n date: PropTypes.string,\r\n time: PropTypes.string,\r\n }),\r\n event_where: PropTypes.string.isRequired,\r\n event_regfrom: PropTypes.shape({\r\n date: PropTypes.string,\r\n time: PropTypes.string,\r\n }),\r\n event_regto: PropTypes.shape({\r\n date: PropTypes.string,\r\n time: PropTypes.string,\r\n }),\r\n event_regurl: PropTypes.string.isRequired,\r\n date: PropTypes.string.isRequired,\r\n autor: PropTypes.shape({\r\n email: PropTypes.string.isRequired,\r\n name: PropTypes.string.isRequired,\r\n }).isRequired,\r\n image: PropTypes.shape({\r\n src: PropTypes.string.isRequired,\r\n href: PropTypes.string.isRequired,\r\n title: PropTypes.string.isRequired,\r\n width: PropTypes.string.isRequired,\r\n height: PropTypes.string.isRequired,\r\n layout5: PropTypes.string.isRequired,\r\n }),\r\n subimages: PropTypes.arrayOf(PropTypes.shape({\r\n href: PropTypes.string.isRequired,\r\n title: PropTypes.string.isRequired,\r\n width: PropTypes.string.isRequired,\r\n height: PropTypes.string.isRequired,\r\n })),\r\n layout: PropTypes.string.isRequired,\r\n content: PropTypes.string.isRequired,\r\n }).isRequired,\r\n id: PropTypes.number.isRequired,\r\n};\r\n\r\nNewsPopUpComponent.displayName = 'NewsPopUpComponent';\r\nexport default NewsPopUpComponent;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { AUNewsHelpers } from '../../lib/au-news';\r\n\r\nconst NewsCollageBannerComponent = (props) => {\r\n const {\r\n lang,\r\n item,\r\n title,\r\n type,\r\n } = props;\r\n const className = `aubanner hastext aubanner-2 ${(type === 'events' ? 'bg-dark-magenta' : 'bg-dark-staff')}`;\r\n const isEvent = AUNewsHelpers.typeIdToText(item.type) === 'event';\r\n let multipleDates = false;\r\n let dateStr = item.date;\r\n if (isEvent) {\r\n const { fromDate, toDate } = AUNewsHelpers.getEventDates(item, lang);\r\n multipleDates = fromDate.getTime() !== toDate.getTime();\r\n dateStr = `${item.event_from.date} ${item.event_from.time} - ${(multipleDates ? `${item.event_to.date} ` : '')}${item.event_to.time}`;\r\n }\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nNewsCollageBannerComponent.propTypes = {\r\n lang: PropTypes.string.isRequired,\r\n item: PropTypes.shape({\r\n image: PropTypes.shape({\r\n href: PropTypes.string.isRequired,\r\n }).isRequired,\r\n header: PropTypes.string.isRequired,\r\n event_from: PropTypes.shape({\r\n date: PropTypes.string.isRequired,\r\n time: PropTypes.string.isRequired,\r\n }).isRequired,\r\n event_to: PropTypes.shape({\r\n date: PropTypes.string.isRequired,\r\n time: PropTypes.string.isRequired,\r\n }).isRequired,\r\n event_where: PropTypes.string.isRequired,\r\n url: PropTypes.string.isRequired,\r\n type: PropTypes.string.isRequired,\r\n date: PropTypes.string.isRequired,\r\n subheader: PropTypes.string.isRequired,\r\n }).isRequired,\r\n title: PropTypes.string.isRequired,\r\n type: PropTypes.string.isRequired,\r\n};\r\n\r\nNewsCollageBannerComponent.displayName = 'NewsCollageBannerComponent';\r\nexport default NewsCollageBannerComponent;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst appendZero = (datePart) => `${datePart < 10 ? '0' : ''}${datePart}`;\r\nconst strDateTime = (dateTime, lang, showTime = false) => {\r\n if (lang === 'da') {\r\n if (showTime) {\r\n return `${appendZero(dateTime.getDate())}.${appendZero(dateTime.getMonth() + 1)}.${dateTime.getFullYear()} ${appendZero(dateTime.getHours())}:${appendZero(dateTime.getMinutes())}`;\r\n }\r\n return `${appendZero(dateTime.getDate())}.${appendZero(dateTime.getMonth() + 1)}.${dateTime.getFullYear()}`;\r\n }\r\n\r\n if (showTime) {\r\n return `${appendZero(dateTime.getMonth() + 1)}.${appendZero(dateTime.getDate())}.${dateTime.getFullYear()} ${appendZero(dateTime.getHours())}:${appendZero(dateTime.getMinutes())}`;\r\n }\r\n\r\n return `${appendZero(dateTime.getMonth() + 1)}.${appendZero(dateTime.getDate())}.${dateTime.getFullYear()}`;\r\n};\r\n\r\nconst NewsCollageBannerComponent = (props) => {\r\n const {\r\n lang,\r\n item,\r\n title,\r\n type,\r\n } = props;\r\n const className = `aubanner hastext aubanner-2 ${(type === 'events' ? 'bg-dark-magenta' : 'bg-dark-staff')}`;\r\n const isEvent = item.Type === 1; // Enum fra C#\r\n const published = new Date(item.Published);\r\n let dateStr = strDateTime(published, lang);\r\n\r\n if (isEvent) {\r\n const eventFrom = new Date(item.EventFrom);\r\n const eventTo = new Date(item.EventTo);\r\n const multipleDates = eventFrom !== eventTo;\r\n dateStr = `${strDateTime(eventFrom, lang, true)}${multipleDates ? ` – ${strDateTime(eventTo, lang, true)}` : ''}`;\r\n }\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nNewsCollageBannerComponent.propTypes = {\r\n lang: PropTypes.string.isRequired,\r\n item: PropTypes.shape({\r\n Published: PropTypes.instanceOf(Date).isRequired,\r\n Type: PropTypes.number.isRequired,\r\n Image: PropTypes.string.isRequired,\r\n Header: PropTypes.string.isRequired,\r\n SubHeader: PropTypes.string.isRequired,\r\n Uri: PropTypes.string.isRequired,\r\n EventWhere: PropTypes.string.isRequired,\r\n EventFrom: PropTypes.instanceOf(Date).isRequired,\r\n EventTo: PropTypes.instanceOf(Date).isRequired,\r\n }).isRequired,\r\n title: PropTypes.string.isRequired,\r\n type: PropTypes.string.isRequired,\r\n};\r\n\r\nNewsCollageBannerComponent.displayName = 'NewsCollageBannerComponent';\r\nexport default NewsCollageBannerComponent;\r\n","/* eslint-env browser */\r\n/* eslint max-classes-per-file: 0 */\r\n/* eslint class-methods-use-this: 0 */\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport NewsListComponent from '../components/news/NewsListComponent';\r\nimport NewsPopUpComponent from '../components/news/NewsPopUpComponent';\r\nimport NewsCollageBannerComponent from '../components/news/NewsCollageBannerComponent';\r\nimport NewsCollageBannerRSSComponent from '../components/news/NewsCollageBannerRSSComponent';\r\nimport { isElementInViewport } from './helpers';\r\n\r\nconst AUNewsConfig = {\r\n server: window.newsServer || '//news.au.dk',\r\n newsUrl: `${window.location.href.replace(window.location.hash, '').replace('#', '')}#news-`,\r\n useOverlay: !(typeof window.useOverlay !== 'undefined' && !window.useOverlay),\r\n useSyndication: !(typeof window.useSyndication !== 'undefined' && !window.useSyndication),\r\n tagStrip: new RegExp(/<(?!\\/?sub|sup(?=>|\\s.*>))\\/?.*?>/ig),\r\n};\r\n\r\nclass AUNewsHelpers {\r\n static typeIdToText(_id) {\r\n let id = _id;\r\n id = parseInt(id, 10);\r\n if (id === 0 || id === 2) {\r\n return 'news';\r\n }\r\n if (id === 4 || id === 7) {\r\n return 'event';\r\n }\r\n if (id === 9) {\r\n return 'notice';\r\n }\r\n return '';\r\n }\r\n\r\n static getEventDates(item, lang) {\r\n const fromDateSplit = item.event_from.date.split('.');\r\n let fromDate;\r\n if (lang === 'en') {\r\n fromDate = new Date(\r\n parseInt(fromDateSplit[0], 10),\r\n parseInt(fromDateSplit[1], 10) - 1,\r\n parseInt(fromDateSplit[2], 10),\r\n );\r\n } else {\r\n fromDate = new Date(\r\n parseInt(fromDateSplit[2], 10),\r\n parseInt(fromDateSplit[1], 10) - 1,\r\n parseInt(fromDateSplit[0], 10),\r\n );\r\n }\r\n\r\n const toDateSplit = item.event_to.date.split('.');\r\n let toDate;\r\n if (lang === 'en') {\r\n toDate = new Date(\r\n parseInt(toDateSplit[0], 10),\r\n parseInt(toDateSplit[1], 10) - 1,\r\n parseInt(toDateSplit[2], 10),\r\n );\r\n } else {\r\n toDate = new Date(\r\n parseInt(toDateSplit[2], 10),\r\n parseInt(toDateSplit[1], 10) - 1,\r\n parseInt(toDateSplit[0], 10),\r\n );\r\n }\r\n\r\n return {\r\n fromDate,\r\n toDate,\r\n fromDateSplit,\r\n toDateSplit,\r\n };\r\n }\r\n\r\n static setExternal(_item) {\r\n const item = _item;\r\n const ttType = parseInt(item.type, 10);\r\n item.external = ttType !== 0 && ttType !== 4 && ttType !== 9;\r\n // \"News\" eller \"Event\" eller \"Notice\"\r\n item.url = !item.external\r\n && AUNewsConfig.useOverlay ? (AUNewsConfig.newsUrl + item.id) : item.permalink;\r\n return item;\r\n }\r\n\r\n static getNewsID(search) {\r\n const reNewsId = /^#?news-(.*)$/;\r\n const match = search.match(reNewsId);\r\n if (match !== null) {\r\n return match[1];\r\n }\r\n\r\n return -1;\r\n }\r\n\r\n static isiPad() {\r\n return (/iPad/i).test(navigator.userAgent);\r\n }\r\n}\r\n\r\nclass AUNews {\r\n constructor(lang, feeds) {\r\n this.lang = lang;\r\n this.feeds = feeds || [];\r\n this.item = null;\r\n this.setItem = this.setItem.bind(this);\r\n }\r\n\r\n setItem(item) {\r\n this.item = item;\r\n }\r\n\r\n setPopUp() {\r\n const qsNewsPrint = AU.helpers.getQuerystring('newsprint');\r\n const print = qsNewsPrint !== '';\r\n const openPopUp = () => {\r\n const newsID = AUNewsHelpers.getNewsID(window.location.hash);\r\n let mountNode = document.getElementById('au_news_popup');\r\n if (print) {\r\n mountNode = document.querySelector('body');\r\n }\r\n if (parseInt(newsID, 10) > -1) {\r\n if (this.item != null) {\r\n const trackerLink = `/virtual/news/${AUNewsHelpers.typeIdToText(this.item.type)}/open-list/id-${this.item.id}/${this.item.permalink}`;\r\n AU.tracking.trackSingle(trackerLink);\r\n }\r\n // Would like to use portal here, but it won't work \"standalone\"\r\n ReactDOM.render(\r\n \r\n
\r\n \r\n \r\n {\r\n e.preventDefault();\r\n window.open(printUrl, '', 'width=1025,height=600');\r\n }}\r\n >\r\n Print\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {(() => {\r\n if (!item.comments_closed) {\r\n return ;\r\n }\r\n return null;\r\n })()}\r\n \r\n {item.date}\r\n \r\n | \r\n \r\n {item.author.name}\r\n \r\n \r\n
\r\n );\r\n }\r\n return null;\r\n })()}\r\n {(() => {\r\n if (item.image.src !== '' && item.layout === 'Standard') {\r\n return (\r\n\r\n \r\n
\r\n );\r\n }\r\n return null;\r\n })()}\r\n {(() => {\r\n if (item.event_from) {\r\n const fromDateSplit = item.event_from.date.split('.');\r\n const toDateSplit = item.event_to.date.split('.');\r\n let fromDate;\r\n let toDate;\r\n\r\n if (lang === 'en') {\r\n fromDate = new Date(\r\n parseInt(fromDateSplit[0], 10),\r\n parseInt(fromDateSplit[1], 10) - 1,\r\n parseInt(fromDateSplit[2], 10),\r\n );\r\n toDate = new Date(\r\n parseInt(toDateSplit[0], 10),\r\n parseInt(toDateSplit[1], 10) - 1,\r\n parseInt(toDateSplit[2], 10),\r\n );\r\n } else {\r\n fromDate = new Date(\r\n parseInt(fromDateSplit[2], 10),\r\n parseInt(fromDateSplit[1], 10) - 1,\r\n parseInt(fromDateSplit[0], 10),\r\n );\r\n toDate = new Date(\r\n parseInt(toDateSplit[2], 10),\r\n parseInt(toDateSplit[1], 10) - 1,\r\n parseInt(toDateSplit[0], 10),\r\n );\r\n }\r\n\r\n const differentDays = !(\r\n toDate.getFullYear() === fromDate.getFullYear()\r\n && toDate.getMonth() === fromDate.getMonth()\r\n && toDate.getDate() === fromDate.getDate()\r\n );\r\n\r\n return (\r\n {item.image.title}
\r\n\r\n \r\n
\r\n {(() => {\r\n if (item.event_regurl !== '') {\r\n if (lang === 'da' && item.event_regfrom && item.event_regto) {\r\n const regFromDateSplit = item.event_regfrom.date.split('.');\r\n item.event_regfrom.date = `${regFromDateSplit[2]}.${regFromDateSplit[1]}.${regFromDateSplit[0]}`;\r\n const regToDateSplit = item.event_regto.date.split('.');\r\n item.event_regto.date = `${regToDateSplit[2]}.${regToDateSplit[1]}.${regToDateSplit[0]}`;\r\n }\r\n\r\n if (!(item.event_regfrom && item.event_regto) || (new Date() > new Date(item.event_regfrom.date.replace(/\\./g, '-')) && new Date() < new Date(item.event_regto.date.replace(/\\./g, '-')))) {\r\n return (\r\n \r\n -1 ? 'mailto:' : '') + item.event_regurl}>{labels[lang].news.eventRegistration}\r\n \r\n );\r\n }\r\n }\r\n return null;\r\n })()}\r\n
\r\n );\r\n }\r\n return null;\r\n })()}\r\n {(() => {\r\n const renderSubImages = item.subimages.map((s) => (\r\n | {labels[lang].news.eventDate} | \r\n\r\n \r\n \r\n {`${labels[lang].news.weekdays[fromDate.getDay()]} `}\r\n \r\n \r\n {`${fromDate.getDate() + (lang === 'da' ? '.' : '')} `}\r\n \r\n \r\n {`${labels[lang].news.months[fromDate.getMonth()]} ${fromDate.getFullYear()}`}\r\n \r\n \r\n {(() => {\r\n if (differentDays) {\r\n return (\r\n \r\n — \r\n \r\n \r\n {`${labels[lang].news.weekdays[toDate.getDay()]} `}\r\n \r\n \r\n {`${toDate.getDate() + (lang === 'da' ? '.' : '')} `}\r\n \r\n \r\n {`${labels[lang].news.months[toDate.getMonth()]} ${toDate.getFullYear()}`}\r\n \r\n \r\n \r\n );\r\n }\r\n return null;\r\n })()}\r\n\r\n | \r\n
| {labels[lang].news.eventTime} | \r\n\r\n {item.event_from.time}\r\n {(() => {\r\n if (!differentDays) {\r\n return (\r\n \r\n — \r\n {item.event_to.time}\r\n \r\n );\r\n }\r\n return null;\r\n })()}\r\n | \r\n
| {labels[lang].news.eventWhere} | \r\n{item.event_where} | \r\n
\r\n \r\n 
\r\n \r\n
\r\n ));\r\n\r\n if (item.image.src !== '' && item.image.layout5 !== '' && item.layout === 'Alternativ 1') {\r\n return (\r\n \r\n {s.title}\r\n
\r\n\r\n
\r\n );\r\n }\r\n\r\n if (item.subimages.length > 0 && item.image.src !== '' && item.layout === 'Standard') {\r\n return (\r\n \r\n \r\n 
\r\n \r\n
\r\n {renderSubImages}\r\n \r\n \r\n \r\n {item.image.title}\r\n
\r\n\r\n {renderSubImages}\r\n
\r\n );\r\n }\r\n return null;\r\n })()}\r\n \r\n {item.date}\r\n \r\n | \r\n \r\n {item.author.name}\r\n \r\n \r\n
\r\n );\r\n }\r\n return null;\r\n })()}\r\n\r\n {renderCategories}\r\n
\r\n \r\n {item.permalink}\r\n
\r\n {(() => {\r\n if (additionalInfo) {\r\n const renderLinks = item.links.map((l) => {l.text});\r\n\r\n const renderRelated = item.related.map((r) => (\r\n \r\n {r.text}\r\n {` ${r.date}`}\r\n \r\n ));\r\n\r\n const renderFiles = item.files.map((f) => {f.text});\r\n\r\n return (\r\n \r\n {(() => {\r\n if (item.links.length > 0) {\r\n return (\r\n
\r\n );\r\n }\r\n return null;\r\n })()}\r\n - \r\n
- Links \r\n
- \r\n {renderLinks}\r\n \r\n
- \r\n
- {lang === 'da' ? 'Læs også' : 'Read more'} \r\n
- \r\n {renderRelated}\r\n \r\n
- \r\n
- Download \r\n
- \r\n {renderFiles}\r\n \r\n
;\r\n }\r\n return null;\r\n })()}\r\n