{counter}
\n * }\n */\n\nexport var useSelector = /*#__PURE__*/createSelectorHook();","import Provider from './components/Provider';\nimport connectAdvanced from './components/connectAdvanced';\nimport { ReactReduxContext } from './components/Context';\nimport connect from './connect/connect';\nimport { useDispatch, createDispatchHook } from './hooks/useDispatch';\nimport { useSelector, createSelectorHook } from './hooks/useSelector';\nimport { useStore, createStoreHook } from './hooks/useStore';\nimport { setBatch } from './utils/batch';\nimport { unstable_batchedUpdates as batch } from './utils/reactBatchedUpdates';\nimport shallowEqual from './utils/shallowEqual';\nsetBatch(batch);\nexport { Provider, connectAdvanced, ReactReduxContext, connect, batch, useDispatch, createDispatchHook, useSelector, createSelectorHook, useStore, createStoreHook, shallowEqual };","/* eslint-env browser */\n/* NO IMPORTS! */\n\nconst { serviceScopeProfile } = window; // Sættes pr. webapp\n\nconst sortAlphaObj = (a, b) => {\n if (typeof a.name !== 'undefined' && typeof b.name !== 'undefined') {\n return a.name.toLowerCase().localeCompare(b.name.toLowerCase(), 'da', { ignorePunctuation: true });\n }\n return 0;\n};\n\nconst isElementInViewport = (element) => {\n if (element === null) {\n return false;\n }\n\n const rect = element.getBoundingClientRect();\n\n return rect.bottom > 0\n && rect.right > 0\n && rect.left < (window.innerWidth || document.documentElement.clientWidth)\n && rect.top < (window.innerHeight || document.documentElement.clientHeight);\n};\n\nconst isElementPartlyInViewport = (element) => {\n let top = element.offsetTop;\n let left = element.offsetLeft;\n const width = element.offsetWidth;\n const height = element.offsetHeight;\n\n let offsetElement = element;\n while (offsetElement.offsetParent) {\n offsetElement = element.offsetParent;\n top += element.offsetTop;\n left += element.offsetLeft;\n }\n\n return (\n top < (window.pageYOffset + window.innerHeight)\n && left < (window.pageXOffset + window.innerWidth)\n && (top + height) > window.pageYOffset\n && (left + width) > window.pageXOffset\n );\n};\n\nconst setCookie = (cookieName, value, maxAge = null, exdays = null, path = ';path=/;domain=au.dk') => {\n let cookieValue = encodeURI(value);\n if (exdays != null) {\n const exdate = new Date();\n exdate.setDate(exdate.getDate() + exdays);\n cookieValue = `${cookieValue}; expires=${exdate.toUTCString()}`;\n } else if (maxAge != null) {\n cookieValue = `${cookieValue}; max-age=${maxAge}`;\n }\n\n document.cookie = `${cookieName}=${cookieValue}${path}`;\n};\n\nconst getCookie = (cookieName) => {\n let cookieValue = document.cookie;\n let cookieStart = cookieValue.indexOf(` ${cookieName}=`);\n if (cookieStart === -1) {\n cookieStart = cookieValue.indexOf(`${cookieName}=`);\n }\n if (cookieStart === -1) {\n cookieValue = null;\n } else {\n cookieStart = cookieValue.indexOf('=', cookieStart) + 1;\n let cookieEnd = cookieValue.indexOf(';', cookieStart);\n if (cookieEnd === -1) {\n cookieEnd = cookieValue.length;\n }\n cookieValue = decodeURI(cookieValue.substring(cookieStart, cookieEnd));\n }\n return cookieValue;\n};\n\nconst addToSessionStorage = (key, data) => {\n if (window.sessionStorage) {\n sessionStorage.setItem(key, JSON.stringify(data));\n }\n\n return data;\n};\n\nconst getFromSessionStorage = (key) => {\n if (window.sessionStorage) {\n const data = sessionStorage.getItem(key);\n if (data) {\n return JSON.parse(data);\n }\n }\n\n return null;\n};\n\nconst addToLocalStorage = (key, data) => {\n if (window.localStorage) {\n localStorage.setItem(key, JSON.stringify(data));\n }\n\n return data;\n};\n\nconst getFromLocalStorage = (key) => {\n if (window.localStorage) {\n const data = localStorage.getItem(key);\n if (data) {\n return JSON.parse(data);\n }\n }\n\n return null;\n};\n\nconst setContextInSession = (key, data, clearPrevious = true) => {\n if (clearPrevious) {\n Object.entries(window.sessionStorage).forEach((entry) => {\n const entryKey = entry[0];\n if (entryKey.includes('user-context')) {\n window.sessionStorage.removeItem(entryKey);\n }\n });\n }\n window.sessionStorage.setItem(`user-context-${key}`, data);\n};\n\nconst getContextFromSession = (key = '', any = false) => {\n if (any) {\n let foundContext = null;\n Object.entries(window.sessionStorage).forEach((entry) => {\n const entryKey = entry[0];\n if (entryKey.includes('user-context')) {\n foundContext = window.sessionStorage.getItem(entryKey);\n }\n });\n return foundContext;\n }\n\n return window.sessionStorage.getItem(`user-context-${key}`);\n};\n\n// Credits: http://blog.vishalon.net/index.php/javascript-getting-and-setting-caret-position-in-textarea/\nconst setCaretPosition = (element, pos) => {\n // Modern browsers\n if (element && element.setSelectionRange) {\n element.focus();\n element.setSelectionRange(pos, pos);\n }\n};\n\nconst splitPhoneNumber = (countryCodes, phoneNumber) => {\n const countryCodeFound = (code) => countryCodes.filter(\n (x) => x.code === parseInt(code, 10),\n ).length > 0;\n\n const findPrefix = () => {\n const skip = '+';\n let count = 1;\n let prefix = countryCodes.find((x) => x.important).code;\n while (count < phoneNumber.length) {\n const split = phoneNumber.substring(skip.length, skip.length + count);\n if (countryCodeFound(split)) {\n prefix = split;\n }\n count += 1;\n }\n return skip + prefix;\n };\n\n const prefix = findPrefix();\n return {\n prefix,\n number: phoneNumber.replace(prefix, ''),\n };\n};\n\nconst prettyPrintPhone = (countryCodes, phone) => {\n if (phone) {\n const { prefix, number } = splitPhoneNumber(countryCodes, phone);\n return `${prefix} ${number.match(/\\d{1,2}/g).join(' ')}`;\n }\n return '';\n};\n\nconst getAccessToken = (auAuth, serviceScope, callback) => {\n auAuth.getAccessToken([serviceScope]).then((accessToken) => {\n callback(accessToken.accessToken);\n });\n};\n\nconst parseError = (errorArray) => errorArray.map((e) => e.errorMessage).join(', ');\n\nconst scrollTo = (x = 0, y = 0) => window.scrollTo(x, y);\n\nexport {\n sortAlphaObj,\n isElementInViewport,\n isElementPartlyInViewport,\n setCookie,\n getCookie,\n addToLocalStorage,\n getFromLocalStorage,\n addToSessionStorage,\n getFromSessionStorage,\n setCaretPosition,\n getAccessToken,\n serviceScopeProfile,\n splitPhoneNumber,\n prettyPrintPhone,\n parseError,\n scrollTo,\n setContextInSession,\n getContextFromSession,\n};\n","/* eslint-env browser */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { isElementInViewport } from '../lib/helpers';\n/**\n * AU Spinner Komponent\n * Bliver brugt til lazy-loading af elementer, der først skal indlæses når de er synlige.\n *\n * Eksempel:\n * ```jsx\n * \n \n
\n );\n }\n\n return children || content;\n }\n}\n\nAUSpinnerComponent.defaultProps = {\n domID: 'au-spinner-component',\n visible: false,\n columns: 'large-12 medium-12 small-12',\n content: null,\n children: null,\n onLoad: () => {},\n};\n\nAUSpinnerComponent.propTypes = {\n /**\n * Relevant ved mere end en spinner per side\n */\n domID: PropTypes.string,\n /**\n * Om den er synlig på skærmen ved indlæsning\n */\n visible: PropTypes.bool,\n columns: PropTypes.string,\n content: PropTypes.element,\n children: PropTypes.element,\n loaded: PropTypes.bool.isRequired,\n loadingCondition: PropTypes.bool.isRequired,\n onLoad: PropTypes.func,\n};\n\nAUSpinnerComponent.displayName = 'AUSpinnerComponent';\nexport default AUSpinnerComponent;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst FilterListComponent = (props) => {\n const {\n visible,\n headline,\n renderElements,\n onClose,\n mobile,\n } = props;\n let className = 'au-vacancy-filter-list';\n if (visible) {\n className += ' visible';\n }\n if (mobile) {\n className += ' mobile';\n }\n return (\n \n {headline}\n {\n onClose();\n }}\n >\n c\n \n
\n );\n};\n\nFilterListComponent.defaultProps = {\n mobile: false,\n};\n\nFilterListComponent.propTypes = {\n mobile: PropTypes.bool,\n visible: PropTypes.bool.isRequired,\n headline: PropTypes.string.isRequired,\n renderElements: PropTypes.arrayOf(PropTypes.element).isRequired,\n onClose: PropTypes.func.isRequired,\n};\n\nFilterListComponent.displayName = 'FilterListComponent';\nexport default FilterListComponent;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst filterDelay = 100;\n\nclass FilterListItemComponent extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n selected: false,\n };\n }\n\n render() {\n const { item, setSelected, children } = this.props;\n const { selected } = this.state;\n const className = selected ? 'item-selected' : null;\n return (\n - \n {renderElements}\n
ingen ledige stillinger',\n emptyBtnLink: '//www.au.dk/om/ledige-stillinger/',\n emptyBtnLabel: 'Andre ledige stillinger på Aarhus Universitet',\n noResults: '
Øv, vi har desværre ingen ledige stillinger, der matcher dine valg.
Prøv eventuelt at ændre dine valg.
',\n noResultsFaculty: 'Øv, vi har desværre ingen ledige stillinger, der matcher dine valg.
Prøv eventuelt at ændre dine valg eller se ledige stillinger for hele Aarhus Universitet.
',\n list: {\n deadline: 'Ansøgningsfrist',\n fulltime: 'Fuldtidsstilling',\n parttime: 'Deltid',\n parttimeFull: 'Deltidsstilling',\n hours: 'timer',\n prWeek: 'pr. uge',\n expected: 'Forventet start',\n timelimit: 'Tidsbegrænset',\n },\n locations: {\n aarhus: 'Aarhus',\n cph: 'København',\n herning: 'Herning',\n foulum: 'Foulum, Viborg Kommune',\n roskilde: 'Roskilde',\n jutland: 'Jylland',\n zealand: 'Sjælland, Fyn og øerne',\n outside: 'Udenfor Danmark',\n },\n jobbankLink: '',\n jobbankLinkText: 'Log ind og opret jobagent',\n jobbankHeader: 'Vil du have besked om nye ledige stillinger?',\n jobbankText: 'Opret dig i vores karrierecenter og lav din helt egen jobagent.',\n },\n en: {\n fullTime: 'Full-time',\n partTime: 'Part-time',\n filterButtons: {\n vip: 'Academic and teaching',\n tap: 'Administrative and technical',\n phd: 'PhD positions',\n location: 'Place of work',\n hours: 'Hours per week',\n area: 'Field',\n },\n available: 'vacant positions',\n availableSingle: 'vacant position',\n on: 'at',\n none: 'No',\n matches: 'matches your choices',\n matchesSingle: 'match your choices',\n filter: 'Add filter',\n select: {\n type: 'Select type of job',\n location: 'Select city or region',\n hours: 'Select working hours',\n area: 'Select faculty or unit',\n },\n areas: {\n ar: 'Culture, society, pedagogics, theology, languages, aesthetics, education, communication',\n he: 'Medicine, public health, odontology, biomedicine, forensic medicine, sport science, dental hygiene, nursing',\n nat: 'Biology, physics and astronomy, chemistry, geology, mathematics, computer science, molecular biology and nanoscience',\n tech: 'Engineering, environmental science, agricultural science, food science, public sector consultancy',\n bss: 'Business, society, law, psychology, economics, management, business development',\n aias: 'Independent basic research and talent development within all fields',\n },\n empty: 'At the moment we haveno vacant positions',\n emptyBtnLink: '//international.au.dk/about/profile/vacant-positions/',\n emptyBtnLabel: 'Other vacant positions at Aarhus University',\n noResults: '
Sorry, we have no vacant positions that match your choices.
Please, try chancing your choices.
',\n noResultsFaculty: 'Sorry, we have no vacant positions that match your choices.
Please, try chancing your choices or go to all vacant positions at Aarhus University.
',\n list: {\n deadline: 'Deadline',\n fulltime: 'Full-time position',\n parttime: 'Part-time',\n parttimeFull: 'Part-time position',\n hours: 'hours',\n prWeek: 'per week',\n expected: 'Expected start',\n timelimit: 'Fixed term',\n },\n locations: {\n aarhus: 'Aarhus',\n cph: 'Copenhagen',\n herning: 'Herning',\n foulum: 'Foulum, Viborg Municipality',\n roskilde: 'Roskilde',\n jutland: 'Jutland (Western Denmark)',\n zealand: 'Zealand, Funen and Islands (Eastern Denmark)',\n outside: 'Outside Denmark',\n },\n jobbankLink: '',\n jobbankLinkText: 'Log in and create job agent',\n jobbankHeader: 'Want to be notified of new vacancies?',\n jobbankText: 'Join our Career Centre and create your very own job agent.',\n },\n};\n\nexport default labels;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport labels from '../i18n';\n\nconst EmptyComponent = (props) => {\n const {\n lang,\n title,\n mode,\n phdLink,\n } = props;\n return (\n\n
\n );\n};\n\nEmptyComponent.propTypes = {\n lang: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired,\n mode: PropTypes.string.isRequired,\n phdLink: PropTypes.string.isRequired,\n};\n\nEmptyComponent.displayName = 'EmptyComponent';\nexport default EmptyComponent;\n","/* eslint-env browser */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n// import AUAmountComponent from '@aarhus-university/au-lib-react-components/build/amount';\nimport { getFromSessionStorage } from '@aarhus-university/au-lib-react-components/src/lib/helpers';\nimport FilterListComponent from './FilterListComponent';\nimport FilterListItemComponent from './FilterListItemComponent';\nimport EmptyComponent from './EmptyComponent';\nimport labels from '../i18n';\n\nconst emptyFilter = {\n mode: '',\n location: null,\n hours: null,\n area: 0,\n};\n\nconst filterDelay = 100;\n\nclass FilterComponent extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n filter: emptyFilter,\n showModes: false,\n showHours: false,\n showLocations: false,\n showAreas: false,\n checkedForSession: false,\n };\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n const { sessionValid } = nextProps;\n const { checkedForSession } = prevState;\n // Eventuelt session-filter skal kun tjekkes for én gang\n if (sessionValid && !checkedForSession) {\n const sessionFilter = getFromSessionStorage(`${window.vacancyElement}-${window.vacancyLang}-vacancies-filter`);\n if (sessionFilter != null) {\n return {\n filter: sessionFilter,\n checkedForSession: true,\n };\n }\n }\n return null;\n }\n\n render() {\n const {\n filter,\n showHours,\n showLocations,\n showAreas,\n showModes,\n } = this.state;\n const {\n lang,\n empty,\n amount,\n hours,\n locations,\n areas,\n title,\n phdLink,\n mode,\n setFilter,\n } = this.props;\n\n if (empty) {\n return (\n \n
\n \n
\n { /*\n \n \n {` ${title === '' ? '' : ` ${labels[lang].on} `} ${title}`}\n
\n {(() => {\n if (mode !== 'main') {\n return {labels[lang].emptyBtnLabel};\n }\n return null;\n })()}\n {labels[lang].filterButtons.phd}\n\n
*/\n }\n \n
\n \n {labels[lang].jobbankLinkText}\n \n {labels[lang].jobbankHeader}
\n\n {labels[lang].jobbankText}\n
\n,\n {a.topics},\n ]}\n \n
\n
\n );\n }\n}\n\nFilterComponent.propTypes = {\n lang: PropTypes.string.isRequired,\n empty: PropTypes.bool.isRequired,\n amount: PropTypes.number.isRequired,\n areas: PropTypes.arrayOf(PropTypes.shape({\n label: PropTypes.string.isRequired,\n })).isRequired,\n locations: PropTypes.arrayOf(PropTypes.shape({\n label: PropTypes.string.isRequired,\n })).isRequired,\n hours: PropTypes.arrayOf(PropTypes.shape({\n label: PropTypes.string.isRequired,\n })).isRequired,\n title: PropTypes.string.isRequired,\n phdLink: PropTypes.string.isRequired,\n mode: PropTypes.string.isRequired,\n setFilter: PropTypes.func.isRequired,\n sessionValid: PropTypes.bool.isRequired,\n};\n\nFilterComponent.displayName = 'FilterComponent';\nexport default FilterComponent;\n","/* eslint-disable max-len */\n/* eslint-disable camelcase */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport labels from '../i18n';\n\nconst VacancyComponent = (props) => {\n const { vacancy, lang, mode } = props;\n const {\n link,\n deadline,\n deadline_date,\n end,\n end_date,\n faculty,\n hours,\n location,\n start,\n start_date,\n title,\n teaser,\n } = vacancy;\n\n const dateFormat = `D${lang === 'da' ? '.' : ''} MMM YYYY`;\n const dateShortFormat = `D${lang === 'da' ? '.' : ''} MMM`;\n moment.locale(lang);\n\n const deadlineText = deadline_date ? moment(deadline_date).format(dateShortFormat) : moment(deadline).format(dateShortFormat);\n const startText = start_date ? moment(start_date).format(dateFormat) : moment(start).format(dateFormat);\n const endText = end_date ? moment(end_date).format(dateFormat) : moment(end).format(dateFormat);\n\n return (\n \n
\n \n
\n \n {(() => {\n if (amount > 0) {\n return {amountText};\n }\n return null;\n })()}\n \n
\n\n {\n this.setState({\n showModes: false,\n });\n }}\n />\n
\n \n {\n this.setState({\n showLocations: false,\n showHours: false,\n showAreas: false,\n showModes: true,\n });\n }}\n >\n {labels[lang].select.type}\n \n {vipTapButtons}\n
\n {phdButton}\n \n {`${labels[lang].filter}:`}\n {(() => {\n if (mode !== 'department') {\n return (\n {\n this.setState({\n showLocations: false,\n });\n }}\n />\n );\n }\n return null;\n })()}\n {\n this.setState({\n showHours: false,\n });\n }}\n />\n {\n this.setState({\n showAreas: false,\n });\n }}\n />\n {(() => {\n if (mode !== 'department') {\n return (\n
\n \n {\n if (filter.location === null) {\n this.setState({\n showLocations: true,\n showHours: false,\n showAreas: false,\n showModes: false,\n });\n } else {\n filter.location = null;\n this.setState({\n filter,\n }, () => {\n setFilter(filter);\n });\n }\n }}\n >\n {locationBtnText}\n \n {\n this.setState({\n showLocations: false,\n });\n }}\n />\n
\n );\n }\n return null;\n })()}\n \n {\n if (filter.hours === null) {\n this.setState({\n showLocations: false,\n showHours: true,\n showAreas: false,\n showModes: false,\n });\n } else {\n filter.hours = null;\n this.setState({\n filter,\n }, () => {\n setFilter(filter);\n });\n }\n }}\n >\n {hoursBtnText}\n \n {\n this.setState({\n showHours: false,\n });\n }}\n />\n
\n {(() => {\n if (filter.mode === 'vip' && mode === 'main') {\n return (\n \n {\n if (filter.area === 0) {\n this.setState({\n showLocations: false,\n showHours: false,\n showAreas: true,\n showModes: false,\n });\n } else {\n filter.area = 0;\n this.setState({\n filter,\n }, () => {\n setFilter(filter);\n });\n }\n }}\n >\n {areaBtnText}\n \n {\n this.setState({\n showAreas: false,\n });\n }}\n />\n
\n );\n }\n return null;\n })()}\n \n {labels[lang].list.deadline}\n {deadlineText}\n
\n \n {`${location.name}${mode === 'department' ? '' : ','} `}\n {(() => {\n if (mode !== 'department') {\n return (\n {`${faculty}`}\n );\n }\n return null;\n })()}\n
\n {title}
\n {(() => {\n if (mode === 'department') {\n return{teaser}
;\n }\n return null;\n })()}\n\n {(() => {\n if (!end) {\n return (\n \n {`${labels[lang].list.expected}: `}\n {startText}\n \n );\n }\n return (\n \n {`${labels[lang].list.timelimit}: `}\n \n {startText}\n {' - '}\n {endText}\n \n \n );\n })()}\n {(() => {\n if (hours === 37) {\n return {labels[lang].list.fulltime};\n }\n if (hours === 0) {\n return {labels[lang].list.parttimeFull};\n }\n let hrsLbl = `${hours}`;\n if (lang === 'da') {\n hrsLbl = hrsLbl.replace('.', ',');\n }\n return (\n \n {`${labels[lang].list.parttime}: `}\n \n {`${hrsLbl} ${labels[lang].list.hours} ${labels[lang].list.prWeek}`}\n \n \n );\n })()}\n
\n \n \n
\n );\n};\n\nNoResultsComponent.propTypes = {\n lang: PropTypes.string.isRequired,\n mode: PropTypes.string.isRequired,\n};\n\nNoResultsComponent.displayName = 'NoResultsComponent';\nexport default NoResultsComponent;\n","export const API_HOST = 'https://ipure.nfit.au.dk/vacancies/data.php';\nexport const GET_VACANCIES = 'GET_VACANCIES';\nexport const GET_AREAS = 'GET_AREAS';\nexport const GET_HOURS = 'GET_HOURS';\nexport const GET_LOCATIONS = 'GET_LOCATIONS';\nexport const SET_FILTER = 'SET_FILTER';\n","/* eslint-env browser */\nimport { GET_VACANCIES } from './const';\n\nexport default (element) => {\n if (window.DYCON && window.DYCON.EmplyData) {\n const data = DYCON.EmplyData[element];\n return {\n type: GET_VACANCIES,\n payload: {\n data,\n },\n };\n }\n return null;\n};\n","import { GET_AREAS } from './const';\nimport labels from '../i18n';\n\nexport default (lang) => ({\n type: GET_AREAS,\n payload: [\n {\n label: 'Arts',\n value: 1000,\n topics: labels[lang].areas.ar,\n }, {\n label: 'Health',\n value: 2000,\n topics: labels[lang].areas.he,\n }, {\n label: 'Natural Sciences',\n value: 7000,\n topics: labels[lang].areas.nat,\n }, {\n label: 'Technical Sciences',\n value: 5000,\n topics: labels[lang].areas.tech,\n }, {\n label: 'School of Business and Social Sciences',\n value: 3000,\n topics: labels[lang].areas.bss,\n }, {\n label: 'Aarhus Institute of Advanced Studies',\n value: 1954,\n topics: labels[lang].areas.aias,\n },\n ],\n});\n","import { GET_HOURS } from './const';\nimport labels from '../i18n';\n\nexport default (lang) => ({\n type: GET_HOURS,\n payload: [\n {\n label: labels[lang].fullTime,\n value: 'fulltime',\n },\n {\n label: labels[lang].partTime,\n value: 'parttime',\n },\n ],\n});\n","import { GET_LOCATIONS } from './const';\nimport labels from '../i18n';\n\nexport default (lang) => ({\n type: GET_LOCATIONS,\n payload: [\n {\n label: labels[lang].locations.aarhus,\n value: '8000-8299',\n },\n {\n label: labels[lang].locations.cph,\n value: '1000-2999',\n },\n {\n label: labels[lang].locations.herning,\n value: '7400',\n },\n {\n label: labels[lang].locations.foulum,\n value: '8830',\n },\n {\n label: labels[lang].locations.roskilde,\n value: '4000',\n },\n {\n label: labels[lang].locations.jutland,\n value: '6000-9999',\n },\n {\n label: labels[lang].locations.zealand,\n value: '1000-5999',\n },\n {\n label: labels[lang].locations.outside,\n value: '0',\n },\n ],\n});\n","import { SET_FILTER } from './const';\n\nexport default (filter) => ({\n type: SET_FILTER,\n payload: filter,\n});\n","/* eslint-env browser */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport AUSpinnerComponent from '@aarhus-university/au-lib-react-components/src/components/AUSpinnerComponent';\nimport FilterComponent from '../components/FilterComponent';\nimport VacancyComponent from '../components/VacancyComponent';\nimport NoResultsComponent from '../components/NoResultsComponent';\nimport getVacancies from '../actions/getVacancies';\nimport getAreas from '../actions/getAreas';\nimport getHours from '../actions/getHours';\nimport getLocations from '../actions/getLocations';\nimport setFilter from '../actions/setFilter';\n\nclass AppComponent extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n updating: false,\n };\n\n this.setFilter = this.setFilter.bind(this);\n this.cancelUpdate = this.cancelUpdate.bind(this);\n }\n\n /*\n componentDidUpdate() {\n const filterButtons = document.querySelectorAll('button.filter');\n filterButtons.forEach((b) => {\n b.removeEventListener('transitionend', this.cancelUpdate);\n b.addEventListener('transitionend', this.cancelUpdate);\n });\n }\n */\n\n setFilter(filter) {\n const { actions } = this.props;\n this.setState({\n updating: true,\n }, () => {\n actions.setFilter(filter);\n setTimeout(() => {\n this.setState({\n updating: false,\n });\n }, 200);\n });\n }\n\n cancelUpdate() {\n this.setState({\n updating: false,\n });\n }\n\n render() {\n const {\n element,\n lang,\n totalAmount,\n filtered,\n title,\n loaded,\n actions,\n hours,\n locations,\n areas,\n sessionValid,\n phdLink,\n mode,\n } = this.props;\n\n const { updating } = this.state;\n\n const renderFiltered = filtered.map(\n (vacancy) => (\n (\n \n ![\"No](\"https://cdn.au.dk/apps/react/vacancies/latest/meh-with-cap.svg\")
\n
\n \n \n - \n {renderFiltered}\n