\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default LoadingIndicator;\r\n","export default {\r\n adaptiveUrl: \"https://friluftsforvaltning.avinet.no/\",\r\n konkurannserUuid: \"1f21a335-cc5c-432d-a3bb-c2f74f70a643\",\r\n konkurannseTurmalUuid: \"7ef9fc8b-343a-4109-9563-5a42e16162c8\",\r\n cms_site_id: 0,\r\n guiUrl: \"https://www.telltur.no\",\r\n sti: {\r\n guiId: 40,\r\n activeStiLayer: \"layer_144\",\r\n grayStiLayer: \"layer_145\"\r\n },\r\n articleModuleUuid: \"c46f6991-8d03-4bbd-815e-443f38c445ba\",\r\n friluftsraadDt: {\r\n uuid: \"03845a0f-6d2e-4318-90d1-bd2a61812a5f\",\r\n columns: [\"id\", \"rolle_id\", \"uuid\", \"uri\", \"navn\", \"thumbnail\"]\r\n },\r\n friluftsraadMedlemskommunerDt: {\r\n uuid: \"c27e8c08-1c7c-4c3c-9775-644deb97637f\",\r\n columns: [\"id\", \"uuid\", \"fr_id\", \"kommune\"]\r\n },\r\n dtMunicipality: {\r\n uuid: \"2f0a64ec-6f85-4523-839b-2a439b86bc24\",\r\n columns: [\"gid\", \"komm\", \"navn\"]\r\n },\r\n parkingsDt: {\r\n uuid: \"324a9681-dede-48ee-abaf-af76481f95e3\",\r\n columns: [\"uuid\", \"id\", \"type_id\", \"beskrivelse\", \"bilde_multimedia\", \"navn\", \"tilrettlagt\"]\r\n },\r\n companyDigiThemeUuid: \"4b5ea2a3-434a-4802-b056-2f81d834b853\",\r\n emptyFriluftsraadUuid: \"559908b6-7603-4eeb-abc5-5f09220961d3\",\r\n vesteralenFriluftsraadUuid: \"ff0b7103-c420-4a3e-8a16-51f0c333da5e\",\r\n mapProjCode: \"3857\",\r\n gm_lang_code: \"nb\",\r\n appName: \"TellTur\",\r\n privacyVersion: 1,\r\n consentEmail: \"telltur_user_email_consent\",\r\n instagram: {\r\n userId: \"224871\",\r\n clientId: \"9f1162178b01c872612327e1f03b1188\",\r\n accessToken: \"224871.3a81a9f.96d4029a304b46c7b27c8f15344ffd43\"\r\n },\r\n fylkesnummer: [\r\n {\r\n navn: \"Agder\",\r\n nummer: \"42\"\r\n },\r\n {\r\n navn: \"Innlandet\",\r\n nummer: \"34\"\r\n },\r\n {\r\n navn: \"Møre og Romsdal\",\r\n nummer: \"15\"\r\n },\r\n {\r\n navn: \"Nordland\",\r\n nummer: \"18\"\r\n },\r\n {\r\n navn: \"Oslo\",\r\n nummer: \"03\"\r\n },\r\n {\r\n navn: \"Rogaland\",\r\n nummer: \"11\"\r\n },\r\n {\r\n navn: \"Troms og Finnmark\",\r\n nummer: \"54\"\r\n },\r\n {\r\n navn: \"Trøndelag\",\r\n nummer: \"50\"\r\n },\r\n {\r\n navn: \"Vestfold og Telemark\",\r\n nummer: \"38\"\r\n },\r\n {\r\n navn: \"Vestland\",\r\n nummer: \"46\"\r\n },\r\n {\r\n navn: \"Viken\",\r\n nummer: \"30\"\r\n }\r\n ]\r\n};\r\n","import { useContext, useEffect, useState } from \"react\";\r\nimport request from \"superagent\";\r\nimport { olUtils } from \"@avinet/react-openlayers\";\r\nimport { ArticleModuleContext } from \"@avinet/react-article-module\";\r\nimport config from \"../config/TellTur\";\r\n\r\nexport default function useSearch({ query, sources, mapExtent, mapCenter }) {\r\n const { projCode } = useContext(ArticleModuleContext);\r\n const [loading, setLoading] = useState(false);\r\n const [results, setResults] = useState([]);\r\n\r\n useEffect(() => {\r\n if (!query || !mapCenter) {\r\n setLoading(false);\r\n setResults([]);\r\n return;\r\n }\r\n\r\n setLoading(true);\r\n\r\n performIndexQuery(query, sources, mapExtent, projCode)\r\n .then(data => {\r\n setResults(data);\r\n setLoading(false);\r\n })\r\n .catch(e => {\r\n setResults([]);\r\n console.error(\"Failed to load search results\", e);\r\n });\r\n }, [query, sources, mapExtent, mapCenter, projCode]);\r\n\r\n return { loading, results };\r\n}\r\n\r\nfunction performIndexQuery(query, sources, extent, projCode) {\r\n return new Promise((resolve, reject) => {\r\n extent = olUtils.transformExtent(extent, \"EPSG:3857\", \"EPSG:4326\");\r\n const bbox = {\r\n left: extent[0],\r\n bottom: extent[1],\r\n right: extent[2],\r\n top: extent[3]\r\n };\r\n\r\n const data = {\r\n q: query + \"*\",\r\n srsid: \"4326\",\r\n start: 0,\r\n limit: 100,\r\n bbox: bbox,\r\n layers: sources.map(s => s.value.layerId).join(\",\")\r\n };\r\n\r\n request\r\n .post(config.adaptiveUrl + \"WebServices/search/SearchProxy.asmx/Search\")\r\n .send({ request: data })\r\n .set(\"Accept\", \"application/json\")\r\n .set(\"Content-Type\", \"application/json\")\r\n .then(res => res.body)\r\n .then(res => {\r\n res = res.d;\r\n if (res.success) {\r\n const data = parseIndexerResponse(res.records, sources);\r\n resolve(data);\r\n } else {\r\n throw new Error(res.d.exception);\r\n }\r\n })\r\n .catch(e => {\r\n reject(e);\r\n });\r\n });\r\n}\r\n\r\nfunction parseIndexerResponse(records, sources) {\r\n return records\r\n .map(rec => {\r\n const { desc, elementType, geom, layerId, layerName, title, uid, values, relevance } = rec;\r\n\r\n const objId = uid.split(\".\").slice(2).join(\".\");\r\n const source = sources.find(s => s.value.layerId.toString() === rec.layerId);\r\n const id = source.dataIndex + \"_\" + objId;\r\n\r\n if (!geom) {\r\n return false;\r\n }\r\n const feature = olUtils.createFeatureFromWkt(geom, { color: source.config.fillColor });\r\n if (feature && feature.getGeometry())\r\n feature.getGeometry().transform(\"EPSG:4326\", \"EPSG:3857\");\r\n\r\n return {\r\n id,\r\n uid,\r\n properties: {\r\n title,\r\n content: desc\r\n .replace(/^(.*?)<\\/b>/, \"**$1**\")\r\n .replace(/<[\\s\\S]*?>/gm, \" \")\r\n .replace(/\\s+/g, \" \")\r\n .replace(/^\\*\\*(.*?)\\*\\*/, \"$1\")\r\n },\r\n geometry: {\r\n type: feature.getGeometry().getType(),\r\n coordinates: feature.getGeometry().getCoordinates()\r\n },\r\n olFeature: feature,\r\n elementType,\r\n layerId,\r\n layerName,\r\n values,\r\n source,\r\n relevance\r\n };\r\n })\r\n .filter(i => !!i && i.relevance > 20);\r\n}\r\n","import { useMemo } from \"react\";\r\nimport { useLocation } from \"react-router\";\r\n\r\nfunction useActiveSources() {\r\n const { pathname, state } = useLocation();\r\n\r\n return useMemo(() => {\r\n if (/\\/alleturmaal\\/.*/.test(pathname)) return pathname.split(\"/\")[2].split(\"+\");\r\n if (state?.activeSources) return state.activeSources.split(\"+\");\r\n return [];\r\n }, [pathname, state]);\r\n}\r\n\r\nexport default useActiveSources;\r\n","import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { useTranslate } from \"react-translate\";\r\nimport { ensureArticleModuleConfig } from \"@avinet/react-article-module\";\r\nimport Style from \"ol/style/Style\";\r\nimport Fill from \"ol/style/Fill\";\r\nimport Stroke from \"ol/style/Stroke\";\r\nimport Circle from \"ol/style/Circle\";\r\nimport LoadingIndicator from \"../components/LoadingIndicator\";\r\nimport Icon from \"../components/Icon\";\r\nimport useSearch from \"../hooks/useSearch\";\r\nimport { provideMapState, VectorSource } from \"@avinet/react-openlayers\";\r\nimport useActiveSources from \"../hooks/useActiveSources\";\r\nimport \"./TellturSearch.scss\";\r\n\r\nTellturSearch.propTypes = {\r\n sources: PropTypes.array.isRequired,\r\n onResultSelected: PropTypes.func.isRequired,\r\n isOpen: PropTypes.bool\r\n};\r\n\r\nconst styleFunction = feature => {\r\n return new Style({\r\n image: new Circle({\r\n stroke: new Stroke({ color: feature.get(\"hover\") ? \"#1173af\" : \"#ffffff\", width: 3 }),\r\n fill: new Fill({ color: \"rgb(\" + feature.get(\"color\") + \")\" }),\r\n radius: feature.get(\"hover\") ? 10 : 7\r\n }),\r\n zIndex: feature.get(\"hover\") ? 2 : 0\r\n });\r\n};\r\n\r\nfunction SearchResultComponent({ result, onResultSelected }) {\r\n return (\r\n \r\n
\r\n {result.properties.content && (\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default provideMapState(ensureArticleModuleConfig(TellturSearch));\r\n","const getPath = location => {\r\n return location.pathname.length > 1 ? location.pathname.slice(1) : 'index';\r\n};\r\n\r\nconst fixLinks = history => {\r\n let pageContent = document.getElementsByClassName('tell-tur-cms')[0];\r\n if (pageContent) {\r\n let links = pageContent.getElementsByTagName('a');\r\n [].forEach.call(links, link => {\r\n if (link.host !== window.location.host || /\\..{3,4}$/.test(link.href) || link.target) {\r\n return;\r\n }\r\n\r\n link.onclick = e => {\r\n let nl = link.pathname;\r\n e.preventDefault();\r\n\r\n if (link.hash && link.pathname === window.location.pathname) {\r\n window.location.hash = link.hash;\r\n\r\n const elem = document.getElementById(link.hash.substr(1));\r\n if (elem) {\r\n elem.setAttribute('open', true);\r\n elem.scrollIntoView();\r\n window.scrollBy({\r\n top: -50,\r\n left: 0\r\n });\r\n }\r\n return;\r\n }\r\n\r\n if (link.pathname.indexOf('/') !== 0) {\r\n nl += '/' + nl;\r\n }\r\n history.push(nl);\r\n };\r\n });\r\n }\r\n};\r\n\r\nexport { getPath, fixLinks };\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { translate } from \"react-translate\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport Icon from \"../components/Icon\";\r\nimport { Nav, Link, navActions } from \"@avinet/react-adaptive-cms\";\r\nimport { getSessionToken } from \"@avinet/react-adaptive-auth\";\r\nimport TellturSearch from \"../containers/TellturSearch\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport Logo from \"../static/logo_telltur_hvit.png\";\r\nimport { getPath } from \"../utils/Path\";\r\nimport \"./NavBar.scss\";\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return bindActionCreators(Object.assign({}, navActions), dispatch);\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n nav: state.nav.nav\r\n});\r\n\r\nclass NavBar extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n navOpen: false,\r\n searchOpen: false,\r\n currentPath: \"\"\r\n };\r\n\r\n this.onResultSelected = this.onResultSelected.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n const { loadNav, location } = this.props;\r\n const path = getPath(location);\r\n this.setState({ currentPath: path });\r\n loadNav();\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n const path = getPath(nextProps.location);\r\n if (path !== this.state.currentPath) {\r\n this.setState({ currentPath: path });\r\n }\r\n }\r\n\r\n getProfileNav() {\r\n const { t } = this.props;\r\n\r\n if (getSessionToken()) {\r\n return [\r\n {\r\n menu_uri: \"minprofil\",\r\n title: t(\"MyProfile\"),\r\n uri: \"minprofil\"\r\n },\r\n {\r\n menu_uri: \"registrertur\",\r\n title: \"Registrer en tur\",\r\n uri: \"registrertur\"\r\n },\r\n {\r\n menu_uri: \"mineturer\",\r\n title: \"Mine turer\",\r\n uri: \"mineturer\"\r\n },\r\n {\r\n menu_uri: \"resultater\",\r\n title: \"Resultater\",\r\n uri: \"resultater\"\r\n },\r\n {\r\n menu_uri: \"loggut\",\r\n title: t(\"LogOut\"),\r\n uri: \"loggut\"\r\n }\r\n ];\r\n } else {\r\n return [\r\n {\r\n menu_uri: \"resultater\",\r\n title: \"Resultater\",\r\n uri: \"resultater\"\r\n },\r\n {\r\n menu_uri: \"logginn\",\r\n title: \"Logg inn / Registrer deg\",\r\n uri: \"logginn\"\r\n }\r\n ];\r\n }\r\n }\r\n\r\n getOmTellTurNav() {\r\n const { nav } = this.props;\r\n const omTellTurItems = nav.filter(i => {\r\n if ([\"omtelltur\", \"hjelp\"].some(nav => i.uri.includes(nav))) {\r\n return true;\r\n }\r\n return false;\r\n });\r\n return omTellTurItems;\r\n }\r\n\r\n getNavItems() {\r\n const { nav } = this.props;\r\n const navItems = nav.filter(i => {\r\n if (\r\n [\"resultater\", \"registrertur\", \"friluftsrad\", \"omtelltur\", \"hjelp\"].some(nav =>\r\n i.uri.includes(nav)\r\n )\r\n ) {\r\n return false;\r\n }\r\n return true;\r\n });\r\n return navItems;\r\n }\r\n\r\n shouldComponentUpdate(nextProps, nextState) {\r\n if (this.props.nav !== nextProps.nav) {\r\n return true;\r\n }\r\n if (nextState !== this.state) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n onResultSelected(result) {\r\n const { history } = this.props;\r\n history.push(\"/turmaal/\" + result.id.replace(\"_\", \"/\"));\r\n this.setState({ searchOpen: false });\r\n }\r\n\r\n render() {\r\n const { navOpen, searchOpen } = this.state;\r\n\r\n let navItems = this.getNavItems();\r\n let profileNav = this.getProfileNav();\r\n let omTellTurNav = this.getOmTellTurNav();\r\n\r\n return (\r\n \r\n s.text.replace(/Telltur - /, \"\").toLowerCase())\r\n .join(\", \")\r\n })\r\n }\r\n required\r\n ref={searchField}\r\n value={query}\r\n onChange={e => setQuery(e.target.value)}\r\n onFocus={() => setVisible(true)}\r\n />\r\n {\r\n setQuery(\"\");\r\n setVisible(false);\r\n }}\r\n >\r\n
\r\n {visible && (\r\n \r\n {loading && (\r\n
\r\n )}\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n - \r\n {results.slice(0, 50).map(result => (\r\n
\r\n \r\n 
\r\n \r\n \r\n this.setState({\r\n searchOpen: !searchOpen,\r\n navOpen: false\r\n })\r\n }\r\n >\r\n
\r\n );\r\n }\r\n}\r\n\r\nNavBar.propTypes = {\r\n t: PropTypes.func.isRequired,\r\n nav: PropTypes.array,\r\n loadNav: PropTypes.func,\r\n history: PropTypes.object.isRequired\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(translate(\"NavBar\")(withRouter(NavBar)));\r\n","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport Icon from \"./Icon\";\r\nimport { getPath } from \"../utils/Path\";\r\nimport \"./Footer.scss\";\r\n\r\nconst Footer = () => {\r\n // eslint-disable-next-line no-restricted-globals\r\n const currentPage = getPath(location);\r\n return (\r\n \r\n
\r\n \r\n \r\n this.setState({\r\n navOpen: !navOpen,\r\n searchOpen: false\r\n })\r\n }\r\n />\r\n \r\n \r\n \r\n \r\n this.setState({\r\n navOpen: false,\r\n searchOpen: false\r\n })\r\n }\r\n >\r\n \r\n \r\n \r\n
\r\n {/* currentPath !== \"index\" && (\r\n \r\n {omTellTurNav.map(n => (\r\n \r\n this.setState({\r\n navOpen: false,\r\n searchOpen: false\r\n })\r\n }\r\n >\r\n {n.title}\r\n \r\n ))}\r\n
\r\n \r\n {profileNav.map(n => (\r\n \r\n this.setState({\r\n navOpen: false,\r\n searchOpen: false\r\n })\r\n }\r\n >\r\n {n.title}\r\n \r\n ))}\r\n
\r\n \r\n
\r\n )}\r\n \r\n {/* remove currentPage === 'telltur' before deployment */}\r\n {(currentPage === \"index\" || currentPage === \"telltur/\") && (\r\n
\r\n \r\n
\r\n )}\r\n\r\n Slik kommer du igang
\r\n\r\n
\r\n
\r\n
\r\n Når du har gått turen kan du \"telle\" den ved å registrere turkoden som finnes ute\r\n på turmålet – her på nettsiden eller via GPS-registrering i appen \"Norgeskart\r\n friluftsliv\". Dermed kan du{\" \"}\r\n \r\n delta i konkurranser arrangert av ditt friluftsråd!\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Vil du ha flere turforslag?
\r\n\r\n Turportalen{\" \"}\r\n \r\n ut.no\r\n {\" \"}\r\n tilbyr ulike kart og flere turforslag, pluss tips om hytter og severdigheter rundt om i\r\n hele landet. Her kan alle søke frem turforslag som passer seg.\r\n
\r\n\r\n Ut.no er Norges nasjonale turportal og er et samarbeidsprosjekt mellom DNT, Statskog og\r\n Friluftsrådenes Landsforbund.\r\n
\r\n\r\n
\r\n Hva er et friluftsråd?
\r\n\r\n Et friluftsråd er et samarbeid mellom to eller flere kommuner og eventuelt\r\n organisasjoner om felles friluftsoppgaver. Les mer om de mange friluftsrådene og det\r\n landsomfattende samarbeidsorganet Friluftsrådenes Landsforbund på{\" \"}\r\n \r\n www.friluftsrad.no\r\n \r\n .\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n © 2018{\" \"}\r\n \r\n Friluftsrådenes Landsforbund\r\n {\" \"}\r\n | Webløsning ved{\" \"}\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nCoreLayout.propTypes = {\r\n children: PropTypes.element,\r\n location: PropTypes.object,\r\n history: PropTypes.object\r\n};\r\n\r\nexport default withRouter(CoreLayout);\r\n","import React from 'react';\r\n\r\n/**\r\n * Higher order component (HOC) that allows any other component to monitor view\r\n * state.\r\n *\r\n * Provides props viewWidth, viewHeight.\r\n */\r\nexport function provideViewSize (WrappedComponent) {\r\n return class extends React.Component {\r\n constructor () {\r\n super();\r\n this.handleViewSizeChange = this.handleViewSizeChange.bind(this);\r\n this.state = {\r\n viewWidth: window.innerWidth,\r\n viewHeight: window.innerHeight\r\n };\r\n }\r\n\r\n componentDidMount () {\r\n window.addEventListener('resize', this.handleViewSizeChange);\r\n }\r\n\r\n componentWillUnmount () {\r\n window.removeEventListener('resize', this.handleViewSizeChange);\r\n }\r\n\r\n handleViewSizeChange () {\r\n this.setState({\r\n viewWidth: window.innerWidth,\r\n viewHeight: window.innerHeight\r\n });\r\n }\r\n\r\n render () {\r\n return (\r\n \r\n
\r\n {children}
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nMapLayout.propTypes = {\r\n children: PropTypes.element,\r\n viewWidth: PropTypes.number.isRequired,\r\n viewHeight: PropTypes.number.isRequired\r\n};\r\n\r\nexport default provideViewSize(MapLayout);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport NavBar from '../containers/NavBar';\r\nimport Footer from '../components/Footer';\r\nimport './IndexLayout.scss';\r\n\r\nclass IndexLayout extends React.Component {\r\n componentDidMount () {\r\n document.getElementsByClassName('react-openlayers--map')[0].classList.add('hide-map');\r\n }\r\n\r\n render () {\r\n const { children } = this.props;\r\n return (\r\n {children}
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nIndexLayout.propTypes = {\r\n children: PropTypes.element\r\n};\r\n\r\nexport default IndexLayout;\r\n","const fixDate = date => {\r\n if (date && typeof date === 'string') {\r\n if (date.indexOf('/Date') === 0) {\r\n date = date.replace('/Date(', '');\r\n date = date.replace(')/', '');\r\n return new Date(parseInt(date, 10) || date);\r\n } else {\r\n return new Date(date);\r\n }\r\n } else {\r\n return new Date(date);\r\n }\r\n};\r\n\r\nconst validateDatePattern = datestring => {\r\n const validDatePattern = /^\\d{4}-\\d{1,2}-\\d{1,2}$/; // yyyy.MM.dd\r\n if (!datestring || !validDatePattern.test(datestring)) {\r\n return false;\r\n }\r\n return true;\r\n};\r\n\r\nconst isValidDate = datestring => {\r\n const timestamp = Date.parse(datestring);\r\n if (isNaN(timestamp)) {\r\n return false;\r\n }\r\n return true;\r\n};\r\n\r\nconst isWithinYear = datestring => {\r\n const now = new Date();\r\n const then = new Date(datestring);\r\n if (now.getFullYear() === then.getFullYear()) {\r\n return true;\r\n }\r\n return false;\r\n};\r\n\r\nconst isInFuture = datestring => {\r\n const now = new Date();\r\n const then = new Date(datestring);\r\n if (then > now) {\r\n return true;\r\n }\r\n return false;\r\n};\r\n\r\nexport { fixDate, validateDatePattern, isValidDate, isWithinYear, isInFuture };\r\n","import request from \"superagent\";\r\nimport { getSessionToken, authReducerActions } from \"@avinet/react-adaptive-auth\";\r\nimport jsSHA from \"jssha\";\r\nimport { fixDate } from \"../utils/date\";\r\nimport config from \"../config/TellTur\";\r\n\r\n// ------------------------------------\r\n// Constants\r\n// ------------------------------------\r\nexport const READING_USER = \"READING_USER\";\r\nexport const USER_READ = \"USER_READ\";\r\n\r\nexport const REGISTERING_USER = \"REGISTERING_USER\";\r\nexport const USER_REGISTERED = \"USER_REGISTERED\";\r\n\r\nexport const UPDATING_USER = \"UPDATING_USER\";\r\nexport const USER_UPDATED = \"USER_UPDATED\";\r\n\r\nexport const DELETING_USER = \"DELETING_USER\";\r\nexport const USER_DELETED = \"USER_DELETED\";\r\n\r\nexport const CLEAR_USER = \"CLEAR_USER\";\r\n\r\n// ------------------------------------\r\n// Actions\r\n// ------------------------------------\r\n\r\nconst clearUserAction = () => ({\r\n type: CLEAR_USER\r\n});\r\n\r\nconst readingUser = () => ({ type: READING_USER });\r\n\r\nconst userRead = (error, user) => ({\r\n type: USER_READ,\r\n payload: {\r\n error,\r\n user\r\n }\r\n});\r\n\r\nconst userRegistered = (error, email) => ({\r\n type: USER_REGISTERED,\r\n payload: {\r\n error,\r\n email\r\n }\r\n});\r\n\r\nconst userUpdated = error => ({\r\n type: USER_UPDATED,\r\n payload: {\r\n error\r\n }\r\n});\r\n\r\nconst updatingUser = () => ({\r\n type: UPDATING_USER\r\n});\r\n\r\nconst userDeleted = error => ({\r\n type: USER_DELETED,\r\n payload: {\r\n error\r\n }\r\n});\r\n\r\nconst deletingUser = () => ({\r\n type: DELETING_USER\r\n});\r\n\r\n// ------------------------------------\r\n// Action creators\r\n// ------------------------------------\r\nexport function getUserDetails() {\r\n return dispatch => {\r\n var sessionId = getSessionToken();\r\n if (!sessionId) {\r\n dispatch(userRead({ message: \"Not logged in. Cannot get user.\" }, null));\r\n return;\r\n }\r\n\r\n dispatch(readingUser());\r\n\r\n request\r\n .post(config.adaptiveUrl + \"WebServices/telltur/Users.asmx/GetTellTurUserData\")\r\n // .post('http://localhost/a_a3/WebServices/telltur/Users.asmx/GetTellTurUserData')\r\n .set(\"Accept\", \"application/json\")\r\n .set(\"Content-Type\", \"application/json\")\r\n .set(\"gm_session_id\", sessionId)\r\n .set(\"gm_lang_code\", config.gm_lang_code)\r\n .send()\r\n .end((err, response) => {\r\n if (err || !response.ok) {\r\n dispatch(userRead(err || { message: \"Received an error from server\" }, null));\r\n return;\r\n }\r\n response = response.body.d;\r\n\r\n if (response.sessionExpired) {\r\n dispatch(authReducerActions.sessionExpired());\r\n }\r\n\r\n if (response.exception || !response.success) {\r\n dispatch(\r\n userRead(\r\n response.exception || {\r\n message: \"Received an error from server\"\r\n },\r\n null\r\n )\r\n );\r\n return;\r\n }\r\n\r\n if (!response.data || !response.data.length) {\r\n dispatch(userRead({ message: \"Empty response from server\" }, null));\r\n return;\r\n }\r\n const userObj = response.data.find(element => element.key === \"record\");\r\n if (!userObj) {\r\n dispatch(userRead({ message: \"Empty response from server\" }, null));\r\n return;\r\n }\r\n const user = userObj.value;\r\n if (user.create_date) {\r\n user.create_date = fixDate(user.create_date);\r\n }\r\n if (user.last_logged_in) {\r\n user.last_logged_in = fixDate(user.last_logged_in);\r\n }\r\n if (user.last_pass_change) {\r\n user.last_pass_change = fixDate(user.last_pass_change);\r\n }\r\n if (user.modify_date) {\r\n user.modify_date = fixDate(user.modify_date);\r\n }\r\n if (user.user_data.create_date) {\r\n user.user_data.create_date = fixDate(user.user_data.create_date);\r\n }\r\n if (user.user_data.modify_date) {\r\n user.user_data.modify_date = fixDate(user.user_data.modify_date);\r\n }\r\n const familyMembersObj = response.data.find(element => element.key === \"familymembers\");\r\n user.familymembers = familyMembersObj.value || undefined;\r\n dispatch(userRead(null, user));\r\n });\r\n };\r\n}\r\n\r\nexport function clearUser() {\r\n return dispatch => {\r\n dispatch(clearUserAction());\r\n };\r\n}\r\n\r\nexport function registerUser(\r\n firstname,\r\n surname,\r\n email,\r\n pass,\r\n userData,\r\n yearOfBirth,\r\n selectedFriluftsraadId,\r\n selectedCompanyId,\r\n consentEmail\r\n) {\r\n return dispatch => {\r\n dispatch({ type: REGISTERING_USER, payload: true });\r\n\r\n // eslint-disable-next-line\r\n var shaObj = new jsSHA(\"SHA-512\", \"TEXT\");\r\n shaObj.update(pass);\r\n var hash = shaObj.getHash(\"HEX\");\r\n\r\n var params = {\r\n url: config.guiUrl,\r\n email: email,\r\n pass: hash,\r\n firstname: firstname,\r\n surname: surname,\r\n mobile: userData.mobile,\r\n nick_name: userData.nick_name,\r\n first_name: userData.first_name,\r\n last_name: userData.last_name,\r\n address_city: userData.address_city,\r\n description: userData.description,\r\n yearOfBirth,\r\n selected_friluftsraad_uuid: selectedFriluftsraadId,\r\n bedrift_id: selectedCompanyId,\r\n telltur_user_email_consent: consentEmail\r\n };\r\n\r\n request\r\n //.post('http://localhost/a_a3/WebServices/telltur/Users.asmx/RegisterUserConsent')\r\n .post(config.adaptiveUrl + \"WebServices/telltur/Users.asmx/RegisterUserConsent\")\r\n .send(params)\r\n .set(\"Accept\", \"application/json\")\r\n .set(\"gm_lang_code\", config.gm_lang_code)\r\n .end((err, response) => {\r\n if (err || !response.ok) {\r\n dispatch(userRegistered({ message: \"Error returned from service\" }, null));\r\n return;\r\n }\r\n response = response.body.d;\r\n\r\n if (response.exception || !response.success) {\r\n dispatch(\r\n userRegistered(\r\n response.exception || {\r\n message: \"Error returned from service\"\r\n },\r\n null\r\n )\r\n );\r\n return;\r\n }\r\n dispatch(userRegistered(null, email));\r\n });\r\n };\r\n}\r\n\r\nexport function updateUser(user) {\r\n return dispatch => {\r\n var sessionId = getSessionToken();\r\n if (!sessionId) {\r\n dispatch(userUpdated({ message: \"Not logged in. Cannot get user.\" }, null));\r\n return;\r\n }\r\n\r\n dispatch(updatingUser());\r\n request\r\n .post(config.adaptiveUrl + \"WebServices/telltur/Users.asmx/UpdateUser\")\r\n // .post('http://localhost/a_a3/WebServices/telltur/Users.asmx/UpdateUser')\r\n .set(\"Accept\", \"application/json\")\r\n .set(\"Content-Type\", \"application/json\")\r\n .set(\"gm_session_id\", sessionId)\r\n .set(\"gm_lang_code\", config.gm_lang_code)\r\n .send({\r\n data: user,\r\n extraParams: null\r\n })\r\n .end((err, response) => {\r\n if (err || !response.ok) {\r\n dispatch(userUpdated(err || { message: \"Received an error from server\" }, null));\r\n return;\r\n }\r\n response = response.body.d;\r\n\r\n if (response.sessionExpired) {\r\n dispatch(authReducerActions.sessionExpired());\r\n }\r\n\r\n if (response.exception || !response.success) {\r\n dispatch(\r\n userUpdated(\r\n response.exception || {\r\n message: \"Received an error from server\"\r\n },\r\n null\r\n )\r\n );\r\n return;\r\n }\r\n dispatch(userUpdated(null));\r\n });\r\n };\r\n}\r\n\r\nexport function deleteUser(uuid, callback) {\r\n return dispatch => {\r\n var sessionId = getSessionToken();\r\n if (!sessionId) {\r\n dispatch(userDeleted({ message: \"Not logged in. Cannot get user.\" }, null));\r\n return;\r\n }\r\n\r\n dispatch(deletingUser());\r\n\r\n request\r\n .post(config.adaptiveUrl + \"WebServices/telltur/Users.asmx/DeleteTellTurAccount\")\r\n // .post('http://localhost/a_a3/WebServices/telltur/Users.asmx/DeleteTellTurAccount')\r\n .set(\"Accept\", \"application/json\")\r\n .set(\"Content-Type\", \"application/json\")\r\n .set(\"gm_session_id\", sessionId)\r\n .set(\"gm_lang_code\", config.gm_lang_code)\r\n .send({\r\n uuid\r\n })\r\n .end((err, response) => {\r\n if (err || !response.ok) {\r\n dispatch(userDeleted(err || { message: \"Received an error from server\" }, null));\r\n return;\r\n }\r\n response = response.body.d;\r\n\r\n if (response.sessionExpired) {\r\n dispatch(authReducerActions.sessionExpired());\r\n }\r\n\r\n if (response.exception || !response.success) {\r\n dispatch(\r\n userDeleted(\r\n response.exception || {\r\n message: \"Received an error from server\"\r\n },\r\n null\r\n )\r\n );\r\n return;\r\n }\r\n dispatch(userDeleted(null));\r\n if (callback) {\r\n callback();\r\n }\r\n });\r\n };\r\n}\r\n\r\n// ------------------------------------\r\n// Reducer\r\n// ------------------------------------\r\nconst initialState = {\r\n loading: false,\r\n error: undefined,\r\n user: undefined,\r\n registeredUserEmail: \"\"\r\n};\r\n\r\nexport function userReducer(state = initialState, action) {\r\n switch (action.type) {\r\n case READING_USER:\r\n return Object.assign({}, state, {\r\n loading: true,\r\n user: null,\r\n error: null\r\n });\r\n case CLEAR_USER:\r\n return Object.assign({}, state, {\r\n loading: false,\r\n user: null,\r\n error: null,\r\n registeredUserEmail: \"\"\r\n });\r\n case REGISTERING_USER:\r\n return Object.assign({}, state, {\r\n loading: true,\r\n user: null,\r\n error: null,\r\n registeredUserEmail: \"\"\r\n });\r\n case USER_READ:\r\n return Object.assign({}, state, {\r\n loading: false,\r\n user: action.payload.user,\r\n error: action.payload.error\r\n });\r\n case USER_REGISTERED:\r\n return Object.assign({}, state, {\r\n loading: false,\r\n error: action.payload.error,\r\n user: null,\r\n registeredUserEmail: action.payload.email\r\n });\r\n case USER_UPDATED:\r\n return Object.assign({}, state, {\r\n loading: false,\r\n error: action.payload.error\r\n });\r\n case UPDATING_USER:\r\n return Object.assign({}, state, {\r\n loading: true,\r\n error: null\r\n });\r\n case USER_DELETED:\r\n return Object.assign({}, state, {\r\n loading: false,\r\n error: action.payload.error\r\n });\r\n case DELETING_USER:\r\n return Object.assign({}, state, {\r\n loading: true,\r\n error: null\r\n });\r\n default:\r\n return state;\r\n }\r\n}\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport config from \"../config/TellTur\";\r\n\r\nexport default class Title extends React.Component {\r\n componentDidMount() {\r\n this.oldTitle = document.title;\r\n const { title } = this.props;\r\n if (title) {\r\n document.title = title + \" | \" + config.appName;\r\n }\r\n }\r\n\r\n componentWillReceiveProps(props) {\r\n if (props.title) {\r\n document.title = props.title + \" | \" + config.appName;\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n document.title = this.oldTitle;\r\n }\r\n\r\n render() {\r\n return null;\r\n }\r\n}\r\n\r\nTitle.propTypes = {\r\n title: PropTypes.string\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Icon from '../components/Icon';\r\nimport './Checkbox.scss';\r\n\r\nconst Checkbox = props => {\r\n const { onCheckChange, checked } = props;\r\n return (\r\n onCheckChange(!checked)}>\r\n {checked && \r\n
\r\n {children}
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nPopupBox.propTypes = {\r\n children: PropTypes.element,\r\n onClose: PropTypes.func.isRequired,\r\n closeBtnText: PropTypes.string.isRequired,\r\n checkBoxText: PropTypes.string,\r\n checkBoxChecked: PropTypes.bool\r\n};\r\n\r\nexport default PopupBox;\r\n","import config from \"../config/TellTur\";\r\n\r\nconst validateProfile = (user, familymember) => {\r\n var numberRegex = /^-?\\d+\\.?\\d*$/;\r\n var validationErrors = {};\r\n\r\n if (!familymember) {\r\n validationErrors.general = \"General\";\r\n return { valid: false, errors: { validationErrors } };\r\n }\r\n\r\n if (\r\n user.modify_date.setHours(0, 0, 0, 0) <\r\n new Date(\"03.01.2020\").setHours(0, 0, 0, 0)\r\n ) {\r\n validationErrors.general = \"General\";\r\n return { valid: false, errors: { validationErrors } };\r\n }\r\n\r\n if (\r\n !familymember.selected_friluftsraad_uuid ||\r\n familymember.selected_friluftsraad_uuid === config.emptyFriluftsraadUuid\r\n ) {\r\n validationErrors.selected_friluftsraad_uuid =\r\n \"SelectedFriluftsraadIsInvalid\";\r\n }\r\n\r\n if (\r\n familymember.yearofbirth < new Date().getFullYear() - 120 ||\r\n familymember.yearofbirth > new Date().getFullYear()\r\n ) {\r\n validationErrors.yearofbirth = \"YearOfBirthNotValid\";\r\n }\r\n\r\n if (!familymember.nick_name || familymember.nick_name.length < 4) {\r\n validationErrors.nick_name = \"UsernameTooShort\";\r\n }\r\n\r\n if (!user.user_data.first_name || user.user_data.first_name.length < 2) {\r\n validationErrors.firstname = \"FirstnameNotValid\";\r\n }\r\n\r\n if (!user.user_data.last_name || user.user_data.last_name.length < 2) {\r\n validationErrors.surname = \"SurnameNotValid\";\r\n }\r\n\r\n if (\r\n !user.user_data.mobile ||\r\n user.user_data.mobile.length < 7 ||\r\n !numberRegex.test(user.user_data.mobile)\r\n ) {\r\n validationErrors.mobile = \"MobileNotValid\";\r\n }\r\n\r\n var emailRegEx = /[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/;\r\n if (user.email && !emailRegEx.test(user.email)) {\r\n validationErrors.email = \"EmailAddressNotValid\";\r\n }\r\n\r\n if (\r\n !user.user_data.address_city ||\r\n user.user_data.address_city.length < 2 ||\r\n isNaN(user.user_data.address_city)\r\n ) {\r\n validationErrors.municipality = \"MunicipalityNotValid\";\r\n }\r\n\r\n if (Object.keys(validationErrors).length > 0) {\r\n return { valid: false, errors: validationErrors };\r\n }\r\n return { valid: true, errors: {} };\r\n};\r\n\r\nexport { validateProfile };\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { translate } from \"react-translate\";\r\nimport PopupBox from \"../components/PopupBox\";\r\nimport { withRouter } from \"react-router\";\r\nimport { validateProfile } from \"../utils/profile\";\r\n\r\nimport \"./ProfileValidator.scss\";\r\n\r\nclass ProfileValidator extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n displayProfileUpdatePopup: false\r\n };\r\n this.onDisplayProfilePopupClose = this.onDisplayProfilePopupClose.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n const { user } = this.props;\r\n\r\n if (user && user.familymembers) {\r\n const mainMember = user.familymembers.find(f => f.is_main_familymember === true);\r\n var validProfile = validateProfile(user, mainMember);\r\n\r\n if (!validProfile.valid) {\r\n this.setState({ displayProfileUpdatePopup: true });\r\n }\r\n }\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n const { user } = this.props;\r\n if (!user && nextProps.user && nextProps.user.familymembers) {\r\n const mainMember = nextProps.user.familymembers.find(f => f.is_main_familymember === true);\r\n var validProfile = validateProfile(nextProps.user, mainMember);\r\n\r\n if (!validProfile.valid) {\r\n this.setState({ displayProfileUpdatePopup: true });\r\n }\r\n }\r\n }\r\n\r\n onDisplayProfilePopupClose = () => {\r\n this.setState({ displayProfileUpdatePopup: false });\r\n localStorage.setItem(\"telltur_profilePopupShown\", \"true\");\r\n this.props.history.push(\"/minprofil\");\r\n };\r\n\r\n render() {\r\n const { displayProfileUpdatePopup } = this.state;\r\n const { t } = this.props;\r\n\r\n return (\r\n \r\n
\r\n {children}
\r\n \r\n {checkBoxText && (\r\n onClose(this.state.checked)}\r\n className='btn popup-box--close-btn'\r\n >\r\n {closeBtnText}\r\n \r\n
\r\n \r\n {\r\n this.setState({ checked: newChecked });\r\n }}\r\n checked={this.state.checked}\r\n />\r\n \r\n
\r\n )}\r\n \r\n {displayProfileUpdatePopup && (\r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nProfileValidator.propTypes = {\r\n user: PropTypes.object.isRequired,\r\n t: PropTypes.func.isRequired,\r\n history: PropTypes.object.isRequired\r\n};\r\n\r\nexport default withRouter(translate(\"ProfileValidator\")(ProfileValidator));\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport Icon from \"./Icon\";\r\nimport { translate } from \"react-translate\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nimport headerImg from \"../static/header-bg.jfif\";\r\nimport benk from \"../static/benk.png\";\r\nimport fiske from \"../static/fiske.svg\";\r\nimport sykle from \"../static/sykle.svg\";\r\n\r\nimport \"./IndexPage.scss\";\r\nimport { fixDate } from \"../utils/date\";\r\n\r\nconst IndexPage = ({ competitions, friluftsraadHref, t, getAssocietedFriluftsraadUri }) => {\r\n var tomorrow = new Date();\r\n tomorrow.setDate(tomorrow.getDate() + 1);\r\n let activeCompetitions = [];\r\n\r\n if (competitions) {\r\n activeCompetitions = competitions.filter(competition => {\r\n const endDate = fixDate(competition.end_date);\r\n const hasExpired = competition.end_date ? endDate < tomorrow : false;\r\n return !hasExpired;\r\n });\r\n }\r\n\r\n return (\r\n \r\n
\r\n {t(\"Welcome\")}
\r\n{t(\"ReminderText1\")}
\r\n{t(\"ReminderText2\")}
\r\n\r\n
\r\n );\r\n};\r\n\r\nIndexPage.propTypes = {\r\n t: PropTypes.func.isRequired,\r\n competitions: PropTypes.array,\r\n friluftsraadHref: PropTypes.string.isRequired\r\n};\r\n\r\nexport default translate(\"IndexPage\")(IndexPage);\r\n","import { bindActionCreators as originalBindActionCreator } from 'redux';\r\n\r\nconst wrapAction = (action, reducerKey) => {\r\n return {\r\n ...action,\r\n type: reducerKey + '@@' + action.type\r\n };\r\n};\r\n\r\nconst wrapDispatch = (dispatch, reducerKey) => {\r\n const wrappedDispatch = action => {\r\n let wrappedAction;\r\n if (typeof action === 'function') {\r\n wrappedAction = (globalDispatch, getState, extraArgument) => {\r\n return action(\r\n wrappedDispatch,\r\n getState,\r\n () => getState()[reducerKey],\r\n globalDispatch,\r\n reducerKey,\r\n extraArgument\r\n );\r\n };\r\n } else if (typeof action === 'object') {\r\n wrappedAction = wrapAction(action, reducerKey);\r\n }\r\n return dispatch(wrappedAction);\r\n };\r\n return wrappedDispatch;\r\n};\r\n\r\nconst bindActionCreators = (actionCreators, dispatch, reducerKey) => {\r\n const wrappedDispatch = wrapDispatch(dispatch, reducerKey);\r\n return originalBindActionCreator(actionCreators, wrappedDispatch);\r\n};\r\n\r\nexport default bindActionCreators;\r\n","import request from \"superagent\";\r\nimport { getSessionToken, authReducerActions } from \"@avinet/react-adaptive-auth\";\r\nimport { createAction, handleActions } from \"redux-actions\";\r\nimport { olUtils } from \"@avinet/react-openlayers\";\r\n\r\n// ------------------------------------\r\n// Constants\r\n// ------------------------------------\r\nexport const SAVING_DIGI_THEME_RECORD = \"SAVING_DIGI_THEME_RECORD\";\r\nexport const LOADING_DIGI_THEME_RECORDS = \"LOADING_ DIGI_THEME_RECORDS\";\r\nexport const SAVE_SUCCESS_DIGI_THEME_RECORD = \"SAVE_SUCCESS_DIGI_THEME_RECORD\";\r\nexport const SAVE_FAILED_DIGI_THEME_RECORD = \"SAVE_FAILED_DIGI_THEME_RECORD\";\r\nexport const READ_FAILED_DIGI_THEME_RECORDS = \"READ_FAILED_DIGI_THEME_RECORDS\";\r\nexport const READ_SUCCESS_DIGI_THEME_RECORDS = \"READ_SUCCESS_DIGI_THEME_RECORDS\";\r\nexport const READ_OBJECT_SUCCESS_DIGI_THEME = \"READ_OBJECT_SUCCESS_DIGI_THEME\";\r\nexport const DELETING_DIGI_THEME_RECORD = \"DELETING_DIGI_THEME_RECORD\";\r\nexport const DELETE_DIGI_THEME_RECORD_SUCCESS = \"DELETE_DIGI_THEME_RECORD_SUCCESS\";\r\nexport const DELETE_DIGI_THEME_RECORD_FAILED = \"DELETE_DIGI_THEME_RECORD_FAILED\";\r\nexport const RESET_DIGI_THEME_REDUCER = \"RESET_DIGI_THEME_REDUCER\";\r\n\r\n// ------------------------------------\r\n// Actions\r\n// ------------------------------------\r\nconst saving = createAction(SAVING_DIGI_THEME_RECORD);\r\n\r\nconst saveFailed = createAction(SAVE_FAILED_DIGI_THEME_RECORD, error => ({\r\n error\r\n}));\r\n\r\nconst saveSuccess = createAction(SAVE_SUCCESS_DIGI_THEME_RECORD, data => ({\r\n data\r\n}));\r\n\r\nconst loading = createAction(LOADING_DIGI_THEME_RECORDS);\r\n\r\nconst readSuccess = createAction(READ_SUCCESS_DIGI_THEME_RECORDS, (records, total) => ({\r\n records,\r\n total\r\n}));\r\n\r\nconst readObjectSuccess = createAction(READ_OBJECT_SUCCESS_DIGI_THEME, record => ({\r\n record\r\n}));\r\n\r\nconst readFailed = createAction(READ_FAILED_DIGI_THEME_RECORDS, error => ({\r\n error\r\n}));\r\n\r\nconst deleting = createAction(DELETING_DIGI_THEME_RECORD);\r\n\r\nconst deleteSuccess = createAction(DELETE_DIGI_THEME_RECORD_SUCCESS, data => ({\r\n data\r\n}));\r\n\r\nconst deleteFailed = createAction(DELETE_DIGI_THEME_RECORD_FAILED, data => ({\r\n data\r\n}));\r\n\r\nconst resetDigiTheme = () => ({ type: RESET_DIGI_THEME_REDUCER });\r\n// ------------------------------------\r\n// Action creators\r\n// ------------------------------------\r\nconst save = (data, srid) => {\r\n return (dispatch, getState, getReducerState) => {\r\n dispatch(saving());\r\n\r\n request\r\n .post(getReducerState().adaptiveUrl + \"WebServices/client/DataView.asmx/Save\")\r\n .send({\r\n data,\r\n theme_uuid: getReducerState().themeUuid\r\n })\r\n .set(\"X-Adaptive-Srid\", srid)\r\n .set(\"Accept\", \"application/json\")\r\n .set(\"gm_session_id\", getSessionToken())\r\n .then(res => res.body)\r\n .then(res => {\r\n res = res.d;\r\n\r\n if (res.sessionExpired) {\r\n dispatch(authReducerActions.sessionExpired());\r\n }\r\n\r\n if (!res.success) {\r\n dispatch(saveFailed({ code: \"SAVE_FAILED\", message: res.exception.message }));\r\n return;\r\n }\r\n\r\n dispatch(saveSuccess(res.data[0].value));\r\n })\r\n .catch(e => {\r\n dispatch(saveFailed(e || { message: \"saveFailed\" }));\r\n });\r\n };\r\n};\r\n\r\nconst deleteRecord = id => {\r\n return (dispatch, getState, getReducerState) => {\r\n dispatch(deleting());\r\n\r\n request\r\n .post(getReducerState().adaptiveUrl + \"WebServices/client/DataView.asmx/Delete\")\r\n .send({\r\n id,\r\n theme_uuid: getReducerState().themeUuid\r\n })\r\n .set(\"Accept\", \"application/json\")\r\n .set(\"gm_session_id\", getSessionToken())\r\n .then(res => res.body)\r\n .then(res => {\r\n res = res.d;\r\n\r\n if (res.sessionExpired) {\r\n dispatch(authReducerActions.sessionExpired());\r\n }\r\n\r\n if (!res.success) {\r\n dispatch(\r\n deleteFailed({\r\n code: \"DELETE_FAILED\",\r\n message: res.exception.message\r\n })\r\n );\r\n return;\r\n }\r\n\r\n dispatch(deleteSuccess());\r\n })\r\n\r\n .catch(e => {\r\n dispatch(deleteFailed(e || { message: \"deleteFailed\" }));\r\n });\r\n };\r\n};\r\n\r\nconst readChildren = (columns, filter, fkColumn, fkColumnId, srid, start, limit, extraParams) => {\r\n return (dispatch, getState, getReducerState) => {\r\n dispatch(loading());\r\n\r\n readAny(\r\n {\r\n theme_uuid: getReducerState().themeUuid,\r\n filter,\r\n fk_column: fkColumn,\r\n fk_column_id: fkColumnId,\r\n columns,\r\n srid,\r\n start,\r\n limit,\r\n extraParams\r\n },\r\n srid,\r\n false,\r\n dispatch,\r\n getReducerState\r\n );\r\n };\r\n};\r\n\r\nconst readAny = (data, srid, readObject = false, dispatch, getReducerState) => {\r\n request\r\n .post(getReducerState().adaptiveUrl + \"WebServices/client/DataView.asmx/ReadAny\")\r\n .send({\r\n request: data\r\n })\r\n .set(\"Accept\", \"application/json\")\r\n .set(\"gm_session_id\", getSessionToken())\r\n .set(\"X-Adaptive-SRID\", srid)\r\n .then(res => res.body)\r\n .then(res => {\r\n res = res.d;\r\n\r\n if (res.sessionExpired) {\r\n dispatch(authReducerActions.sessionExpired());\r\n }\r\n\r\n if (!res.success) {\r\n dispatch(readFailed(res.exception.message));\r\n return;\r\n }\r\n if (readObject) {\r\n if (res.records.length !== 1) {\r\n dispatch(\r\n readFailed({\r\n code: \"NO_RECORD_FOUND\",\r\n message: \"Kunne ikke finne record\"\r\n })\r\n );\r\n } else {\r\n dispatch(readObjectSuccess(res.records[0], res.total));\r\n }\r\n return;\r\n }\r\n dispatch(readSuccess(res.records, res.total));\r\n })\r\n .catch(e => {\r\n dispatch(readFailed(e || { message: \"Kunne ikke lese data\" }));\r\n });\r\n};\r\n\r\nconst readObject = (id, columns, srid, only_owned = false) => {\r\n return (dispatch, getState, getReducerState) => {\r\n dispatch(loading());\r\n\r\n readAny(\r\n {\r\n theme_uuid: getReducerState().themeUuid,\r\n object_id: id,\r\n columns,\r\n only_owned\r\n },\r\n srid,\r\n true,\r\n dispatch,\r\n getReducerState\r\n );\r\n };\r\n};\r\n\r\nconst readOwned = (columns, filter, srid, start, limit, extraParams) => {\r\n return (dispatch, getState, getReducerState) => {\r\n dispatch(loading());\r\n\r\n readAny(\r\n {\r\n theme_uuid: getReducerState().themeUuid,\r\n filter,\r\n columns,\r\n srid,\r\n start,\r\n limit,\r\n extraParams,\r\n only_owned: true\r\n },\r\n srid,\r\n false,\r\n dispatch,\r\n getReducerState\r\n );\r\n };\r\n};\r\n\r\nconst readFiltered = (columns, filter, srid, start, limit, extraParams) => {\r\n return (dispatch, getState, getReducerState) => {\r\n dispatch(loading());\r\n\r\n readAny(\r\n {\r\n theme_uuid: getReducerState().themeUuid,\r\n filter,\r\n columns,\r\n srid,\r\n start,\r\n limit,\r\n extraParams\r\n },\r\n srid,\r\n false,\r\n dispatch,\r\n getReducerState\r\n );\r\n };\r\n};\r\n\r\nexport const actions = {\r\n save,\r\n deleteRecord,\r\n readFiltered,\r\n readObject,\r\n readOwned,\r\n readChildren,\r\n resetDigiTheme\r\n};\r\n\r\n// ------------------------------------\r\n// Reducer\r\n// ------------------------------------\r\nconst initialState = {\r\n loading: false,\r\n saving: false,\r\n deleting: false,\r\n error: undefined,\r\n records: [],\r\n record: undefined\r\n};\r\n\r\nexport default (key, adaptiveUrl, themeUuid) =>\r\n handleActions(\r\n {\r\n [key + \"@@\" + SAVING_DIGI_THEME_RECORD]: (state, { payload }) => {\r\n return Object.assign({}, state, {\r\n saving: true,\r\n error: undefined\r\n });\r\n },\r\n [key + \"@@\" + LOADING_DIGI_THEME_RECORDS]: (state, { payload }) => {\r\n return Object.assign({}, state, {\r\n loading: true,\r\n error: undefined\r\n });\r\n },\r\n [key + \"@@\" + SAVE_SUCCESS_DIGI_THEME_RECORD]: (state, { payload }) => {\r\n if (payload.data.geom_wkt) {\r\n payload.data.olFeature = olUtils.createFeatureFromWkt(\r\n payload.data.geom_wkt,\r\n payload.data\r\n );\r\n }\r\n return Object.assign({}, state, {\r\n saving: false,\r\n record: payload.data\r\n });\r\n },\r\n [key + \"@@\" + SAVE_FAILED_DIGI_THEME_RECORD]: (state, { payload }) =>\r\n Object.assign({}, state, {\r\n saving: false,\r\n error: payload.error\r\n }),\r\n [key + \"@@\" + READ_FAILED_DIGI_THEME_RECORDS]: (state, { payload }) =>\r\n Object.assign({}, state, {\r\n loading: false,\r\n error: payload.error\r\n }),\r\n [key + \"@@\" + READ_SUCCESS_DIGI_THEME_RECORDS]: (state, { payload }) => {\r\n const { records, total } = payload;\r\n if (records.length && records[0].geom_wkt) {\r\n records.forEach(r => {\r\n r.olFeature = olUtils.createFeatureFromWkt(r.geom_wkt, r);\r\n });\r\n }\r\n return Object.assign({}, state, {\r\n loading: false,\r\n records,\r\n total\r\n });\r\n },\r\n [key + \"@@\" + READ_OBJECT_SUCCESS_DIGI_THEME]: (state, { payload }) => {\r\n const { record } = payload;\r\n if (record.geom_wkt) {\r\n record.olFeature = olUtils.createFeatureFromWkt(record.geom_wkt, record);\r\n }\r\n return Object.assign({}, state, {\r\n record: record,\r\n loading: false\r\n });\r\n },\r\n [key + \"@@\" + DELETING_DIGI_THEME_RECORD]: (state, { payload }) => {\r\n return Object.assign({}, state, {\r\n deleting: true,\r\n error: undefined\r\n });\r\n },\r\n [key + \"@@\" + DELETE_DIGI_THEME_RECORD_SUCCESS]: (state, { payload }) => {\r\n return Object.assign({}, state, {\r\n deleting: false,\r\n error: undefined\r\n });\r\n },\r\n [key + \"@@\" + DELETE_DIGI_THEME_RECORD_FAILED]: (state, { payload }) => {\r\n return Object.assign({}, state, {\r\n deleting: false,\r\n error: payload.error\r\n });\r\n },\r\n [key + \"@@\" + RESET_DIGI_THEME_REDUCER]: (state, { payload }) => {\r\n return Object.assign({}, state, initialState);\r\n }\r\n },\r\n { ...initialState, adaptiveUrl, themeUuid }\r\n );\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport Title from \"../components/Title\";\r\nimport LoadingIndicator from \"../components/LoadingIndicator\";\r\nimport ProfileValidator from \"../components/ProfileValidator\";\r\nimport IndexPage from \"../components/IndexPage\";\r\nimport scopedBindActionCreators from \"../utils/scopedReducer\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { pageActions } from \"@avinet/react-adaptive-cms\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { translate } from \"react-translate\";\r\nimport { connect } from \"react-redux\";\r\nimport { getSessionToken } from \"@avinet/react-adaptive-auth\";\r\nimport { actions as digiThemeActions } from \"../utils/digiTheme\";\r\nimport { getPath } from \"../utils/Path\";\r\nimport \"./PageView.scss\";\r\nimport config from \"../config/TellTur\";\r\n\r\nconst mapStateToProps = state => ({\r\n competitions: state.competition.records,\r\n competitionsLoading: state.competition.loading,\r\n friluftsraad: state.readFriluftsraad.records,\r\n page: state.page.page,\r\n pageLoading: state.page.pageLoading,\r\n user: state.user.user,\r\n userLoading: state.user.loading\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n loadPage: bindActionCreators(pageActions.loadPage, dispatch),\r\n readCompetitions: scopedBindActionCreators(\r\n digiThemeActions.readFiltered,\r\n dispatch,\r\n \"competition\"\r\n ),\r\n resetDigiTheme: scopedBindActionCreators(\r\n digiThemeActions.resetDigiTheme,\r\n dispatch,\r\n \"competition\"\r\n )\r\n };\r\n};\r\n\r\nclass PageView extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n currentPath: \"\"\r\n };\r\n }\r\n componentDidMount() {\r\n const { loadPage, location, resetDigiTheme, user } = this.props;\r\n const path = getPath(location);\r\n this.setState({ currentPath: path });\r\n\r\n loadPage(path);\r\n\r\n if (!getSessionToken || !user) resetDigiTheme();\r\n\r\n if (user) {\r\n const mainMember = user.familymembers.find(f => f.is_main_familymember === true);\r\n this.readFriluftsraadCompetitions(mainMember);\r\n }\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n const path = getPath(nextProps.location);\r\n if (path !== this.state.currentPath) {\r\n this.setState({ currentPath: path });\r\n nextProps.loadPage(path);\r\n }\r\n\r\n if (!this.props.user && nextProps.user && nextProps.user.familymembers) {\r\n const mainMember = nextProps.user.familymembers.find(f => f.is_main_familymember === true);\r\n\r\n this.readFriluftsraadCompetitions(mainMember);\r\n }\r\n }\r\n\r\n readFriluftsraadCompetitions(user) {\r\n const { readCompetitions } = this.props;\r\n if (!getSessionToken || !user) return;\r\n\r\n const friluftsraadUuid = user.selected_friluftsraad_uuid;\r\n\r\n readCompetitions(\r\n [\r\n \"id\",\r\n \"title\",\r\n \"description\",\r\n \"image\",\r\n \"municipality\",\r\n \"year_of_birth_to\",\r\n \"year_of_birth_from\",\r\n \"start_date\",\r\n \"end_date\"\r\n ],\r\n {\r\n filterColumns: [\r\n {\r\n name: \"_acl\",\r\n netType: \"Guid[]\",\r\n value: [friluftsraadUuid],\r\n comparisonOperator: \"@>\",\r\n logicalOperator: \"AND\"\r\n },\r\n {\r\n name: \"show\",\r\n netType: \"boolean\",\r\n value: true,\r\n comparisonOperator: \"=\",\r\n logicalOperator: \"AND\"\r\n }\r\n ],\r\n sortColums: [\r\n {\r\n name: \"name\"\r\n }\r\n ]\r\n },\r\n config.mapProjCode\r\n );\r\n }\r\n\r\n get getAssocietedFriluftsraadUri() {\r\n const { friluftsraad, user } = this.props;\r\n if (!getSessionToken || !user) return \"/friluftsrad\";\r\n\r\n const mainMember = user.familymembers.find(f => f.is_main_familymember === true);\r\n const myFr = friluftsraad.find(fr => fr.uuid === mainMember.selected_friluftsraad_uuid);\r\n\r\n if (!myFr) return \"/friluftsrad\";\r\n\r\n const myFrUri = myFr && myFr.uri;\r\n\r\n return `/friluftsrad/${myFrUri}`;\r\n }\r\n\r\n render() {\r\n let {\r\n page: { content, title },\r\n pageLoading,\r\n user,\r\n userLoading,\r\n competitions\r\n } = this.props;\r\n const { currentPath } = this.state;\r\n\r\n return (\r\n \r\n {/*
\r\n \r\n
\r\n )}\r\n \r\n {t(\"ActiveCompetitions\").replace(\r\n \"{0}\",\r\n activeCompetitions && activeCompetitions.length\r\n )}{\" \"}\r\n - {t(\"JoinNow\")}\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n 0 && getAssocietedFriluftsraadUri\r\n ? \"active-competitions--btn\"\r\n : \"\"\r\n ].join(\" \")}\r\n >\r\n
\r\n \r\n \r\n \r\n {t(\"GoToAboutLink\")}\r\n \r\n \r\n 
\r\n 
\r\n 
\r\n
\r\n \r\n TellTur {t(\"Description1\")}{\" \"}\r\n \r\n {t(\"UseMapLink\")}\r\n \r\n {t(\"Description2\")}\r\n \r\n {t(\"GoToFrLink\")}\r\n \r\n
\r\n{t(\"Description3\")}
\r\n{t(\"GoodLuck\")}
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nPageView.propTypes = {\r\n page: PropTypes.object,\r\n pageLoading: PropTypes.bool,\r\n loadPage: PropTypes.func,\r\n location: PropTypes.object,\r\n user: PropTypes.object,\r\n userLoading: PropTypes.bool,\r\n resetDigiTheme: PropTypes.func.isRequired,\r\n readCompetitions: PropTypes.func.isRequired,\r\n friluftsraad: PropTypes.array,\r\n competitions: PropTypes.array\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(withRouter(translate(\"PageView\")(PageView)));\r\n","var getPageSections = page => {\r\n var sections = null;\r\n if (page && page.content) {\r\n var sectionArray = [];\r\n var tmp1 = page.content.split('[');\r\n\r\n tmp1.forEach(s => {\r\n sectionArray = sectionArray.concat(s.split(']'));\r\n });\r\n\r\n sectionArray = sectionArray.filter(s => s.length !== 0);\r\n if (sectionArray.length < 2) {\r\n return null;\r\n }\r\n sections = {};\r\n var i = 0;\r\n for (i = 0; i < sectionArray.length - 1;) {\r\n var propertyName = sectionArray[i].trim();\r\n var value = sectionArray[i + 1];\r\n sections[propertyName] = value;\r\n i = i + 2;\r\n }\r\n }\r\n return sections;\r\n};\r\n\r\nexport { getPageSections };\r\n","import request from \"superagent\";\r\nimport { getSessionToken } from \"@avinet/react-adaptive-auth\";\r\nimport config from \"../config/TellTur\";\r\n\r\nconst readAny = (\r\n themeUuid,\r\n columns,\r\n editable,\r\n onlyOwned,\r\n objectId,\r\n fkColumn,\r\n fkColumnIds,\r\n filter,\r\n start,\r\n limit,\r\n srid,\r\n callback\r\n) => {\r\n const params = {\r\n theme_uuid: themeUuid,\r\n columns,\r\n editable,\r\n only_owned: onlyOwned,\r\n object_id: objectId,\r\n fk_column: fkColumn,\r\n fk_column_ids: fkColumnIds,\r\n filter,\r\n start,\r\n limit,\r\n srid\r\n };\r\n\r\n request\r\n .post(config.adaptiveUrl + \"WebServices/client/DataView.asmx/ReadAny\")\r\n .send({ request: params })\r\n .set(\"Accept\", \"application/json\")\r\n .set(\"gm_session_id\", getSessionToken())\r\n .end((err, res) => {\r\n callback(err, res);\r\n });\r\n};\r\n\r\nconst readFiltered = (themeUuid, columns, filter, callback) => {\r\n return readAny(\r\n themeUuid,\r\n columns,\r\n false,\r\n false,\r\n null,\r\n null,\r\n null,\r\n filter,\r\n 0,\r\n 1000,\r\n config.mapProjCode,\r\n callback\r\n );\r\n};\r\n\r\nconst readChildren = (themeUuid, fkColumn, columns, filter, editable, fkColumnId, callback) => {\r\n let params = {\r\n theme_uuid: themeUuid,\r\n fk_column: fkColumn,\r\n fk_column_id: fkColumnId,\r\n columns,\r\n editable,\r\n filter\r\n };\r\n\r\n request\r\n .post(config.adaptiveUrl + \"WebServices/client/DataView.asmx/ReadChildren\")\r\n .send(params)\r\n .set(\"Accept\", \"application/json\")\r\n .set(\"gm_session_id\", getSessionToken())\r\n .end((err, res) => {\r\n callback(err, res);\r\n });\r\n};\r\n\r\nconst save = (themeUuid, data, callback) => {\r\n request\r\n .post(config.adaptiveUrl + \"WebServices/client/DataView.asmx/Save\")\r\n .send({\r\n data,\r\n theme_uuid: themeUuid\r\n })\r\n .set(\"Accept\", \"application/json\")\r\n .set(\"gm_session_id\", getSessionToken())\r\n .end((err, res) => {\r\n callback(err, res);\r\n });\r\n};\r\n\r\nconst remove = (themeUuid, id, callback) => {\r\n request\r\n .post(config.adaptiveUrl + \"WebServices/client/DataView.asmx/Delete\")\r\n .send({\r\n id,\r\n theme_uuid: themeUuid\r\n })\r\n .set(\"Accept\", \"application/json\")\r\n .set(\"gm_session_id\", getSessionToken())\r\n .end((err, res) => {\r\n callback(err, res);\r\n });\r\n};\r\n\r\nexport { readFiltered, readChildren, save, remove, readAny };\r\n","import { readFiltered } from \"./DigiTheme\";\r\nimport config from \"../config/TellTur\";\r\n\r\nconst columns = [\"id\", \"navn\", \"beskrivelse\"];\r\n// ------------------------------------\r\n// Constants\r\n// ------------------------------------\r\nexport const READING_COMPANIES = \"READING_COMPANIES\";\r\nexport const COMPANIES_READ = \"COMPANIES_READ\";\r\n\r\n// ------------------------------------\r\n// Actions\r\n// ------------------------------------\r\n\r\nconst readCompanies = () => ({ type: READING_COMPANIES });\r\n\r\nconst companiesRead = (error, companies) => ({\r\n type: COMPANIES_READ,\r\n payload: {\r\n error,\r\n companies\r\n }\r\n});\r\n\r\n// ------------------------------------\r\n// Action creators\r\n// ------------------------------------\r\nexport function getCompanies(friluftsraadId) {\r\n return dispatch => {\r\n dispatch(readCompanies());\r\n\r\n const filter = {\r\n filterColumns: [\r\n {\r\n name: \"_acl\",\r\n value: [friluftsraadId],\r\n comparisonOperator: \"@>\",\r\n netType: \"Guid[]\"\r\n }\r\n ],\r\n sortColumns: [\r\n {\r\n name: \"navn\"\r\n }\r\n ],\r\n secondFilter: [],\r\n defaultFilter: [],\r\n distinctColumns: []\r\n };\r\n\r\n readFiltered(\r\n config.companyDigiThemeUuid,\r\n columns,\r\n filter,\r\n (err, response) => {\r\n if (err || !response.ok) {\r\n dispatch(\r\n companiesRead(\r\n err || { message: \"Received an error from server\" },\r\n undefined\r\n )\r\n );\r\n return;\r\n }\r\n response = response.body.d;\r\n\r\n if (response.exception || !response.success) {\r\n dispatch(\r\n companiesRead(\r\n response.exception || {\r\n message: \"Received an error from server\"\r\n },\r\n undefined\r\n )\r\n );\r\n return;\r\n }\r\n\r\n dispatch(companiesRead(undefined, response.records));\r\n }\r\n );\r\n };\r\n}\r\n\r\n// ------------------------------------\r\n// Reducer\r\n// ------------------------------------\r\nconst initialState = {\r\n loading: false,\r\n error: undefined,\r\n companies: undefined\r\n};\r\n\r\nexport function companyReducer(state = initialState, action) {\r\n switch (action.type) {\r\n case READING_COMPANIES:\r\n return Object.assign({}, state, {\r\n loading: true,\r\n companies: undefined,\r\n error: undefined\r\n });\r\n case COMPANIES_READ:\r\n return Object.assign({}, state, {\r\n loading: false,\r\n error: action.payload.error,\r\n companies: action.payload.companies\r\n });\r\n default:\r\n return state;\r\n }\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { translate } from 'react-translate';\r\n\r\nconst getServerErrorMessage = (exception, t, meta) => {\r\n if (exception === undefined || exception === null) {\r\n return '';\r\n }\r\n if (exception.code) {\r\n if (exception.code === 'TURMAAL_INVALID') {\r\n return t('InvalidTurmaal');\r\n }\r\n if (exception.code === 'USER_EXISTS') {\r\n return t('UserExists', {username: meta.username});\r\n }\r\n if (exception.code === 'USER_INVALID') {\r\n return t('InvalidUser');\r\n }\r\n if (exception.code === 'OWNER_INVALID') {\r\n return t('InvalidOwner');\r\n }\r\n if (exception.code === 'user_3') {\r\n return t('EmailInUse');\r\n }\r\n if (exception.code === 'user_1') {\r\n return t('EmailInUse');\r\n }\r\n if (exception.code === 'TURMAAL_NOT_ACTIVE') {\r\n return t('TurmaalNotActive');\r\n }\r\n if (exception.code === 'TURMAAL_ALREADY_REGISTERED_TODAY') {\r\n return t(exception.code);\r\n }\r\n if (exception.code === 'DATO_ERROR') {\r\n return t(exception.code);\r\n }\r\n if (exception.code === 'INVALID_FAMILY_MEMBER') {\r\n return t(exception.code);\r\n }\r\n }\r\n if (exception.msg) {\r\n if (exception.msg === 'cannot_change_frilufstrad_active_competitions') {\r\n return t(exception.msg);\r\n }\r\n return exception.msg;\r\n }\r\n if (exception.message) {\r\n return exception.message;\r\n }\r\n return '';\r\n};\r\n\r\nconst TranslatedServerError = ({ error, t, cssClass, meta = {} }) => {\r\n const errorMessage = getServerErrorMessage(error, t, meta);\r\n const errorCssClass = cssClass || 'error';\r\n return \r\n
\r\n ) : (\r\n \r\n {currentPath === \"index\" ? (\r\n
\r\n )}\r\n {user && {errorMessage}
;\r\n};\r\n\r\nTranslatedServerError.propTypes = {\r\n t: PropTypes.func.isRequired,\r\n error: PropTypes.object,\r\n cssClass: PropTypes.string\r\n};\r\n\r\nexport default translate('TranslatedServerError')(TranslatedServerError);\r\n","import React from \"react\";\r\nimport { translate } from \"react-translate\";\r\nimport PropTypes from \"prop-types\";\r\nimport TranslatedServerError from \"./TranslatedServerError\";\r\nimport Select from \"react-select\";\r\nimport config from \"../config/TellTur\";\r\n\r\nclass UserRegistrationForm extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { proposedFriluftsraad: undefined };\r\n }\r\n\r\n onTextChange = evt => {\r\n const { handleChange } = this.props;\r\n\r\n handleChange(evt.target.name, evt.target.value);\r\n };\r\n\r\n get getGroupedMunicipalities() {\r\n const { municipalities } = this.props;\r\n const fylker = config.fylkesnummer;\r\n\r\n const municipalitiesGroupedByCounties = fylker\r\n .map(fylke => {\r\n return {\r\n label: fylke.navn,\r\n options: municipalities\r\n .filter(municipality => {\r\n if (municipality.komm < 999) {\r\n return fylke.nummer === \"03\"; // this is bcs kommunenummer are stored in psql as int and for Oslo is stored as 301 instead 0301 becouse of leading 0\r\n }\r\n return String(municipality.komm).slice(0, 2) === fylke.nummer;\r\n })\r\n .sort((a, b) => (a.navn > b.navn ? 1 : b.navn > a.navn ? -1 : 0))\r\n };\r\n })\r\n .sort((a, b) => (a.navn > b.navn ? 1 : b.navn > a.navn ? -1 : 0));\r\n\r\n return municipalitiesGroupedByCounties;\r\n }\r\n\r\n componentDidMount() {\r\n this.getAssociatedFriluftsraad();\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.municipality !== this.props.municipality) {\r\n this.getAssociatedFriluftsraad(this.props.municipality);\r\n }\r\n }\r\n\r\n getAssociatedFriluftsraad(newValue) {\r\n const { allFriluftsraad, friluftsraadMedlemskommuner } = this.props;\r\n let associatedFriluftsraadArr = [];\r\n\r\n if (!newValue) {\r\n this.setState({ proposedFriluftsraad: allFriluftsraad });\r\n return;\r\n }\r\n\r\n const associatedFriluftsraad = friluftsraadMedlemskommuner.filter(\r\n fr => fr.kommune === newValue\r\n );\r\n\r\n if (!associatedFriluftsraad || !associatedFriluftsraad.length) {\r\n this.setState({ proposedFriluftsraad: allFriluftsraad });\r\n return;\r\n }\r\n\r\n associatedFriluftsraadArr = allFriluftsraad.filter(fr =>\r\n associatedFriluftsraad.some(asf => asf.fr_id === fr.rolle_id)\r\n );\r\n this.setState({\r\n proposedFriluftsraad: [\r\n {\r\n label: \"Friluftsråd for din bostedskommune\",\r\n options: associatedFriluftsraadArr\r\n },\r\n {\r\n label: \"Andre TellTur-friluftsråd\",\r\n options: allFriluftsraad.filter(fr =>\r\n associatedFriluftsraad.some(asf => asf.fr_id !== fr.rolle_id)\r\n )\r\n }\r\n ]\r\n });\r\n }\r\n\r\n render() {\r\n const {\r\n username,\r\n password,\r\n passwordRepeat,\r\n mobile,\r\n municipality,\r\n municipalities,\r\n firstname,\r\n surname,\r\n yearOfBirth,\r\n email,\r\n selectedFriluftsraadId,\r\n consentEmail,\r\n allFriluftsraad,\r\n validationErrors,\r\n registerUserError,\r\n t,\r\n handleChange,\r\n handleSubmit\r\n } = this.props;\r\n\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nUserRegistrationForm.propTypes = {\r\n username: PropTypes.string.isRequired,\r\n password: PropTypes.string.isRequired,\r\n passwordRepeat: PropTypes.string.isRequired,\r\n mobile: PropTypes.string.isRequired,\r\n municipality: PropTypes.number,\r\n firstname: PropTypes.string.isRequired,\r\n surname: PropTypes.string.isRequired,\r\n yearOfBirth: PropTypes.string.isRequired,\r\n email: PropTypes.string.isRequired,\r\n selectedFriluftsraadId: PropTypes.string,\r\n consentEmail: PropTypes.bool,\r\n allFriluftsraad: PropTypes.array,\r\n validationErrors: PropTypes.object,\r\n registerUserError: PropTypes.object,\r\n t: PropTypes.func.isRequired,\r\n handleChange: PropTypes.func.isRequired,\r\n handleSubmit: PropTypes.func.isRequired,\r\n municipalities: PropTypes.array,\r\n friluftsraadMedlemskommuner: PropTypes.array\r\n};\r\n\r\nexport default translate(\"UserRegistrationForm\")(UserRegistrationForm);\r\n","import React from \"react\";\r\nimport { translate } from \"react-translate\";\r\nimport PropTypes from \"prop-types\";\r\nimport { clearUser, registerUser } from \"../redux/user\";\r\nimport { getPageSections } from \"../utils/Page\";\r\nimport { withRouter, Link } from \"react-router-dom\";\r\nimport { getCompanies } from \"../redux/companies\";\r\nimport UserRegistrationForm from \"./UserRegistrationForm\";\r\nimport { connect } from \"react-redux\";\r\nimport Title from \"./Title\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport LoadingIndicator from \"./LoadingIndicator\";\r\nimport scopedBindActionCreators from \"../utils/scopedReducer\";\r\nimport { actions as digiThemeActions } from \"../utils/digiTheme\";\r\nimport config from \"../config/TellTur\";\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n registerUser: bindActionCreators(registerUser, dispatch),\r\n clearUser: bindActionCreators(clearUser, dispatch),\r\n getCompanies: bindActionCreators(getCompanies, dispatch),\r\n getAllFriluftsraad: scopedBindActionCreators(\r\n digiThemeActions.readFiltered,\r\n dispatch,\r\n \"readFriluftsraad\"\r\n ),\r\n readFriluftsraadMedlemskommuner: scopedBindActionCreators(\r\n digiThemeActions.readFiltered,\r\n dispatch,\r\n \"friluftsraadMedlemskommuner\"\r\n )\r\n };\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n registeredUserEmail: state.user.registeredUserEmail,\r\n registerUserError: state.user.error,\r\n user: state.user.user,\r\n allFriluftsraad: state.readFriluftsraad.records,\r\n companies: state.companies.companies,\r\n friluftsraadMedlemskommuner: state.friluftsraadMedlemskommuner.records,\r\n friluftsraadMedlemskommunerLoading: state.friluftsraadMedlemskommuner.loading\r\n});\r\n\r\nclass UserRegistrationPage extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n username: \"\",\r\n password: \"\",\r\n passwordRepeat: \"\",\r\n firstname: \"\",\r\n surname: \"\",\r\n mobile: \"\",\r\n email: \"\",\r\n municipality: undefined,\r\n yearOfBirth: \"\",\r\n validationErrors: {},\r\n selectedFriluftsraadId: \"\",\r\n selectedCompanyId: \"-1\"\r\n };\r\n\r\n this.redirect = this.redirect.bind(this);\r\n this.handleSubmit = this.handleSubmit.bind(this);\r\n this.validateForm = this.validateForm.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n }\r\n\r\n componentWillMount() {\r\n this.props.clearUser();\r\n this.props.getAllFriluftsraad(\r\n config.friluftsraadDt.columns,\r\n null,\r\n config.mapProjCode,\r\n 0,\r\n 1000,\r\n null\r\n );\r\n }\r\n\r\n componentDidMount() {\r\n this.props.readFriluftsraadMedlemskommuner(\r\n config.friluftsraadMedlemskommunerDt.columns,\r\n null,\r\n config.mapProjCode,\r\n 0,\r\n 0,\r\n null\r\n );\r\n }\r\n\r\n redirect() {\r\n this.props.history.push(\"/logginn\");\r\n }\r\n\r\n handleSubmit(evt) {\r\n evt.preventDefault();\r\n const {\r\n username,\r\n password,\r\n firstname,\r\n surname,\r\n mobile,\r\n email,\r\n municipality,\r\n yearOfBirth,\r\n selectedFriluftsraadId,\r\n selectedCompanyId,\r\n consentEmail\r\n } = this.state;\r\n\r\n if (!this.validateForm()) {\r\n return;\r\n }\r\n\r\n const userData = {\r\n first_name: firstname,\r\n last_name: surname,\r\n nick_name: username,\r\n mobile: mobile,\r\n address_city: municipality,\r\n description: yearOfBirth.toString()\r\n };\r\n this.props.registerUser(\r\n firstname,\r\n surname,\r\n email,\r\n password,\r\n userData,\r\n yearOfBirth,\r\n selectedFriluftsraadId,\r\n selectedCompanyId,\r\n consentEmail\r\n );\r\n }\r\n\r\n validateForm() {\r\n const { t } = this.props;\r\n const {\r\n username,\r\n password,\r\n firstname,\r\n surname,\r\n mobile,\r\n email,\r\n municipality,\r\n yearOfBirth,\r\n selectedFriluftsraadId,\r\n selectedCompanyId\r\n } = this.state;\r\n\r\n const validationErrors = {};\r\n if (username.length < 4) {\r\n validationErrors.username = t(\"UsernameTooShort\");\r\n }\r\n\r\n if (password !== this.state.passwordRepeat) {\r\n validationErrors.passwordRepeat = t(\"PasswordsDoNotMatch\");\r\n }\r\n\r\n if (password.length < 3) {\r\n validationErrors.password = t(\"PasswordIsTooShort\");\r\n }\r\n\r\n if (firstname.length < 2) {\r\n validationErrors.firstname = t(\"FirstnameNotValid\");\r\n }\r\n\r\n if (surname.length < 2) {\r\n validationErrors.surname = t(\"SurnameNotValid\");\r\n }\r\n\r\n var numberRegex = /^-?\\d+\\.?\\d*$/;\r\n if (mobile.length < 7 || !numberRegex.test(mobile)) {\r\n validationErrors.mobile = t(\"MobileNotValid\");\r\n }\r\n\r\n var emailRegEx =\r\n /[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/;\r\n if (!emailRegEx.test(email)) {\r\n validationErrors.email = t(\"EmailAddressNotValid\");\r\n }\r\n\r\n if (municipality.length < 2 || isNaN(municipality)) {\r\n validationErrors.municipality = t(\"MunicipalityNotValid\");\r\n }\r\n\r\n if (\r\n yearOfBirth.length !== 4 ||\r\n !numberRegex.test(yearOfBirth) ||\r\n yearOfBirth < 1900 ||\r\n yearOfBirth > new Date().getFullYear()\r\n ) {\r\n validationErrors.yearOfBirth = t(\"YearOfBirthNotValid\");\r\n }\r\n\r\n if (\r\n selectedFriluftsraadId === undefined ||\r\n selectedFriluftsraadId === null ||\r\n selectedFriluftsraadId === \"\"\r\n ) {\r\n validationErrors.selectedFriluftsraadId = t(\"SelectedFriluftsraadIdIsMissing\");\r\n }\r\n\r\n if (!numberRegex.test(selectedCompanyId)) {\r\n validationErrors.selectedCompanyId = t(\"SelectedCompanyIdIsInvalid\");\r\n }\r\n\r\n this.setState({ validationErrors });\r\n\r\n if (Object.keys(validationErrors).length > 0) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n handleChange(key, value) {\r\n this.setState({\r\n [key]: value\r\n });\r\n }\r\n\r\n render() {\r\n const {\r\n t,\r\n page,\r\n registerUserError,\r\n allFriluftsraad,\r\n companies,\r\n municipalities,\r\n loading,\r\n friluftsraadMedlemskommuner\r\n } = this.props;\r\n const sections = getPageSections(page);\r\n const createdUser = this.props.registeredUserEmail;\r\n return (\r\n \r\n {loading ? (\r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nUserRegistrationPage.propTypes = {\r\n t: PropTypes.func.isRequired,\r\n page: PropTypes.object,\r\n registeredUserEmail: PropTypes.string,\r\n registerUserError: PropTypes.object,\r\n registerUser: PropTypes.func,\r\n clearUser: PropTypes.func,\r\n history: PropTypes.object,\r\n allFriluftsraad: PropTypes.array,\r\n getAllFriluftsraad: PropTypes.func,\r\n companies: PropTypes.array,\r\n getCompanies: PropTypes.func,\r\n municipalities: PropTypes.array,\r\n loading: PropTypes.bool,\r\n readFriluftsraadMedlemskommuner: PropTypes.func.isRequired,\r\n friluftsraadMedlemskommuner: PropTypes.array\r\n};\r\n\r\nexport default translate(\"UserRegistrationPage\")(\r\n connect(mapStateToProps, mapDispatchToProps)(withRouter(UserRegistrationPage))\r\n);\r\n","import React from \"react\";\r\nimport { translate } from \"react-translate\";\r\nimport { LoginForm, authReducerActions } from \"@avinet/react-adaptive-auth\";\r\nimport { connect } from \"react-redux\";\r\nimport { getUserDetails } from \"../redux/user\";\r\nimport { withRouter, Link } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport Title from \"./Title\";\r\nimport LoadingIndicator from \"./LoadingIndicator\";\r\nimport \"./LoginPage.scss\";\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n getUserDetails: () => {\r\n dispatch(getUserDetails());\r\n },\r\n loggedIn: () => {\r\n dispatch(authReducerActions.loggedIn());\r\n }\r\n };\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n sessionExpired: state.auth.sessionExpired\r\n});\r\n\r\nclass LoginPage extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.onLogin = this.onLogin.bind(this);\r\n this.onLoggingIn = this.onLoggingIn.bind(this);\r\n\r\n this.state = {\r\n loading: false\r\n };\r\n }\r\n\r\n onLogin() {\r\n this.props.getUserDetails();\r\n this.props.loggedIn();\r\n this.props.history.push(\"/minprofil\");\r\n }\r\n\r\n onLoggingIn(loading) {\r\n this.setState({ loading });\r\n }\r\n\r\n render() {\r\n const { t, page, sessionExpired } = this.props;\r\n return (\r\n \r\n
\r\n ) : (\r\n {page.title}
\r\n {!createdUser ? (\r\n\r\n {sections && (\r\n
\r\n ) : (\r\n \r\n {sections && (\r\n
\r\n )}\r\n \r\n \r\n {this.state.loading && (\r\n
\r\n );\r\n }\r\n}\r\n\r\nLoginPage.propTypes = {\r\n history: PropTypes.object.isRequired,\r\n t: PropTypes.func.isRequired,\r\n page: PropTypes.object,\r\n baseUrl: PropTypes.string,\r\n getUserDetails: PropTypes.func,\r\n loggedIn: PropTypes.func.isRequired,\r\n sessionExpired: PropTypes.bool\r\n};\r\n\r\nexport default withRouter(\r\n translate(\"LoginPage\")(connect(mapStateToProps, mapDispatchToProps)(LoginPage))\r\n);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Icon from '../components/Icon';\r\nimport './TextEditableControl.scss';\r\n\r\nclass TextEditableControl extends React.Component {\r\n constructor (props) {\r\n super(props);\r\n this.state = {\r\n editMode: false,\r\n editedControlValue: props.controlValue\r\n };\r\n\r\n this.onBlur = this.onBlur.bind(this);\r\n this.onFocus = this.onFocus.bind(this);\r\n this.onSubmit = this.onSubmit.bind(this);\r\n this.onPencilClick = this.onPencilClick.bind(this);\r\n }\r\n\r\n componentWillReceiveProps (nextProps) {\r\n if (\r\n (this.state.editedControlValue === null || this.state.editedControlValue === undefined) &&\r\n nextProps.controlValue\r\n ) {\r\n this.setState({ editedControlValue: nextProps.controlValue });\r\n }\r\n }\r\n\r\n onSubmit (evt) {\r\n evt.preventDefault();\r\n this.setState({ editMode: false });\r\n this.props.onSubmit(this.state.editedControlValue);\r\n }\r\n\r\n onBlur (evt) {\r\n if (\r\n evt.nativeEvent &&\r\n evt.nativeEvent.explicitOriginalTarget &&\r\n evt.nativeEvent.explicitOriginalTarget.nodeName === 'INPUT'\r\n ) {\r\n return;\r\n }\r\n this.setState({ editMode: false });\r\n }\r\n\r\n onFocus () {\r\n this.setState({ editedControlValue: this.props.controlValue });\r\n }\r\n\r\n onPencilClick () {\r\n this.setState({ editMode: true }, () => {});\r\n }\r\n\r\n render () {\r\n const { editMode, editedControlValue } = this.state;\r\n const {\r\n controlClassName,\r\n labelText,\r\n controlValue,\r\n submitText,\r\n inputType,\r\n disabled,\r\n errorText,\r\n ...props\r\n } = this.props;\r\n return (\r\n \r\n \r\n {!editMode && (\r\n {page.title}
\r\n{t(\"sessionExpired\")}
\r\n )}\r\n\r\n
\r\n )}\r\n \r\n \r\n \r\n {t(\"ForgotPassword\")}\r\n {\" \"}\r\n | {t(\"NewUser\")} \r\n \r\n {t(\"RegisterHere\")}\r\n \r\n
\r\n \r\n
\r\n )}\r\n {editMode && (\r\n {controlValue}
\r\n \r\n\r\n input && input.focus()}\r\n autoFocus\r\n type={inputType}\r\n value={editedControlValue}\r\n onChange={e => this.setState({ editedControlValue: e.target.value })}\r\n onFocus={this.onFocus}\r\n onBlur={this.onBlur}\r\n {...props}\r\n />\r\n evt.preventDefault()}\r\n >\r\n {submitText}\r\n \r\n
\r\n )}\r\n {errorText}\r\n \r\n );\r\n }\r\n}\r\n\r\nTextEditableControl.defaultProps = {\r\n controlClassName: '',\r\n inputType: 'text'\r\n};\r\n\r\nTextEditableControl.propTypes = {\r\n controlClassName: PropTypes.string,\r\n inputType: PropTypes.string,\r\n labelText: PropTypes.string.isRequired,\r\n controlValue: PropTypes.any,\r\n onSubmit: PropTypes.func.isRequired,\r\n submitText: PropTypes.string,\r\n disabled: PropTypes.bool,\r\n errorText: PropTypes.string\r\n};\r\n\r\nexport default TextEditableControl;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport Icon from \"../components/Icon\";\r\nimport Select from \"react-select\";\r\nimport { translate } from \"react-translate\";\r\nimport \"./EditableSearchDropdown.scss\";\r\n\r\nclass EditableSearchDropdown extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n editMode: false,\r\n valuePropName: props.valuePropName || \"value\",\r\n labelPropName: props.labelPropName || \"label\",\r\n };\r\n\r\n this.onSubmit = this.onSubmit.bind(this);\r\n this.onPencilClick = this.onPencilClick.bind(this);\r\n }\r\n\r\n onSubmit(evt) {\r\n const { controlKey, controlValue, onSubmit } = this.props;\r\n const { valuePropName, selectedItem } = this.state;\r\n evt.preventDefault();\r\n const value =\r\n selectedItem && selectedItem[valuePropName]\r\n ? selectedItem[valuePropName]\r\n : controlValue;\r\n onSubmit(controlKey, value);\r\n this.setState({ editMode: false, selectedItem: undefined });\r\n }\r\n\r\n onPencilClick() {\r\n this.setState({ editMode: true });\r\n }\r\n\r\n handleCancel(evt) {\r\n this.setState({\r\n editMode: false,\r\n });\r\n }\r\n\r\n render() {\r\n const { valuePropName, labelPropName, editMode, selectedItem } = this.state;\r\n const {\r\n controlClassName,\r\n labelText,\r\n errorText,\r\n errorClassName,\r\n dropdownItems,\r\n collapsible,\r\n placeholder,\r\n t,\r\n styles,\r\n } = this.props;\r\n let { controlValue } = this.props;\r\n\r\n const valueFunction = (o) => {\r\n return o[valuePropName];\r\n };\r\n\r\n const labelFunction = (o) => {\r\n return o[labelPropName];\r\n };\r\n\r\n let flatten = [];\r\n\r\n !dropdownItems.find((item) => item.options)\r\n ? (flatten = dropdownItems)\r\n : dropdownItems.forEach((item) =>\r\n item.options.map((option) => flatten.push(option))\r\n );\r\n\r\n const valueObject = flatten.find((m) => m[valuePropName] === controlValue);\r\n\r\n if (valueObject) {\r\n controlValue = valueObject[labelPropName];\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n {controlValue}\r\n
\r\n\r\n this.handleCancel(evt)}\r\n onChange={(di, action) => {\r\n if (action.action === \"select-option\") {\r\n this.setState({ selectedItem: di });\r\n }\r\n }}\r\n styles={styles}\r\n />\r\n
\r\n \r\n \r\n )}\r\n {errorText}\r\n \r\n \r\n
\r\n {t(\"ReminderText1\")}
\r\n\r\n {this.state.displayPopup && this.handlePopUp()}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nMyProfileForm.propTypes = {\r\n t: PropTypes.func,\r\n isLoading: PropTypes.bool,\r\n nick_name: PropTypes.string,\r\n firstname: PropTypes.string,\r\n surname: PropTypes.string,\r\n mobile: PropTypes.string,\r\n email: PropTypes.string,\r\n municipality: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n yearofbirth: PropTypes.number,\r\n validationErrors: PropTypes.object.isRequired,\r\n handleFamilyMemberSubmit: PropTypes.func.isRequired,\r\n handleUserSubmit: PropTypes.func.isRequired,\r\n municipalities: PropTypes.array\r\n};\r\n\r\nexport default translate(\"MyProfileForm\")(MyProfileForm);\r\n","import request from \"superagent\";\r\nimport { getSessionToken } from \"@avinet/react-adaptive-auth\";\r\nimport config from \"../config/TellTur\";\r\n\r\nconst getConsents = async () => {\r\n try {\r\n var response = await request\r\n .post(config.adaptiveUrl + \"WebServices/generic/Privacy.asmx/Consents\")\r\n .send({})\r\n .set(\"Accept\", \"application/json\")\r\n .set(\"gm_session_id\", getSessionToken());\r\n\r\n if (!response.ok) {\r\n // eslint-disable-next-line\r\n console.error(\"Received an error from server\");\r\n return [];\r\n }\r\n response = response.body.d;\r\n\r\n if (response.exception || !response.success) {\r\n // eslint-disable-next-line\r\n console.error(response.exception || \"Received an error from server\");\r\n }\r\n return response.records || [];\r\n } catch (err) {\r\n // eslint-disable-next-line\r\n console.error(err);\r\n return [];\r\n }\r\n};\r\n\r\nconst accept = async () => {\r\n try {\r\n var response = await request\r\n .post(config.adaptiveUrl + \"WebServices/generic/Privacy.asmx/Accept\")\r\n .send({\r\n version: config.privacyVersion,\r\n category: \"telltur_user_email_consent\"\r\n })\r\n .set(\"Accept\", \"application/json\")\r\n .set(\"gm_session_id\", getSessionToken());\r\n\r\n if (!response.ok) {\r\n // eslint-disable-next-line\r\n console.error(\"Received an error from server\");\r\n return false;\r\n }\r\n response = response.body.d;\r\n\r\n if (response.exception || !response.success) {\r\n // eslint-disable-next-line\r\n console.error(response.exception || \"Received an error from server\");\r\n }\r\n return response.success || false;\r\n } catch (err) {\r\n // eslint-disable-next-line\r\n console.error(err);\r\n return false;\r\n }\r\n};\r\n\r\nexport { getConsents, accept };\r\n","import React from \"react\";\r\nimport { translate } from \"react-translate\";\r\nimport { withRouter, Link } from \"react-router-dom\";\r\nimport Icon from \"./Icon\";\r\nimport PropTypes from \"prop-types\";\r\nimport MyProfileForm from \"./MyProfileForm\";\r\nimport { fixDate } from \"../utils/date\";\r\nimport EditableSearchDropdown from \"./EditableSearchDropdown\";\r\nimport { logout, getSessionToken } from \"@avinet/react-adaptive-auth\";\r\nimport { getPageSections } from \"../utils/Page\";\r\nimport LoadingIndicator from \"./LoadingIndicator\";\r\nimport TranslatedServerError from \"./TranslatedServerError\";\r\nimport Title from \"./Title\";\r\nimport \"./ProfilePage.scss\";\r\nimport PopupBox from \"./PopupBox\";\r\nimport request from \"superagent\";\r\nimport { getConsents } from \"../utils/privacy\";\r\nimport config from \"../config/TellTur\";\r\nimport { validateProfile } from \"../utils/profile\";\r\n\r\nclass MyProfilePage extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n mainMember: undefined,\r\n user: undefined,\r\n nick_name: \"\",\r\n firstname: \"\",\r\n surname: \"\",\r\n mobile: \"\",\r\n email: \"\",\r\n municipality: \"\",\r\n yearofbirth: -1,\r\n displayDeleteInfoBox: false,\r\n confirmDelete: false,\r\n validationErrors: {},\r\n sections: undefined,\r\n selectedFriluftsraadId: \"\",\r\n selectedCompanyId: -1,\r\n dropdownItems: undefined,\r\n displayPopup: false,\r\n consentEmail: false,\r\n consentLoading: false\r\n };\r\n\r\n this.handleFamilyMemberSubmit = this.handleFamilyMemberSubmit.bind(this);\r\n this.deleteAccount = this.deleteAccount.bind(this);\r\n this.setMainMember = this.setMainMember.bind(this);\r\n this.setUserFields = this.setUserFields.bind(this);\r\n this.handleUserSubmit = this.handleUserSubmit.bind(this);\r\n this.updateFriluftsraadForMembers = this.updateFriluftsraadForMembers.bind(this);\r\n this.validateValue = this.validateValue.bind(this);\r\n this.handleCompanySubmit = this.handleCompanySubmit.bind(this);\r\n this.toggleDisplayPopup = this.toggleDisplayPopup.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.members) {\r\n this.setMainMember(this.props.members);\r\n }\r\n if (this.props.user) {\r\n this.setUserFields(this.props.user);\r\n }\r\n this.checkForConsent();\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n const { members, user, t } = this.props;\r\n if (!this.state.sections && nextProps.page && nextProps.page.content) {\r\n const sections = getPageSections(nextProps.page);\r\n this.setState({ sections });\r\n }\r\n if (nextProps.members && !members) {\r\n this.setMainMember(nextProps.members);\r\n }\r\n if (nextProps.user && !user) {\r\n this.setUserFields(nextProps.user);\r\n }\r\n if (\r\n (nextProps.serverError && !this.props.serverError) ||\r\n (nextProps.userError && !this.props.userError)\r\n ) {\r\n this.setState({ displayPopup: true });\r\n }\r\n\r\n if (members && user && this.state.mainMember) {\r\n const validProfile = validateProfile(user, this.state.mainMember);\r\n\r\n const validationErrors = {};\r\n\r\n validationErrors[Object.keys(validProfile.errors)] = t(Object.values(validProfile.errors));\r\n\r\n this.setState({ validationErrors });\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n const { allFriluftsraad, friluftsraadMedlemskommuner, isLoading } = this.props;\r\n const { user, dropdownItems } = this.state;\r\n if (\r\n !isLoading &&\r\n allFriluftsraad.length &&\r\n friluftsraadMedlemskommuner.length &&\r\n !dropdownItems\r\n ) {\r\n this.getAssociatedFriluftsraad(parseInt(user.user_data.address_city));\r\n }\r\n }\r\n\r\n async checkForConsent() {\r\n const allConsent = await getConsents();\r\n\r\n allConsent.forEach(c => {\r\n if (c.category === config.consentEmail) {\r\n this.setState({ consentEmail: true });\r\n }\r\n });\r\n }\r\n\r\n onChangeConsent = (type, value) => {\r\n this.setState({ consentLoading: true });\r\n\r\n request\r\n .post(\r\n config.adaptiveUrl + \"WebServices/generic/Privacy.asmx/\" + (value ? \"Accept\" : \"Revoke\")\r\n )\r\n .set(\"gm_session_id\", getSessionToken())\r\n .send({ category: type, version: 1 })\r\n .then(res => res.body)\r\n .then(res => {\r\n if (type === config.consentEmail) {\r\n this.setState({ consentEmail: value });\r\n }\r\n this.setState({ consentLoading: false });\r\n })\r\n .catch(err => {\r\n // eslint-disable-next-line\r\n console.warn(err);\r\n this.setState({ consentLoading: false });\r\n });\r\n };\r\n\r\n setMainMember(members) {\r\n const mainMember = members.find(m => m.is_main_familymember);\r\n if (mainMember) {\r\n this.setState({\r\n mainMember,\r\n nick_name: mainMember.nick_name,\r\n yearofbirth: mainMember.yearofbirth,\r\n selectedFriluftsraadId: mainMember.selected_friluftsraad_uuid,\r\n selectedCompanyId:\r\n mainMember.bedrift_id !== undefined &&\r\n mainMember.bedrift_id !== null &&\r\n mainMember.bedrift_id > 0\r\n ? mainMember.bedrift_id\r\n : -1\r\n });\r\n this.props.getCompanies(mainMember.selected_friluftsraad_uuid);\r\n }\r\n }\r\n\r\n setUserFields(user) {\r\n this.setState({\r\n user,\r\n firstname: user.user_data.first_name,\r\n surname: user.user_data.last_name,\r\n mobile: user.user_data.mobile,\r\n municipality: user.user_data.address_city,\r\n email: user.email\r\n });\r\n }\r\n\r\n deleteAccount(evt) {\r\n evt.preventDefault();\r\n this.props.deleteUser(this.state.user.uuid, () => {\r\n logout();\r\n this.props.history.push(\"/\");\r\n });\r\n }\r\n\r\n validateValue(propertyName, newValue) {\r\n const { t } = this.props;\r\n var numberRegex = /^-?\\d+\\.?\\d*$/;\r\n var validationErrors = {};\r\n\r\n if (propertyName === \"yearofbirth\") {\r\n if (\r\n !numberRegex.test(newValue) ||\r\n newValue < new Date().getFullYear() - 120 ||\r\n newValue > new Date().getFullYear()\r\n ) {\r\n validationErrors.yearofbirth = t(\"YearOfBirthNotValid\");\r\n }\r\n }\r\n\r\n if (propertyName === \"nick_name\" && newValue.length < 4) {\r\n validationErrors.nick_name = t(\"UsernameTooShort\");\r\n }\r\n\r\n if (propertyName === \"firstname\" && newValue.length < 2) {\r\n validationErrors.firstname = t(\"FirstnameNotValid\");\r\n }\r\n\r\n if (propertyName === \"surname\" && newValue.length < 2) {\r\n validationErrors.surname = t(\"SurnameNotValid\");\r\n }\r\n\r\n if (propertyName === \"mobile\" && (newValue.length < 7 || !numberRegex.test(newValue))) {\r\n validationErrors.mobile = t(\"MobileNotValid\");\r\n }\r\n\r\n var emailRegEx =\r\n /[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/;\r\n if (propertyName === \"email\" && !emailRegEx.test(newValue)) {\r\n validationErrors.email = t(\"EmailAddressNotValid\");\r\n }\r\n\r\n if (propertyName === \"municipality\" && newValue.length < 2 && isNaN(newValue)) {\r\n validationErrors.municipality = t(\"MunicipalityNotValid\");\r\n }\r\n\r\n this.setState({ validationErrors });\r\n if (Object.keys(validationErrors).length > 0) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n handleFamilyMemberSubmit(propertyName, newValue) {\r\n const { mainMember } = this.state;\r\n if (propertyName === \"yearofbirth\" || propertyName === \"bedrift_id\") {\r\n newValue = parseInt(newValue);\r\n }\r\n if (this.state[propertyName] !== newValue) {\r\n if (this.validateValue(propertyName, newValue)) {\r\n this.setState({ [propertyName]: newValue }, () => {\r\n const member = mainMember;\r\n member.nick_name = this.state.nick_name;\r\n member.yearofbirth = this.state.yearofbirth;\r\n member.bedrift_id =\r\n this.state.selectedCompanyId === -1 ? null : this.state.selectedCompanyId;\r\n member.create_date = fixDate(member.create_date);\r\n this.props.addMember(member);\r\n });\r\n }\r\n }\r\n }\r\n\r\n handleUserSubmit(propertyName, newValue) {\r\n if (this.state[propertyName] !== newValue) {\r\n if (this.validateValue(propertyName, newValue)) {\r\n this.setState({ [propertyName]: newValue }, () => {\r\n const user = this.state.user;\r\n user.user_data.first_name = this.state.firstname;\r\n user.user_data.last_name = this.state.surname;\r\n user.user_data.mobile = this.state.mobile;\r\n user.user_data.address_city = this.state.municipality;\r\n user.email = this.state.email.toLowerCase();\r\n\r\n this.props.updateUser(user);\r\n this.setState({ dropdownItems: undefined });\r\n });\r\n }\r\n }\r\n }\r\n\r\n getAssociatedFriluftsraad(newValue) {\r\n const { allFriluftsraad, friluftsraadMedlemskommuner } = this.props;\r\n let associatedFriluftsraadArr = [];\r\n\r\n if (!newValue) {\r\n this.setState({ dropdownItems: allFriluftsraad });\r\n return;\r\n }\r\n\r\n const associatedFriluftsraad = friluftsraadMedlemskommuner.filter(\r\n fr => fr.kommune === newValue\r\n );\r\n\r\n if (!associatedFriluftsraad || !associatedFriluftsraad.length) {\r\n this.setState({ dropdownItems: allFriluftsraad });\r\n return;\r\n }\r\n\r\n associatedFriluftsraadArr = allFriluftsraad.filter(fr =>\r\n associatedFriluftsraad.some(asf => asf.fr_id === fr.rolle_id)\r\n );\r\n this.setState({\r\n dropdownItems: [\r\n {\r\n label: \"Friluftsråd for din bostedskommune\",\r\n options: associatedFriluftsraadArr\r\n },\r\n {\r\n label: \"Andre TellTur-friluftsråd\",\r\n options: allFriluftsraad.filter(fr =>\r\n associatedFriluftsraad.some(asf => asf.fr_id !== fr.rolle_id)\r\n )\r\n }\r\n ]\r\n });\r\n }\r\n\r\n updateFriluftsraadForMembers(uuid) {\r\n if (uuid === \"\") {\r\n this.setState({\r\n selectedFriluftsraadErrorText: this.props.t(\"SelectedFriluftsraadIsInvalid\")\r\n });\r\n return;\r\n }\r\n this.props.members.forEach(m => {\r\n m.selected_friluftsraad_uuid = uuid;\r\n m.bedrift_id = null;\r\n m.create_date = fixDate(m.create_date);\r\n this.props.addMember(m);\r\n });\r\n this.setState({ changeFriluftsraad: false, selectedFriluftsraadId: uuid }, () => {\r\n this.props.getCompanies(uuid);\r\n });\r\n }\r\n\r\n handleCompanySubmit(id) {\r\n this.handleFamilyMemberSubmit(\"selectedCompanyId\", id);\r\n }\r\n\r\n get getGroupedMunicipalities() {\r\n const { municipalities } = this.props;\r\n const fylker = config.fylkesnummer;\r\n\r\n const municipalitiesGroupedByCounties = fylker\r\n .map(fylke => {\r\n return {\r\n label: fylke.navn,\r\n options: municipalities\r\n .filter(municipality => {\r\n if (municipality.komm < 999) {\r\n return fylke.nummer === \"03\"; // this is bcs kommunenummer are stored in psql as int and for Oslo is stored as 301 instead 0301 becouse of leading 0\r\n }\r\n return String(municipality.komm).slice(0, 2) === fylke.nummer;\r\n })\r\n .sort((a, b) => (a.navn > b.navn ? 1 : b.navn > a.navn ? -1 : 0))\r\n };\r\n })\r\n .sort((a, b) => (a.navn > b.navn ? 1 : b.navn > a.navn ? -1 : 0));\r\n\r\n return municipalitiesGroupedByCounties;\r\n }\r\n\r\n toggleDisplayPopup = () => {\r\n this.setState(prevState => ({\r\n displayPopup: !prevState.displayPopup\r\n }));\r\n };\r\n\r\n render() {\r\n const {\r\n t,\r\n page,\r\n serverError,\r\n userError,\r\n isLoading,\r\n loading,\r\n municipalities,\r\n allFriluftsraad,\r\n ...restOfProps\r\n } = this.props;\r\n const {\r\n sections,\r\n displayDeleteInfoBox,\r\n confirmDelete,\r\n error,\r\n changeFriluftsraad,\r\n selectedFriluftsraadId,\r\n selectedCompanyId,\r\n dropdownItems,\r\n consentLoading,\r\n consentEmail,\r\n ...restOfState\r\n } = this.state;\r\n\r\n const groupedMunicipalities = this.getGroupedMunicipalities;\r\n\r\n const dummyCompanyArray = this.props.companies\r\n ? [\r\n {\r\n id: -1,\r\n navn: t(\"Unjoin\"),\r\n className: \"unjoin\",\r\n unjoin: true\r\n },\r\n ...this.props.companies\r\n ]\r\n : [];\r\n const dummyCompanyArrayStyles = {\r\n option: (styles, { data }) => {\r\n return {\r\n ...styles,\r\n borderBottom: data.unjoin ? \"1px dashed hsl(0,0%,80%)\" : null\r\n };\r\n }\r\n };\r\n\r\n return (\r\n \r\n {(isLoading ||\r\n consentLoading ||\r\n (loading && municipalities.length === 0) ||\r\n !dropdownItems) && (\r\n \r\n \r\n )}\r\n {dropdownItems && (\r\n
\r\n )}\r\n \r\n );\r\n }\r\n}\r\n\r\nMyProfilePage.propTypes = {\r\n t: PropTypes.func.isRequired,\r\n page: PropTypes.object,\r\n isLoading: PropTypes.bool,\r\n user: PropTypes.object,\r\n addMember: PropTypes.func.isRequired,\r\n members: PropTypes.array,\r\n serverError: PropTypes.object,\r\n userError: PropTypes.object,\r\n updateUser: PropTypes.func.isRequired,\r\n deleteUser: PropTypes.func.isRequired,\r\n history: PropTypes.object,\r\n allFriluftsraad: PropTypes.array.isRequired,\r\n friluftsraadMedlemskommuner: PropTypes.array.isRequired,\r\n municipalities: PropTypes.array.isRequired,\r\n loading: PropTypes.bool,\r\n companies: PropTypes.array,\r\n getCompanies: PropTypes.func.isRequired\r\n};\r\n\r\nexport default withRouter(translate(\"MyProfilePage\")(MyProfilePage));\r\n","import request from \"superagent\";\r\nimport { getSessionToken, authReducerActions } from \"@avinet/react-adaptive-auth\";\r\nimport config from \"../config/TellTur\";\r\n\r\n// ------------------------------------\r\n// Constants\r\n// ------------------------------------\r\nexport const READING_MEMBERS = \"READING_MEMBERS\";\r\nexport const MEMBERS_READ = \"MEMBERS_READ\";\r\n\r\nexport const ADDING_MEMBER = \"ADDING_MEMBER\";\r\nexport const MEMBER_ADDED = \"MEMBER_ADDED\";\r\n\r\nexport const DELETING_MEMBER = \"DELETING_MEMBER\";\r\nexport const MEMBER_DELETED = \"MEMBER_DELETED\";\r\n\r\nexport const CLEAR_MEMBERS = \"CLEAR_MEMBERS\";\r\n// ------------------------------------\r\n// Actions\r\n// ------------------------------------\r\nconst addingMember = () => ({\r\n type: ADDING_MEMBER\r\n});\r\n\r\nconst clearMembersAction = () => ({\r\n type: CLEAR_MEMBERS\r\n});\r\n\r\nconst memberAdded = errorMessage => ({\r\n type: MEMBER_ADDED,\r\n payload: {\r\n error: errorMessage\r\n }\r\n});\r\n\r\nconst deletingMember = () => ({ type: DELETING_MEMBER });\r\n\r\nconst memberDeleted = errorMessage => ({\r\n type: MEMBER_DELETED,\r\n payload: {\r\n error: errorMessage\r\n }\r\n});\r\n\r\nconst readingMembers = () => ({ type: READING_MEMBERS });\r\n\r\nconst membersRead = (errorMessage, members) => ({\r\n type: MEMBERS_READ,\r\n payload: {\r\n error: errorMessage,\r\n members\r\n }\r\n});\r\n\r\n// ------------------------------------\r\n// Action creators\r\n// ------------------------------------\r\nexport function clearMembers() {\r\n return dispatch => {\r\n dispatch(clearMembersAction());\r\n };\r\n}\r\n\r\nexport function addMember(member, callback) {\r\n return dispatch => {\r\n dispatch(addingMember());\r\n\r\n request\r\n .post(config.adaptiveUrl + \"WebServices/telltur/FamilyMembers.asmx/Create\")\r\n // .post('http://localhost/a_a3/WebServices/telltur/FamilyMembers.asmx/Create')\r\n .send({\r\n data: member\r\n })\r\n .set(\"Accept\", \"application/json\")\r\n .set(\"gm_session_id\", getSessionToken())\r\n .set(\"gm_lang_code\", \"nb\")\r\n .end((err, response) => {\r\n if (err || !response.ok) {\r\n dispatch(memberAdded({ message: \"Error returned from service\" }));\r\n callback();\r\n return;\r\n }\r\n response = response.body.d;\r\n\r\n if (response.sessionExpired) {\r\n dispatch(authReducerActions.sessionExpired());\r\n }\r\n\r\n if (response.exception || !response.success) {\r\n dispatch(\r\n memberAdded(\r\n response.exception ? response.exception : { msg: \"Error returned from service\" }\r\n )\r\n );\r\n callback();\r\n return;\r\n }\r\n dispatch(memberAdded(null));\r\n callback();\r\n });\r\n };\r\n}\r\n\r\nexport function deleteMember(id, callback) {\r\n return dispatch => {\r\n dispatch(deletingMember());\r\n\r\n request\r\n .post(config.adaptiveUrl + \"WebServices/telltur/FamilyMembers.asmx/Delete\")\r\n // .post('http://localhost/a_a3/WebServices/telltur/FamilyMembers.asmx/Delete')\r\n .send({\r\n id\r\n })\r\n .set(\"Accept\", \"application/json\")\r\n .set(\"gm_session_id\", getSessionToken())\r\n .set(\"gm_lang_code\", \"nb\")\r\n .end((err, response) => {\r\n if (err || !response.ok) {\r\n dispatch(memberDeleted({ message: \"Error returned from service\" }));\r\n callback();\r\n return;\r\n }\r\n response = response.body.d;\r\n\r\n if (response.sessionExpired) {\r\n dispatch(authReducerActions.sessionExpired());\r\n }\r\n\r\n if (response.exception || !response.success) {\r\n dispatch(memberDeleted(\"Error returned from service\"));\r\n callback();\r\n return;\r\n }\r\n dispatch(memberDeleted(null));\r\n callback();\r\n });\r\n };\r\n}\r\n\r\nexport function readMembers(userUuid) {\r\n return dispatch => {\r\n dispatch(readingMembers());\r\n // userUuid = 'a68338f6-f8b2-473b-b692-3d2a5237c89b'; // TEST!\r\n request\r\n .post(config.adaptiveUrl + \"WebServices/telltur/FamilyMembers.asmx/Read\")\r\n // .post('http://localhost/a_a3/WebServices/telltur/FamilyMembers.asmx/Read')\r\n .send({\r\n user_uuid: userUuid\r\n })\r\n .set(\"Accept\", \"application/json\")\r\n .set(\"gm_session_id\", getSessionToken())\r\n .set(\"gm_lang_code\", \"nb\")\r\n .end((err, response) => {\r\n if (err || !response.ok) {\r\n dispatch(membersRead({ message: \"Error returned from service\" }));\r\n return;\r\n }\r\n response = response.body.d;\r\n\r\n if (response.sessionExpired) {\r\n dispatch(authReducerActions.sessionExpired());\r\n }\r\n\r\n if (response.exception || !response.success) {\r\n dispatch(membersRead(response.exception || { message: \"Error returned from service\" }));\r\n return;\r\n }\r\n var records = response.data.find(d => d.key === \"records\");\r\n dispatch(membersRead(null, records.value));\r\n });\r\n };\r\n}\r\n\r\n// ------------------------------------\r\n// Reducer\r\n// ------------------------------------\r\nconst initialState = {\r\n loading: false,\r\n error: null,\r\n members: null\r\n};\r\n\r\nexport function familyMembersReducer(state = initialState, action) {\r\n switch (action.type) {\r\n case ADDING_MEMBER:\r\n return Object.assign({}, state, {\r\n loading: true,\r\n error: null\r\n });\r\n case CLEAR_MEMBERS:\r\n return Object.assign({}, state, {\r\n loading: false,\r\n error: null,\r\n members: null\r\n });\r\n case MEMBER_ADDED:\r\n return Object.assign({}, state, {\r\n loading: false,\r\n error: action.payload.error ? action.payload.error : null\r\n });\r\n case READING_MEMBERS:\r\n return Object.assign({}, state, {\r\n loading: true,\r\n error: null,\r\n members: null\r\n });\r\n case MEMBERS_READ:\r\n return Object.assign({}, state, {\r\n loading: false,\r\n members: action.payload.members,\r\n error: action.payload.error ? action.payload.error : null\r\n });\r\n case DELETING_MEMBER:\r\n return Object.assign({}, state, {\r\n loading: true,\r\n error: null\r\n });\r\n case MEMBER_DELETED:\r\n return Object.assign({}, state, {\r\n error: action.payload.error ? action.payload.error : null,\r\n loading: false\r\n });\r\n default:\r\n return state;\r\n }\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport './Modal.scss';\r\n\r\nclass Modal extends React.PureComponent {\r\n componentWillMount () {\r\n document.body.classList.add('modal-open');\r\n }\r\n\r\n componentWillUnmount () {\r\n document.body.classList.remove('modal-open');\r\n }\r\n\r\n render () {\r\n return (\r\n \r\n
\r\n )}\r\n {this.state.displayPopup && (\r\n \r\n {\r\n this.updateFriluftsraadForMembers(newValue);\r\n }}\r\n controlValue={selectedFriluftsraadId}\r\n dropdownItems={dropdownItems}\r\n errorClassName=\"error friluftsraad-error\"\r\n labelPropName=\"navn\"\r\n valuePropName=\"uuid\"\r\n controlKey=\"uuid\"\r\n />\r\n {\r\n this.handleCompanySubmit(newValue);\r\n }}\r\n styles={dummyCompanyArrayStyles}\r\n controlValue={selectedCompanyId !== -1 ? selectedCompanyId : null}\r\n dropdownItems={dummyCompanyArray}\r\n errorClassName=\"error friluftsraad-error\"\r\n labelPropName=\"navn\"\r\n valuePropName=\"id\"\r\n controlKey=\"id\"\r\n />\r\n\r\n \r\n\r\n
\r\n )}\r\n \r\n {page.title}
\r\n {sections && (\r\n\r\n this.setState({ displayDeleteInfoBox: true })}\r\n >\r\n {t(\"DeleteAccount\")}\r\n \r\n \r\n
\r\n {sections && displayDeleteInfoBox && (\r\n \r\n
\r\n \r\n {t(\"ChangePassword\") + \"?\"}\r\n {\" \"}\r\n | \r\n \r\n
\r\n \r\n {t(\"EditFamilyMembers\")}\r\n {\" \"}\r\n | \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n this.setState({ confirmDelete: !confirmDelete })}\r\n >\r\n {confirmDelete &&
\r\n {t(\"ConfirmDelete\")}
\r\n \r\n \r\n \r\n {t(\"DeleteAccount\")}\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nModal.propTypes = {\r\n children: PropTypes.element\r\n};\r\n\r\nexport default Modal;\r\n","import request from \"superagent\";\r\nimport { getSessionToken, authReducerActions } from \"@avinet/react-adaptive-auth\";\r\nimport config from \"../config/TellTur\";\r\n\r\n// ------------------------------------\r\n// Constants\r\n// ------------------------------------\r\nexport const JOINING_COMPETITION = \"JOINING_COMPETITION\";\r\nexport const COMPETITION_JOINED_SUCCESS = \"COMPETITION_JOINED_SUCCESS\";\r\nexport const COMPETITION_JOINED_ERROR = \"COMPETITION_JOINED_ERROR\";\r\n\r\nexport const UNJOINING_COMPETITION = \"UNJOINING_COMPETITION\";\r\nexport const COMPETITION_UNJOINED_SUCCESS = \"COMPETITION_UNJOINED_SUCCESS\";\r\nexport const COMPETITION_UNJOINED_ERROR = \"COMPETITION_UNJOINED_ERROR\";\r\n\r\nexport const READ_JOINED_COMPETITIONS = \"READ_JOINED_COMPETITIONS\";\r\nexport const JOINED_COMPETITIONS_READ_SUCCESS = \"JOINED_COMPETITIONS_READ_SUCCESS\";\r\nexport const JOINED_COMPETITIONS_READ_ERROR = \"JOINED_COMPETITIONS_READ_ERROR\";\r\n\r\nexport const READ_UNIQUE_JOINED_COMPETITIONS = \"READ_UNIQUE_JOINED_COMPETITIONS\";\r\nexport const UNIQUE_JOINED_COMPETITIONS_READ_SUCCESS = \"UNIQUE_JOINED_COMPETITIONS_READ_SUCCESS\";\r\nexport const UNIQUE_JOINED_COMPETITIONS_READ_ERROR = \"UNIQUE_JOINED_COMPETITIONS_READ_ERROR\";\r\n\r\nexport const READ_COMPETITION_RESULTS = \"READ_COMPETITION_RESULTS\";\r\nexport const COMPETITION_RESULTS_READ_SUCCESS = \"COMPETITION_RESULTS_READ_SUCCESS\";\r\nexport const COMPETITION_RESULTS_READ_ERROR = \"COMPETITION_RESULTS_READ_ERROR\";\r\n\r\nexport const RESET_STATE = \"RESET_STATE\";\r\n\r\n// ------------------------------------\r\n// Actions\r\n// ------------------------------------\r\n\r\nconst joiningCompetition = () => ({\r\n type: JOINING_COMPETITION\r\n});\r\n\r\nconst competitionJoinedSuccess = success => ({\r\n type: COMPETITION_JOINED_SUCCESS,\r\n payload: {\r\n success\r\n }\r\n});\r\n\r\nconst competitionJoinedError = error => ({\r\n type: COMPETITION_JOINED_ERROR,\r\n payload: {\r\n error\r\n }\r\n});\r\n\r\nconst unjoiningCompetition = () => ({\r\n type: UNJOINING_COMPETITION\r\n});\r\n\r\nconst competitionUnjoinedSuccess = success => ({\r\n type: COMPETITION_UNJOINED_SUCCESS,\r\n payload: {\r\n success\r\n }\r\n});\r\n\r\nconst competitionUnjoinedError = error => ({\r\n type: COMPETITION_UNJOINED_ERROR,\r\n payload: {\r\n error\r\n }\r\n});\r\n\r\nconst readingJoinedCompetitions = () => ({\r\n type: READ_JOINED_COMPETITIONS\r\n});\r\n\r\nconst joinCompetitionReadSuccess = (competitions, success) => ({\r\n type: JOINED_COMPETITIONS_READ_SUCCESS,\r\n payload: {\r\n competitions,\r\n success\r\n }\r\n});\r\n\r\nconst joinCompetitionReadError = error => ({\r\n type: JOINED_COMPETITIONS_READ_ERROR,\r\n payload: {\r\n error\r\n }\r\n});\r\n\r\nconst readingUniqueJoinedCompetitions = () => ({\r\n type: READ_JOINED_COMPETITIONS\r\n});\r\n\r\nconst uniqueJoinedCompetitionReadSuccess = (competitions, success) => ({\r\n type: JOINED_COMPETITIONS_READ_SUCCESS,\r\n payload: {\r\n competitions,\r\n success\r\n }\r\n});\r\n\r\nconst uniqueJoinedCompetitionReadError = error => ({\r\n type: JOINED_COMPETITIONS_READ_ERROR,\r\n payload: {\r\n error\r\n }\r\n});\r\n\r\nconst readingCompetitionResults = () => ({\r\n type: READ_COMPETITION_RESULTS\r\n});\r\n\r\nconst competitionResultsReadSuccess = (results, success) => ({\r\n type: COMPETITION_RESULTS_READ_SUCCESS,\r\n payload: {\r\n results,\r\n success\r\n }\r\n});\r\n\r\nconst competitionResultsReadError = error => ({\r\n type: COMPETITION_RESULTS_READ_ERROR,\r\n payload: {\r\n error\r\n }\r\n});\r\n\r\nexport const resetState = () => ({\r\n type: RESET_STATE\r\n});\r\n\r\n// ------------------------------------\r\n// Action creators\r\n// ------------------------------------\r\nexport function joinCompetition(competitionId, userId) {\r\n return dispatch => {\r\n dispatch(joiningCompetition());\r\n\r\n request\r\n .post(config.adaptiveUrl + \"WebServices/telltur/Competition.asmx/JoinCompetition\")\r\n .send({ competition_id: competitionId, user_id: userId })\r\n .set(\"Accept\", \"application/json\")\r\n .set(\"Content-Type\", \"application/json\")\r\n .set(\"gm_session_id\", getSessionToken())\r\n .end((err, response) => {\r\n if (err || !response.ok) {\r\n dispatch(competitionJoinedError({ message: \"Error returned from service\" }, null));\r\n }\r\n\r\n response = response.body.d;\r\n\r\n if (response.sessionExpired) {\r\n dispatch(authReducerActions.sessionExpired());\r\n }\r\n\r\n if (response.exception || !response.success) {\r\n dispatch(\r\n competitionJoinedError(\r\n response.exception || {\r\n message: \"Received an error from server\"\r\n },\r\n null\r\n )\r\n );\r\n return;\r\n }\r\n dispatch(competitionJoinedSuccess(true));\r\n });\r\n };\r\n}\r\n\r\nexport function unjoinCompetition(id) {\r\n return dispatch => {\r\n dispatch(unjoiningCompetition());\r\n request\r\n .post(config.adaptiveUrl + \"WebServices/telltur/Competition.asmx/UnjoinCompetition\")\r\n .send({ joined_competition_id: id })\r\n .set(\"Accept\", \"application/json\")\r\n .set(\"Content-Type\", \"application/json\")\r\n .set(\"gm_session_id\", getSessionToken())\r\n .end((err, response) => {\r\n if (err || !response.ok) {\r\n dispatch(competitionUnjoinedError({ message: \"Error returned from service\" }, null));\r\n }\r\n\r\n response = response.body.d;\r\n\r\n if (response.sessionExpired) {\r\n dispatch(authReducerActions.sessionExpired());\r\n }\r\n\r\n if (response.exception || !response.success) {\r\n dispatch(\r\n competitionUnjoinedError(\r\n response.exception || {\r\n message: \"Received an error from server\"\r\n },\r\n null\r\n )\r\n );\r\n return;\r\n }\r\n dispatch(competitionUnjoinedSuccess(true));\r\n });\r\n };\r\n}\r\n\r\nexport function readJoinedCompetitions() {\r\n return dispatch => {\r\n dispatch(readingJoinedCompetitions());\r\n\r\n request\r\n .post(config.adaptiveUrl + \"WebServices/telltur/Competition.asmx/GetJoinedCompetitions\")\r\n .send()\r\n .set(\"Accept\", \"application/json\")\r\n .set(\"Content-Type\", \"application/json\")\r\n .set(\"gm_session_id\", getSessionToken())\r\n .end((err, response) => {\r\n if (err || !response.ok) {\r\n dispatch(joinCompetitionReadError({ message: \"Error returned from service\" }, null));\r\n }\r\n response = response.body.d;\r\n\r\n if (response.sessionExpired) {\r\n dispatch(authReducerActions.sessionExpired());\r\n }\r\n\r\n if (response.exception || !response.success) {\r\n dispatch(\r\n joinCompetitionReadError(\r\n response.exception || {\r\n message: \"Received an error from server\"\r\n },\r\n null\r\n )\r\n );\r\n return;\r\n }\r\n dispatch(joinCompetitionReadSuccess(response.records, true));\r\n });\r\n };\r\n}\r\n\r\nexport function readUniqueJoinedCompetitions() {\r\n return dispatch => {\r\n dispatch(readingUniqueJoinedCompetitions());\r\n\r\n request\r\n .post(config.adaptiveUrl + \"WebServices/telltur/Competition.asmx/GetUniqueJoinedCompetitions\")\r\n .send()\r\n .set(\"Accept\", \"application/json\")\r\n .set(\"Content-Type\", \"application/json\")\r\n .set(\"gm_session_id\", getSessionToken())\r\n .end((err, response) => {\r\n if (err || !response.ok) {\r\n dispatch(\r\n uniqueJoinedCompetitionReadError({ message: \"Error returned from service\" }, null)\r\n );\r\n }\r\n response = response.body.d;\r\n\r\n if (response.sessionExpired) {\r\n dispatch(authReducerActions.sessionExpired());\r\n }\r\n\r\n if (response.exception || !response.success) {\r\n dispatch(\r\n uniqueJoinedCompetitionReadError(\r\n response.exception || {\r\n message: \"Received an error from server\"\r\n },\r\n null\r\n )\r\n );\r\n return;\r\n }\r\n const competitions = response.records.sort((a, b) => b.id - a.id);\r\n\r\n dispatch(uniqueJoinedCompetitionReadSuccess(competitions, true));\r\n });\r\n };\r\n}\r\n\r\nexport function readCompetitionResults(id) {\r\n return dispatch => {\r\n dispatch(readingCompetitionResults());\r\n\r\n request\r\n .post(config.adaptiveUrl + \"WebServices/telltur/Competition.asmx/GetCompetitionResults\")\r\n .send({ competition_id: id })\r\n .set(\"Accept\", \"application/json\")\r\n .set(\"Content-Type\", \"application/json\")\r\n .set(\"gm_session_id\", getSessionToken())\r\n .end((err, response) => {\r\n if (err || !response.ok) {\r\n dispatch(competitionResultsReadError({ message: \"Error returned from service\" }, null));\r\n }\r\n response = response.body.d;\r\n\r\n if (response.sessionExpired) {\r\n dispatch(authReducerActions.sessionExpired());\r\n }\r\n\r\n if (response.exception || !response.success) {\r\n dispatch(\r\n competitionResultsReadError(\r\n response.exception || {\r\n message: \"Received an error from server\"\r\n },\r\n null\r\n )\r\n );\r\n return;\r\n }\r\n var results = response.records.sort((a, b) => b.points - a.points);\r\n dispatch(competitionResultsReadSuccess(results, null));\r\n });\r\n };\r\n}\r\n\r\n// ------------------------------------\r\n// Reducer\r\n// ------------------------------------\r\nconst initialState = {\r\n loading: false,\r\n joining: false,\r\n unjoining: false,\r\n success: false,\r\n error: undefined,\r\n competitions: undefined,\r\n results: undefined\r\n};\r\n\r\nexport function joinCompetitionReducer(state = initialState, action) {\r\n switch (action.type) {\r\n case JOINING_COMPETITION:\r\n return Object.assign({}, state, {\r\n joining: true,\r\n error: undefined\r\n });\r\n case COMPETITION_JOINED_SUCCESS:\r\n return Object.assign({}, state, {\r\n joining: false,\r\n success: true\r\n });\r\n case COMPETITION_JOINED_ERROR:\r\n return Object.assign({}, state, {\r\n joining: false,\r\n error: action.payload.error\r\n });\r\n case UNJOINING_COMPETITION:\r\n return Object.assign({}, state, {\r\n unjoining: true,\r\n error: undefined\r\n });\r\n case COMPETITION_UNJOINED_SUCCESS:\r\n return Object.assign({}, state, {\r\n unjoining: false,\r\n success: true\r\n });\r\n case COMPETITION_UNJOINED_ERROR:\r\n return Object.assign({}, state, {\r\n unjoining: false,\r\n error: action.payload.error\r\n });\r\n case READ_JOINED_COMPETITIONS:\r\n return Object.assign({}, state, {\r\n loading: true,\r\n error: undefined\r\n });\r\n case JOINED_COMPETITIONS_READ_SUCCESS:\r\n return Object.assign({}, state, {\r\n loading: false,\r\n error: undefined,\r\n competitions: action.payload.competitions\r\n });\r\n case JOINED_COMPETITIONS_READ_ERROR:\r\n return Object.assign({}, state, {\r\n loading: false,\r\n error: action.payload.error\r\n });\r\n case READ_UNIQUE_JOINED_COMPETITIONS:\r\n return Object.assign({}, state, {\r\n loading: true,\r\n error: undefined\r\n });\r\n case UNIQUE_JOINED_COMPETITIONS_READ_SUCCESS:\r\n return Object.assign({}, state, {\r\n loading: false,\r\n error: undefined,\r\n competitions: action.payload.competitions\r\n });\r\n case UNIQUE_JOINED_COMPETITIONS_READ_ERROR:\r\n return Object.assign({}, state, {\r\n loading: false,\r\n error: action.payload.error\r\n });\r\n case READ_COMPETITION_RESULTS:\r\n return Object.assign({}, state, {\r\n loading: true,\r\n error: undefined\r\n });\r\n case COMPETITION_RESULTS_READ_SUCCESS:\r\n return Object.assign({}, state, {\r\n loading: false,\r\n error: undefined,\r\n results: action.payload.results\r\n });\r\n case COMPETITION_RESULTS_READ_ERROR:\r\n return Object.assign({}, state, {\r\n loading: false,\r\n error: action.payload.error\r\n });\r\n\r\n case RESET_STATE:\r\n return initialState;\r\n\r\n default:\r\n return state;\r\n }\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Icon from '../../components/Icon';\r\nimport Modal from '../../components/Modal';\r\nimport LoadingIndicator from '../../components/LoadingIndicator';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport { translate } from 'react-translate';\r\nimport { withRouter, Link } from 'react-router-dom';\r\nimport { unjoinCompetition, readJoinedCompetitions } from '../../redux/competition';\r\n\r\nimport './CompetitionPage.scss';\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n readJoinedCompetitions: bindActionCreators(readJoinedCompetitions, dispatch),\r\n unjoinCompetition: bindActionCreators(unjoinCompetition, dispatch)\r\n };\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n unjoiningCompetition: state.joinCompetitionReducer.unjoining,\r\n unjoinCompetitionSuccess: state.joinCompetitionReducer.success,\r\n joinedCompetitionsLoading: state.joinCompetitionReducer.loading,\r\n joinedCompetitions: state.joinCompetitionReducer.competitions\r\n});\r\n\r\nclass CompetitionPage extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n showModal: false,\r\n loading: false\r\n };\r\n this.handleUnjoinCompetition = this.handleUnjoinCompetition.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.props.readJoinedCompetitions();\r\n }\r\n\r\n handleUnjoinCompetition(id) {\r\n this.props.unjoinCompetition(id);\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.unjoiningCompetition && !this.props.unjoiningCompetition) {\r\n this.props.readJoinedCompetitions();\r\n }\r\n }\r\n\r\n get memberCompetitions() {\r\n const { joinedCompetitions } = this.props;\r\n const memberCompetitions = {};\r\n\r\n joinedCompetitions &&\r\n joinedCompetitions.forEach(c => {\r\n if (!memberCompetitions[c.user_id]) {\r\n memberCompetitions[c.user_id] = [];\r\n }\r\n\r\n memberCompetitions[c.user_id].push(c);\r\n });\r\n\r\n return memberCompetitions;\r\n }\r\n\r\n render() {\r\n const { showModal } = this.state;\r\n const { t } = this.props;\r\n const memberCompetitions = this.memberCompetitions;\r\n return (\r\n {this.props.children}
\r\n \r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nCompetitionPage.propTypes = {\r\n joinedCompetitions: PropTypes.array,\r\n readJoinedCompetitions: PropTypes.func.isRequired,\r\n unjoinCompetition: PropTypes.func.isRequired,\r\n unjoinCompetitionLoadig: PropTypes.bool,\r\n unjoiningCompetition: PropTypes.bool.isRequired,\r\n t: PropTypes.func.isRequired\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(withRouter(translate('CompetitionPage')(CompetitionPage)));\r\n","import React from \"react\";\r\nimport ProfilePage from \"../components/ProfilePage\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { getUserDetails, updateUser, deleteUser } from \"../redux/user\";\r\nimport { getCompanies } from \"../redux/companies\";\r\nimport { readMembers, addMember } from \"../redux/familymembers\";\r\nimport CompetitionPage from \"./competition/CompetitionPage\";\r\nimport {\r\n readJoinedCompetitions,\r\n unjoinCompetition\r\n} from \"../redux/competition\";\r\nimport scopedBindActionCreators from \"../utils/scopedReducer\";\r\nimport { actions as digiThemeActions } from \"../utils/digiTheme\";\r\nimport config from \"../config/TellTur\";\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n readMembers: bindActionCreators(readMembers, dispatch),\r\n addMember: bindActionCreators(addMember, dispatch),\r\n getUserDetails: bindActionCreators(getUserDetails, dispatch),\r\n updateUser: bindActionCreators(updateUser, dispatch),\r\n deleteUser: bindActionCreators(deleteUser, dispatch),\r\n getCompanies: bindActionCreators(getCompanies, dispatch),\r\n readJoinedCompetitions: bindActionCreators(\r\n readJoinedCompetitions,\r\n dispatch\r\n ),\r\n unjoinCompetition: bindActionCreators(unjoinCompetition, dispatch),\r\n getAllFriluftsraad: scopedBindActionCreators(\r\n digiThemeActions.readFiltered,\r\n dispatch,\r\n \"readFriluftsraad\"\r\n ),\r\n readFriluftsraadMedlemskommuner: scopedBindActionCreators(\r\n digiThemeActions.readFiltered,\r\n dispatch,\r\n \"friluftsraadMedlemskommuner\"\r\n )\r\n };\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n members: state.familyMembers.members,\r\n memberError: state.familyMembers.error,\r\n membersLoading: state.familyMembers.loading,\r\n userLoading: state.user.loading,\r\n userError: state.user.error,\r\n user: state.user.user,\r\n companies: state.companies.companies,\r\n companiesLoading: state.companies.loading,\r\n allFriluftsraad: state.readFriluftsraad.records,\r\n allFriluftsraadLoading: state.readFriluftsraad.loading,\r\n friluftsraadMedlemskommuner: state.friluftsraadMedlemskommuner.records,\r\n friluftsraadMedlemskommunerLoading: state.friluftsraadMedlemskommuner.loading\r\n});\r\n\r\nclass MyProfile extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { serverError: null, userError: null };\r\n\r\n this.addThenReadMembers = this.addThenReadMembers.bind(this);\r\n this.updateUser = this.updateUser.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({\r\n serverError: null,\r\n userError: null\r\n });\r\n this.props.getAllFriluftsraad(\r\n config.friluftsraadDt.columns,\r\n null,\r\n config.mapProjCode,\r\n 0,\r\n 1000,\r\n null\r\n );\r\n this.props.readFriluftsraadMedlemskommuner(\r\n config.friluftsraadMedlemskommunerDt.columns,\r\n null,\r\n config.mapProjCode,\r\n 0,\r\n 1000,\r\n null\r\n );\r\n this.props.readJoinedCompetitions();\r\n if (!this.props.user) {\r\n this.props.getUserDetails();\r\n } else {\r\n this.props.readMembers(this.props.user.uuid);\r\n }\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.user && !this.props.user) {\r\n this.props.readMembers(nextProps.user.uuid);\r\n }\r\n if (\r\n nextProps.memberError &&\r\n nextProps.memberError !== this.state.serverError\r\n ) {\r\n this.setState({ serverError: nextProps.memberError });\r\n }\r\n if (nextProps.userError && nextProps.userError !== this.props.userError) {\r\n this.setState({ userError: nextProps.userError });\r\n }\r\n }\r\n\r\n addThenReadMembers(member) {\r\n this.setState({\r\n serverError: null\r\n });\r\n this.props.addMember(member, () => {\r\n this.props.getUserDetails();\r\n });\r\n }\r\n\r\n updateUser(user) {\r\n this.setState({ userError: null });\r\n this.props.updateUser(user);\r\n }\r\n\r\n render() {\r\n const {\r\n userLoading,\r\n membersLoading,\r\n companiesLoading,\r\n addMember,\r\n updateUser,\r\n userError,\r\n memberError,\r\n joinedCompetitions,\r\n members,\r\n allFriluftsraadLoading,\r\n friluftsraadMedlemskommunerLoading,\r\n ...rest\r\n } = this.props;\r\n const isLoading =\r\n userLoading ||\r\n membersLoading ||\r\n companiesLoading ||\r\n allFriluftsraadLoading ||\r\n friluftsraadMedlemskommunerLoading;\r\n\r\n return (\r\n \r\n
\r\n {Object.keys(memberCompetitions).length === 0 ? (\r\n {t('title')}
\r\n\r\n {t('Description')}\r\n {t('LinkToFriluftsrad')}.\r\n
\r\n{t('Note')}
\r\n\r\n
\r\n ) : (\r\n Object.values(memberCompetitions).map(mca => {\r\n return (\r\n {t('NoMemberCompetitions')}
\r\n\r\n
\r\n );\r\n })\r\n )}\r\n {this.props.unjoinCompetitionLoadig && (\r\n {mca[0].nick_name}
\r\n - \r\n {mca.map(mc => (\r\n
\r\n
\r\n )}\r\n {showModal && (\r\n \r\n
\r\n {t('CancelationConfirm')}
\r\n{t('CancelationDescription')}
\r\n{t('CancelationDescriptionNote')}
\r\n\r\n this.setState({ showModal: false })}\r\n className=\"btn btn-secondary\"\r\n >\r\n {t('ButtonCancel')}\r\n \r\n\r\n {\r\n this.handleUnjoinCompetition(this.state.competitionId);\r\n this.setState({ showModal: false });\r\n }}\r\n >\r\n {t('ButtonConfirm')}\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nMyProfile.propTypes = {\r\n page: PropTypes.object,\r\n members: PropTypes.array,\r\n memberError: PropTypes.object,\r\n membersLoading: PropTypes.bool,\r\n userLoading: PropTypes.bool,\r\n user: PropTypes.object,\r\n readMembers: PropTypes.func.isRequired,\r\n addMember: PropTypes.func.isRequired,\r\n getUserDetails: PropTypes.func.isRequired,\r\n updateUser: PropTypes.func.isRequired,\r\n userError: PropTypes.object,\r\n getAllFriluftsraad: PropTypes.func,\r\n allFriluftsraadLoading: PropTypes.bool,\r\n companies: PropTypes.array,\r\n companiesLoading: PropTypes.bool,\r\n getCompanies: PropTypes.func.isRequired,\r\n readJoinedCompetitions: PropTypes.func.isRequired,\r\n joinedCompetitions: PropTypes.array,\r\n unjoinCompetition: PropTypes.func.isRequired,\r\n readFriluftsraadMedlemskommuner: PropTypes.func.isRequired,\r\n friluftsraadMedlemskommunerLoading: PropTypes.bool\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(MyProfile);\r\n","import React from \"react\";\r\nimport { translate } from \"react-translate\";\r\nimport { withRouter, Link } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport Title from \"./Title\";\r\nimport { ResetPasswordForm } from \"@avinet/react-adaptive-auth\";\r\nimport \"./ResetPasswordPage.scss\";\r\n\r\nclass ResetPasswordPage extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n passwordSuccessfullyReset: false\r\n };\r\n this.handleReset = this.handleReset.bind(this);\r\n this.handleCancel = this.handleCancel.bind(this);\r\n this.goBack = this.goBack.bind(this);\r\n }\r\n\r\n handleCancel(evt) {\r\n evt.preventDefault();\r\n this.goBack();\r\n }\r\n\r\n handleReset() {\r\n this.setState({ passwordSuccessfullyReset: true });\r\n }\r\n\r\n goBack() {\r\n this.props.history.push(\"/logginn\");\r\n }\r\n\r\n render() {\r\n const { t, page, baseUrl } = this.props;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nResetPasswordPage.propTypes = {\r\n history: PropTypes.object.isRequired,\r\n t: PropTypes.func.isRequired,\r\n page: PropTypes.object,\r\n baseUrl: PropTypes.string\r\n};\r\n\r\nexport default withRouter(translate(\"ResetPasswordPage\")(ResetPasswordPage));\r\n","import React from \"react\";\r\nimport { translate } from \"react-translate\";\r\nimport { withRouter, Link } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { ChangePasswordForm } from \"@avinet/react-adaptive-auth\";\r\nimport Title from \"./Title\";\r\nimport \"./ChangePasswordPage.scss\";\r\n\r\nclass ChangePasswordPage extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n error: \"\",\r\n passwordChanged: false\r\n };\r\n\r\n this.handlePasswordChange = this.handlePasswordChange.bind(this);\r\n this.handleCancel = this.handleCancel.bind(this);\r\n }\r\n\r\n handleCancel() {\r\n this.props.history.goBack();\r\n }\r\n\r\n handlePasswordChange() {\r\n this.setState({\r\n error: null,\r\n passwordChanged: true\r\n });\r\n }\r\n\r\n render() {\r\n const { t, page, baseUrl } = this.props;\r\n return (\r\n {page.title}
\r\n\r\n
\r\n )}\r\n {t(\"PasswordResetInfoText\")} -
\r\n {t(\"GoBack\")}\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nChangePasswordPage.propTypes = {\r\n history: PropTypes.object.isRequired,\r\n t: PropTypes.func.isRequired,\r\n page: PropTypes.object,\r\n baseUrl: PropTypes.string\r\n};\r\n\r\nexport default withRouter(translate(\"ChangePasswordPage\")(ChangePasswordPage));\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { translate } from 'react-translate';\r\nimport { getPageSections } from '../utils/Page';\r\nimport Icon from './Icon';\r\nimport TranslatedServerError from './TranslatedServerError';\r\nimport './AddMemberPage.scss';\r\n\r\nclass AddMemberPage extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n error: null,\r\n serverError: null,\r\n newUserNickname: '',\r\n newUserYearOfBirth: '',\r\n membersToDelete: [],\r\n };\r\n\r\n this.reload = this.reload.bind(this);\r\n this.deleteMembers = this.deleteMembers.bind(this);\r\n this.updateMembersToDelete = this.updateMembersToDelete.bind(this);\r\n this.addNew = this.addNew.bind(this);\r\n }\r\n\r\n reload() {\r\n this.setState({\r\n error: null,\r\n newUserNickname: '',\r\n newUserYearOfBirth: '',\r\n membersToDelete: [],\r\n });\r\n this.props.readMembers(this.props.user.uuid);\r\n }\r\n\r\n deleteMembers() {\r\n this.setState({ serverError: null });\r\n this.state.membersToDelete.forEach((id) => this.props.deleteMember(id, () => this.reload()));\r\n }\r\n\r\n validateName(name) {\r\n if (name.length < 2) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n validateYear(year) {\r\n if (year < 1900) {\r\n return false;\r\n }\r\n if (year > new Date().getFullYear()) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n updateMembersToDelete(id) {\r\n var m = this.state.membersToDelete.slice();\r\n var foundAt = m.findIndex((mtd) => mtd === id);\r\n if (foundAt > -1) {\r\n m = m.filter((mtd) => mtd !== id);\r\n this.setState({ membersToDelete: m });\r\n } else {\r\n m.push(id);\r\n this.setState({ membersToDelete: m });\r\n }\r\n }\r\n\r\n generateMemberList(members) {\r\n if (members) {\r\n members = members.filter((m) => !m.is_main_familymember);\r\n return members.map((m) => {\r\n return (\r\n {page.title}
\r\n {!this.state.passwordChanged && (\r\n\r\n
\r\n )}\r\n {t(\"PasswordChanged\")}
\r\n {t(\"GoBack\")}\r\n\r\n
\r\n );\r\n });\r\n }\r\n }\r\n\r\n addNew(evt, member, callback) {\r\n const { members, t, addNewMember } = this.props;\r\n evt.preventDefault();\r\n if (members === undefined || members === null || members.length === 0) {\r\n this.setState({ error: { message: t('FriluftsraadNotValid') } });\r\n return;\r\n }\r\n const mainMember = this.props.members.find((m) => m.is_main_familymember === true);\r\n if (mainMember === undefined) {\r\n this.setState({ error: { message: t('FriluftsraadNotValid') } });\r\n return;\r\n }\r\n member.selected_friluftsraad_uuid = mainMember.selected_friluftsraad_uuid;\r\n addNewMember(member, callback);\r\n }\r\n\r\n render() {\r\n const { t, page, membersLoading, userLoading, user, members, serverError } = this.props;\r\n const { membersToDelete, newUserNickname, newUserYearOfBirth, error } = this.state;\r\n const sections = getPageSections(page);\r\n const hasMembersToDelete = membersToDelete.length > 0;\r\n const nameIsValid = this.validateName(newUserNickname);\r\n const yearIsValid = this.validateYear(newUserYearOfBirth);\r\n\r\n return (\r\n {m.nick_name}
\r\n {m.yearofbirth}
\r\n this.updateMembersToDelete(m.id)} className=\"cell delete-cell\">\r\n
\r\n \r\n {this.state.membersToDelete.findIndex((memberId) => memberId === m.id) > -1 && (\r\n
\r\n {this.props.t('Delete')}\r\n \r\n \r\n this.addNew(e, { newUserNickname, newUserYearOfBirth, gender: '' }, this.reload)\r\n }\r\n >\r\n {error && {error.message}}\r\n {serverError && this.setState({ newUserNickname: e.target.value })}\r\n />\r\n this.setState({ newUserYearOfBirth: e.target.value })}\r\n />\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nAddMemberPage.propTypes = {\r\n page: PropTypes.object,\r\n readMembers: PropTypes.func,\r\n members: PropTypes.array,\r\n serverError: PropTypes.object,\r\n membersLoading: PropTypes.bool,\r\n userLoading: PropTypes.bool,\r\n user: PropTypes.object,\r\n t: PropTypes.func,\r\n addNewMember: PropTypes.func,\r\n deleteMember: PropTypes.func,\r\n};\r\n\r\nexport default translate('AddMemberPage')(AddMemberPage);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { addMember, readMembers, deleteMember } from \"../redux/familymembers\";\r\nimport Title from \"./Title\";\r\nimport AddMemberPage from \"./AddMemberPage\";\r\n\r\nimport ballek from \"../static/ballek.png\";\r\nimport \"./AddMemberPage.scss\";\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n addMember: bindActionCreators(addMember, dispatch),\r\n readMembers: bindActionCreators(readMembers, dispatch),\r\n deleteMember: bindActionCreators(deleteMember, dispatch)\r\n };\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n members: state.familyMembers.members,\r\n memberError: state.familyMembers.error,\r\n membersLoading: state.familyMembers.loading,\r\n userLoading: state.user.loading,\r\n user: state.user.user\r\n});\r\n\r\nclass AddMemberContainer extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n serverError: null\r\n };\r\n\r\n this.addNewMember = this.addNewMember.bind(this);\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (\r\n nextProps.user &&\r\n nextProps.members === null &&\r\n !nextProps.membersLoading\r\n ) {\r\n this.props.readMembers(nextProps.user.uuid);\r\n }\r\n if (nextProps.memberError) {\r\n this.setState({ serverError: nextProps.memberError });\r\n }\r\n }\r\n\r\n addNewMember(user, callback) {\r\n this.setState({ serverError: null });\r\n var member = {\r\n nick_name: user.newUserNickname,\r\n yearofbirth: user.newUserYearOfBirth,\r\n gender: user.gender,\r\n parent_user_uuid: this.props.user.uuid,\r\n selected_friluftsraad_uuid: user.selected_friluftsraad_uuid\r\n };\r\n this.props.addMember(member, callback);\r\n }\r\n\r\n render() {\r\n const { page, membersLoading, userLoading, user, members } = this.props;\r\n const { serverError } = this.state;\r\n\r\n return (\r\n {page.title}
\r\n {sections && (\r\n\r\n \r\n {t('AddNewUser')}\r\n \r\n
\r\n \r\n )}\r\n {sections && (\r\n \r\n
\r\n )}\r\n {this.generateMemberList(members)}
\r\n \r\n
\r\n \r\n 
\r\n
\r\n );\r\n }\r\n}\r\n\r\nAddMemberContainer.propTypes = {\r\n page: PropTypes.object,\r\n members: PropTypes.array,\r\n memberError: PropTypes.object,\r\n membersLoading: PropTypes.bool,\r\n userLoading: PropTypes.bool,\r\n user: PropTypes.object,\r\n addMember: PropTypes.func,\r\n deleteMember: PropTypes.func,\r\n readMembers: PropTypes.func\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AddMemberContainer);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport LoadingIndicator from \"../LoadingIndicator\";\r\nimport { translate } from \"react-translate\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nconst generateTripList = (trips, handleDeleteTrip, noTripsText, t) => {\r\n if (!trips || !trips.length) {\r\n return {noTripsText}
;\r\n }\r\n const sortedByMunicipality = trips.reduce((aggregateTripsByMunicipality, trip) => {\r\n if (aggregateTripsByMunicipality[trip.turmaal_kommune] === undefined) {\r\n aggregateTripsByMunicipality[trip.turmaal_kommune] = [];\r\n }\r\n aggregateTripsByMunicipality[trip.turmaal_kommune].push(trip);\r\n return aggregateTripsByMunicipality;\r\n }, {});\r\n\r\n return Object.keys(sortedByMunicipality).map(k => {\r\n return (\r\n \r\n {k !== \"null\" ? k : \"\"}\r\n
\r\n );\r\n });\r\n};\r\n\r\nconst generateTripRows = (trips, handleDeleteTrip, t) => {\r\n return trips.map(trip => {\r\n if (!trip.telltur_turmaal_id || !trip.id || !trip.turmaal_navn) {\r\n return (\r\n \r\n
\r\n {generateTripRows(sortedByMunicipality[k], handleDeleteTrip, t)}\r\n {t(\"Date\")}
\r\n {t(\"Trip\")}
\r\n {t(\"Points\")}
\r\n \r\n \r\n
\r\n );\r\n } else {\r\n return (\r\n {trip.date.toLocaleDateString(t(\"locale\"))}
\r\n Turmål slettet
\r\n {trip.points}
\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n });\r\n};\r\n\r\nconst TripList = ({ trips, handleDeleteTrip, noTripsText, loading, t }) => {\r\n return (\r\n {trip.date.toLocaleDateString(t(\"locale\"))}
\r\n \r\n \r\n {trip.turmaal_navn}\r\n \r\n
\r\n {trip.points}
\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nTripList.propTypes = {\r\n trips: PropTypes.array,\r\n handleDeleteTrip: PropTypes.func,\r\n noTripsText: PropTypes.string,\r\n loading: PropTypes.bool,\r\n t: PropTypes.func.isRequired\r\n};\r\n\r\nexport default translate(\"TripList\")(TripList);\r\n","import React from \"react\";\r\nimport { translate } from \"react-translate\";\r\nimport Select from \"react-select\";\r\nimport PropTypes from \"prop-types\";\r\nimport TranslatedServerError from \"../TranslatedServerError\";\r\n\r\nconst MemberList = props => {\r\n const {\r\n members,\r\n infoText,\r\n memberError,\r\n changeCurrentMember,\r\n t,\r\n selectedMemberId,\r\n hideTripCount,\r\n children,\r\n isSearchable\r\n } = props;\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nMemberList.propTypes = {\r\n members: PropTypes.array,\r\n infoText: PropTypes.string,\r\n memberError: PropTypes.object,\r\n changeCurrentMember: PropTypes.func,\r\n t: PropTypes.func,\r\n selectedMemberId: PropTypes.number.isRequired,\r\n hideTripCount: PropTypes.bool,\r\n children: PropTypes.element\r\n};\r\n\r\nexport default translate(\"MemberList\")(MemberList);\r\n","import request from \"superagent\";\r\nimport { getSessionToken, authReducerActions } from \"@avinet/react-adaptive-auth\";\r\nimport { fixDate } from \"../utils/date\";\r\nimport config from \"../config/TellTur\";\r\n\r\n// ------------------------------------\r\n// Constants\r\n// ------------------------------------\r\nexport const READING_TRIPS = \"READING_TRIPS\";\r\nexport const TRIPS_READ = \"TRIPS_READ\";\r\n\r\nexport const ADDING_TRIP = \"ADDING_TRIP\";\r\nexport const TRIP_ADDED = \"TRIP_ADDED\";\r\nexport const RESET_ADDED_TRIP = \"RESET_ADDED_TRIP\";\r\n\r\nexport const DELETING_TRIP = \"DELETING_TRIP\";\r\nexport const TRIP_DELETED = \"TRIP_DELETED\";\r\n\r\n// ------------------------------------\r\n// Actions\r\n// ------------------------------------\r\nconst addingTrip = () => ({\r\n type: ADDING_TRIP\r\n});\r\n\r\nconst tripAdded = (errorMessage, tripAdded) => ({\r\n type: TRIP_ADDED,\r\n payload: {\r\n error: errorMessage,\r\n tripAdded\r\n }\r\n});\r\n\r\nconst resetAddedTrip = () => ({\r\n type: RESET_ADDED_TRIP\r\n});\r\n\r\nconst readingTripsAction = () => ({\r\n type: READING_TRIPS\r\n});\r\n\r\nconst tripsReadAction = (errorMessage, trips) => ({\r\n type: TRIPS_READ,\r\n payload: {\r\n error: errorMessage,\r\n trips: trips\r\n }\r\n});\r\n\r\nconst tripDeleted = (error, tripDeleted) => ({\r\n type: TRIP_DELETED,\r\n payload: {\r\n error,\r\n tripDeleted\r\n }\r\n});\r\n\r\nconst deletingTrip = () => ({\r\n type: DELETING_TRIP\r\n});\r\n\r\n// ------------------------------------\r\n// Action creators\r\n// ------------------------------------\r\n\r\nexport function clearAddedTrip() {\r\n return dispatch => {\r\n dispatch(resetAddedTrip());\r\n };\r\n}\r\n\r\nexport function deleteTrip(tripId, familyMemberId) {\r\n return dispatch => {\r\n dispatch(deletingTrip());\r\n\r\n request\r\n .post(config.adaptiveUrl + \"WebServices/telltur/Trips.asmx/Delete\")\r\n // .post('http://localhost/a_a3/WebServices/telltur/Trips.asmx/Delete')\r\n .send({\r\n id: tripId,\r\n user_id: familyMemberId\r\n })\r\n .set(\"Accept\", \"application/json\")\r\n .set(\"gm_session_id\", getSessionToken())\r\n .set(\"gm_lang_code\", config.gm_lang_code)\r\n .end((err, response) => {\r\n if (err || !response.ok) {\r\n dispatch(tripDeleted(\"Error returned from service\"));\r\n return;\r\n }\r\n response = response.body.d;\r\n\r\n if (response.sessionExpired) {\r\n dispatch(authReducerActions.sessionExpired());\r\n }\r\n\r\n if (response.exception || !response.success) {\r\n dispatch(tripDeleted(response.exception || { message: \"Error returned from service\" }));\r\n return;\r\n }\r\n dispatch(tripDeleted(null, tripId));\r\n });\r\n };\r\n}\r\n\r\nexport function addTrip(trip) {\r\n return dispatch => {\r\n dispatch(addingTrip());\r\n\r\n request\r\n .post(config.adaptiveUrl + \"WebServices/telltur/Trips.asmx/Create\")\r\n // .post('http://localhost/a_a3/WebServices/telltur/Trips.asmx/Create')\r\n .send({\r\n tripcode: trip.tripcode,\r\n tripdate: trip.tripdate,\r\n user_id: trip.userid,\r\n description: trip.description\r\n })\r\n .set(\"Accept\", \"application/json\")\r\n .set(\"gm_session_id\", getSessionToken())\r\n .set(\"gm_lang_code\", config.gm_lang_code)\r\n .end((err, response) => {\r\n if (err || !response.ok) {\r\n dispatch(tripAdded(\"Error returned from service\"));\r\n return;\r\n }\r\n response = response.body.d;\r\n\r\n if (response.sessionExpired) {\r\n dispatch(authReducerActions.sessionExpired());\r\n }\r\n\r\n if (response.exception || !response.success) {\r\n dispatch(tripAdded(response.exception || { message: \"Error returned from service\" }));\r\n return;\r\n }\r\n dispatch(tripAdded(null, trip.tripcode));\r\n });\r\n };\r\n}\r\n\r\nexport function readTrips(userId, year, sortDescending = true, start = 0, limit = 0) {\r\n return dispatch => {\r\n dispatch(readingTripsAction());\r\n const filter = {\r\n filterColumns: [\r\n {\r\n name: \"user_id\",\r\n value: userId,\r\n comparisonOperator: \"=\",\r\n netType: \"Text\",\r\n logicalOperator: \"AND\"\r\n },\r\n {\r\n name: \"date\",\r\n value: new Date(Date.UTC(year, 0, 1)),\r\n comparisonOperator: \">=\",\r\n logicalOperator: \"AND\"\r\n },\r\n {\r\n name: \"date\",\r\n value: new Date(Date.UTC(year + 1, 0, 1)),\r\n comparisonOperator: \"<\",\r\n logicalOperator: \"AND\"\r\n }\r\n ],\r\n sortColumns: [\r\n {\r\n name: \"date\",\r\n sortDesc: sortDescending\r\n }\r\n ],\r\n secondFilter: [],\r\n defaultFilter: [],\r\n distinctColumns: []\r\n };\r\n request\r\n .post(config.adaptiveUrl + \"WebServices/telltur/Trips.asmx/Read\")\r\n // .post('http://localhost/a_a3/WebServices/telltur/Trips.asmx/Read')\r\n .send({\r\n start,\r\n limit,\r\n filter\r\n })\r\n .set(\"Accept\", \"application/json\")\r\n .set(\"gm_session_id\", getSessionToken())\r\n .set(\"gm_lang_code\", config.gm_lang_code)\r\n .end((err, response) => {\r\n if (err || !response.ok) {\r\n dispatch(tripsReadAction(\"Error returned from service\"));\r\n return;\r\n }\r\n response = response.body.d;\r\n\r\n if (response.sessionExpired) {\r\n dispatch(authReducerActions.sessionExpired());\r\n }\r\n\r\n if (response.exception || !response.success || !response.data) {\r\n dispatch(\r\n tripsReadAction(response.exception || { message: \"Error returned from service\" })\r\n );\r\n return;\r\n }\r\n var trips = [];\r\n var records = response.data.find(item => item.key === \"records\");\r\n if (records.value) {\r\n trips = records.value.map(r => {\r\n r.date = fixDate(r.date);\r\n return r;\r\n });\r\n }\r\n\r\n dispatch(tripsReadAction(null, trips));\r\n });\r\n };\r\n}\r\n\r\n// ------------------------------------\r\n// Reducer\r\n// ------------------------------------\r\nconst initialState = {\r\n loading: false,\r\n error: null,\r\n tripAdded: null,\r\n tripDeleted: null,\r\n trips: []\r\n};\r\n\r\nexport function tripsReducer(state = initialState, action) {\r\n switch (action.type) {\r\n case ADDING_TRIP:\r\n return Object.assign({}, state, {\r\n loading: true,\r\n error: null\r\n });\r\n case TRIP_ADDED:\r\n return Object.assign({}, state, {\r\n loading: false,\r\n error: action.payload.error ? action.payload.error : null,\r\n tripAdded: action.payload.tripAdded\r\n });\r\n case RESET_ADDED_TRIP:\r\n return Object.assign({}, state, {\r\n loading: false,\r\n error: null,\r\n tripAdded: null\r\n });\r\n case READING_TRIPS:\r\n return Object.assign({}, state, {\r\n loading: true,\r\n error: null,\r\n trips: [],\r\n tripDeleted: null\r\n });\r\n case TRIPS_READ:\r\n return Object.assign({}, state, {\r\n loading: false,\r\n trips: action.payload.trips,\r\n error: action.payload.error ? action.payload.error : null\r\n });\r\n case DELETING_TRIP:\r\n return Object.assign({}, state, {\r\n loading: true,\r\n error: null\r\n });\r\n case TRIP_DELETED:\r\n return Object.assign({}, state, {\r\n error: action.payload.error ? action.payload.error : null,\r\n loading: false,\r\n tripDeleted: action.payload.tripDeleted\r\n });\r\n default:\r\n return state;\r\n }\r\n}\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport Select from \"react-select\";\r\nimport TripList from \"../components/MyTrips/TripList\";\r\nimport Title from \"../components/Title\";\r\nimport MemberSelect from \"../components/MyTrips/MemberSelect\";\r\nimport TranslatedServerError from \"../components/TranslatedServerError\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { translate } from \"react-translate\";\r\nimport { readTrips, deleteTrip } from \"../redux/trips\";\r\nimport { readMembers } from \"../redux/familymembers\";\r\n\r\nimport \"./MyTripsContainer.scss\";\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n readTrips: bindActionCreators(readTrips, dispatch),\r\n deleteTrip: bindActionCreators(deleteTrip, dispatch),\r\n readMembers: bindActionCreators(readMembers, dispatch)\r\n };\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n trips: state.trips.trips,\r\n tripDeleted: state.trips.tripDeleted,\r\n tripsError: state.trips.error,\r\n tripsLoading: state.trips.loading,\r\n user: state.user.user,\r\n members: state.familyMembers.members,\r\n memberError: state.familyMembers.error\r\n});\r\n\r\nclass MyTripsContainer extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n const thisYear = new Date().getFullYear();\r\n\r\n this.state = {\r\n thisYear,\r\n selectedYear: thisYear,\r\n selectedMemberId: -1,\r\n error: null\r\n };\r\n\r\n this.handleDeleteTrip = this.handleDeleteTrip.bind(this);\r\n this.changeCurrentMember = this.changeCurrentMember.bind(this);\r\n this.onYearSelected = this.onYearSelected.bind(this);\r\n }\r\n\r\n componentWillMount() {\r\n if (this.props.user) {\r\n this.props.readMembers(this.props.user.uuid);\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (!prevProps.user && this.props.user) {\r\n this.props.readMembers(this.props.user.uuid);\r\n }\r\n if (!prevProps.tripDeleted && this.props.tripDeleted) {\r\n this.props.readTrips(\r\n this.state.selectedMemberId,\r\n this.state.selectedYear\r\n );\r\n }\r\n\r\n if (\r\n this.props.members &&\r\n this.props.members.length &&\r\n this.state.selectedMemberId === -1\r\n ) {\r\n this.setMainMember();\r\n }\r\n\r\n if (\r\n this.state.selectedMemberId !== -1 &&\r\n (prevState.selectedMemberId !== this.state.selectedMemberId ||\r\n prevState.selectedYear !== this.state.selectedYear)\r\n ) {\r\n this.props.readTrips(\r\n this.state.selectedMemberId,\r\n this.state.selectedYear\r\n );\r\n }\r\n }\r\n\r\n setMainMember() {\r\n const mainMember = this.props.members.find(m => m.is_main_familymember);\r\n if (mainMember) {\r\n this.setState({\r\n selectedMemberId: mainMember.id\r\n });\r\n }\r\n }\r\n\r\n changeCurrentMember(id) {\r\n if (!Number.isNaN(id)) {\r\n this.setState({\r\n selectedMemberId: id\r\n });\r\n }\r\n }\r\n\r\n generateOptionsFromYear(fromYear) {\r\n const { thisYear } = this.state;\r\n let options = [];\r\n\r\n for (let i = thisYear; i >= fromYear; i--) {\r\n options.push({ key: i, value: i });\r\n }\r\n\r\n return options;\r\n }\r\n\r\n onYearSelected(year) {\r\n const selectedYear = parseInt(year);\r\n this.setState({ selectedYear });\r\n }\r\n\r\n handleDeleteTrip(id) {\r\n this.props.deleteTrip(id, this.state.selectedMemberId);\r\n }\r\n\r\n render() {\r\n const {\r\n page,\r\n trips,\r\n members,\r\n memberError,\r\n tripsLoading,\r\n t,\r\n tripsError\r\n } = this.props;\r\n const { selectedMemberId, thisYear } = this.state;\r\n const options = this.generateOptionsFromYear(2018);\r\n\r\n return (\r\n \r\n {loading ? (\r\n \r\n {generateTripList(trips, handleDeleteTrip, noTripsText, t)}\r\n \r\n )}\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n \r\n \r\n y.value === thisYear)}\r\n isSearchable={false}\r\n getOptionLabel={y => y.value}\r\n options={options}\r\n onChange={(di, action) => {\r\n if (action.action === \"select-option\") {\r\n this.onYearSelected(di.value);\r\n }\r\n }}\r\n />\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nMyTripsContainer.propTypes = {\r\n page: PropTypes.object,\r\n trips: PropTypes.array,\r\n readTrips: PropTypes.func,\r\n deleteTrip: PropTypes.func,\r\n tripDeleted: PropTypes.number,\r\n tripsError: PropTypes.object,\r\n tripsLoading: PropTypes.bool,\r\n user: PropTypes.object,\r\n readMembers: PropTypes.func,\r\n memberError: PropTypes.object,\r\n members: PropTypes.array,\r\n t: PropTypes.func.isRequired\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(translate(\"MyTripsContainer\")(MyTripsContainer));\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport LoadingIndicator from \"../LoadingIndicator\";\r\nimport \"./ResultList.scss\";\r\n\r\nconst mapResults = (\r\n results,\r\n displayProps,\r\n member,\r\n currentPage,\r\n pageLimit,\r\n ignorePlace\r\n) => {\r\n return (\r\n {page.title}
\r\n {tripsError &&\r\n {results.map((r, i) => {\r\n const prop1 = r[displayProps[0]];\r\n const prop2 = r[displayProps[1]];\r\n const prop3 = r[displayProps[2]];\r\n const prop4 = r[displayProps[3]];\r\n\r\n let label =\r\n !r.place || ignorePlace\r\n ? ((currentPage || 1) - 1) * pageLimit + i + 1\r\n : r.place;\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n \r\n );\r\n};\r\n\r\nconst ResultList = props => {\r\n const {\r\n results,\r\n headers,\r\n displayProps,\r\n title,\r\n loading,\r\n member,\r\n currentPage,\r\n pageLimit,\r\n children,\r\n ignorePlace\r\n } = props;\r\n\r\n return (\r\n {`${\r\n isNaN(label) ? i + 1 : label\r\n }.`}
\r\n {prop1}
\r\n {prop2}
\r\n {prop3 && {prop3}
}\r\n {prop4 && {prop4}
}\r\n \r\n {title &&
\r\n {loading && (\r\n {title}
}\r\n \r\n {headers.map((h, i) => (\r\n \r\n {h}\r\n
\r\n ))}\r\n \r\n
\r\n )}\r\n {results &&\r\n mapResults(\r\n results,\r\n displayProps,\r\n member,\r\n currentPage,\r\n pageLimit,\r\n ignorePlace\r\n )}\r\n {children}\r\n \r\n );\r\n};\r\n\r\nResultList.propTypes = {\r\n title: PropTypes.string,\r\n results: PropTypes.array,\r\n headers: PropTypes.array.isRequired,\r\n displayProps: PropTypes.array.isRequired,\r\n loading: PropTypes.bool,\r\n member: PropTypes.object,\r\n currentPage: PropTypes.number,\r\n pageLimit: PropTypes.number,\r\n children: PropTypes.element\r\n};\r\nexport default ResultList;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport Icon from \"../../components/Icon\";\r\nimport ResultList from \"../../components/Results/ResultList\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { translate } from \"react-translate\";\r\nimport { withRouter, Link } from \"react-router-dom\";\r\nimport {\r\n readCompetitionResults,\r\n readUniqueJoinedCompetitions,\r\n} from \"../../redux/competition\";\r\n\r\nimport \"./CompetitionResults.scss\";\r\nimport { fixDate } from \"../../utils/date\";\r\n\r\nconst mapStateToProps = (state) => ({\r\n uniqueJoinedCompetitions: state.joinCompetitionReducer.competitions,\r\n competitionResults: state.joinCompetitionReducer.results,\r\n competitionResultsLoading: state.joinCompetitionReducer.loading,\r\n});\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n readUniqueJoinedCompetitions: bindActionCreators(\r\n readUniqueJoinedCompetitions,\r\n dispatch\r\n ),\r\n readCompetitionResults: bindActionCreators(\r\n readCompetitionResults,\r\n dispatch\r\n ),\r\n };\r\n};\r\nclass CompetitionResults extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n index: null,\r\n };\r\n }\r\n componentDidMount() {\r\n this.props.readUniqueJoinedCompetitions();\r\n }\r\n\r\n getDate(start, end) {\r\n const { t } = this.props;\r\n const fixedStartDate = fixDate(start);\r\n const fixedEndDate = fixDate(end);\r\n const now = new Date();\r\n\r\n if (Math.sign(fixedEndDate) === -1) {\r\n return `${t(\"Started\")}: ${fixedStartDate.toLocaleDateString(\r\n t(\"locale\")\r\n )}`;\r\n } else if (fixedEndDate.setHours(0, 0, 0, 0) < now.setHours(0, 0, 0, 0)) {\r\n return \"\";\r\n } else {\r\n return `${t(\"Started\")}: ${fixedStartDate.toLocaleDateString(\r\n t(\"locale\")\r\n )} - ${t(\"Ends\")}: ${fixedEndDate.toLocaleDateString(t(\"locale\"))}`;\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n uniqueJoinedCompetitions,\r\n readCompetitionResults,\r\n competitionResults,\r\n competitionResultsLoading,\r\n member,\r\n t,\r\n } = this.props;\r\n const { index } = this.state;\r\n\r\n return (\r\n \r\n \r\n {index === idx && (\r\n
\r\n \r\n ))\r\n ) : (\r\n {t(\"Title\")}
\r\n\r\n {t(\"CompetitionDescription\")}\r\n {t(\"LinkToFriluftsrad\")}.\r\n
\r\n\r\n {uniqueJoinedCompetitions && uniqueJoinedCompetitions.length > 0 ? (\r\n uniqueJoinedCompetitions.map((competition, idx) => (\r\n \r\n \r\n \r\n {competition.title}\r\n
\r\n \r\n {this.getDate(\r\n competition.start_date,\r\n competition.end_date\r\n )}\r\n \r\n \r\n {\r\n if (idx === index) {\r\n this.setState({ index: undefined });\r\n } else {\r\n this.setState({ index: idx });\r\n readCompetitionResults(competition.competition_id);\r\n }\r\n }}\r\n >\r\n
\r\n \r\n \r\n {this.getDate(\r\n competition.start_date,\r\n competition.end_date\r\n )}\r\n \r\n \r\n
\r\n
\r\n )}\r\n \r\n \r\n );\r\n }\r\n}\r\nCompetitionResults.propTypes = {\r\n readCompetitionResults: PropTypes.func.isRequired,\r\n readUniqueJoinedCompetitions: PropTypes.func.isRequired,\r\n uniqueJoinedCompetitions: PropTypes.array,\r\n competitionResults: PropTypes.array,\r\n competitionResultsLoading: PropTypes.bool,\r\n member: PropTypes.object,\r\n t: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(withRouter(translate(\"CompetitionResults\")(CompetitionResults)));\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport './Switch.scss';\r\n\r\nconst Switch = ({ labelOn, labelOff, valueOn, valueOff, value, onChange, disable }) => (\r\n {t(\"NoUniqueJoinedCompetitions\")}
\r\n\r\n onChange(valueOff)}\r\n >\r\n {labelOff}\r\n \r\n onChange(valueOn)}\r\n >\r\n {labelOn}\r\n \r\n
\r\n);\r\n\r\nSwitch.propTypes = {\r\n /** Use callback to toggle state in parent component */\r\n onChange: PropTypes.func.isRequired,\r\n /** True value */\r\n valueOn: PropTypes.any,\r\n /** True label */\r\n labelOn: PropTypes.string.isRequired,\r\n /** False value */\r\n valueOff: PropTypes.any,\r\n /** False label */\r\n labelOff: PropTypes.string.isRequired,\r\n /** Value of switch */\r\n value: PropTypes.any.isRequired,\r\n /** Disable switch */\r\n disable: PropTypes.bool\r\n};\r\n\r\nSwitch.defaultProps = {\r\n valueOn: true,\r\n valueOff: false\r\n};\r\nexport default Switch;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nclass YearSelector extends React.Component {\r\n static propTypes = {\r\n fromYear: PropTypes.number.isRequired,\r\n onYearSelected: PropTypes.func.isRequired,\r\n infoText: PropTypes.string\r\n };\r\n constructor(props) {\r\n super(props);\r\n\r\n const thisYear = new Date().getFullYear();\r\n\r\n this.state = {\r\n thisYear: thisYear,\r\n selectedYear: thisYear\r\n };\r\n }\r\n\r\n renderYears() {\r\n const { thisYear } = this.state;\r\n const { fromYear } = this.props;\r\n\r\n let options = [];\r\n for (let i = thisYear; i >= fromYear; i--) {\r\n options.push(\r\n \r\n );\r\n }\r\n return options;\r\n }\r\n\r\n componentDidMount() {\r\n this.props.onYearSelected(this.state.selectedYear);\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (this.state.selectedYear !== prevState.selectedYear) {\r\n this.props.onYearSelected(this.state.selectedYear);\r\n }\r\n }\r\n\r\n handleChange = evt => {\r\n this.setState({ selectedYear: evt.target.value });\r\n };\r\n\r\n render() {\r\n const { selectedYear } = this.state;\r\n const { infoText } = this.props;\r\n\r\n return (\r\n \r\n {infoText && (\r\n \r\n )}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default YearSelector;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport \"./Pagination.scss\";\r\n\r\nconst LEFT_PAGE = \"LEFT\";\r\nconst RIGHT_PAGE = \"RIGHT\";\r\n\r\nconst range = (from, to, step = 1) => {\r\n let i = from;\r\n const range = [];\r\n\r\n while (i <= to) {\r\n range.push(i);\r\n i += step;\r\n }\r\n\r\n return range;\r\n};\r\n\r\nclass Pagination extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n const { totalRecords = null, pageLimit = 50, pageNeighbours = 0 } = props;\r\n this.pageLimit = typeof pageLimit === \"number\" ? pageLimit : 30;\r\n this.totalRecords = typeof totalRecords === \"number\" ? totalRecords : 0;\r\n\r\n this.pageNeighbours =\r\n typeof pageNeighbours === \"number\" ? Math.max(0, Math.min(pageNeighbours, 2)) : 0;\r\n\r\n this.totalPages = Math.ceil(this.totalRecords / this.pageLimit);\r\n\r\n this.state = { currentPage: 1 };\r\n }\r\n\r\n componentDidMount() {\r\n this.gotoPage(1);\r\n }\r\n\r\n gotoPage = page => {\r\n const { onPageChanged = f => f } = this.props;\r\n\r\n const currentPage = Math.max(0, Math.min(page, this.totalPages));\r\n\r\n const paginationData = {\r\n currentPage,\r\n totalPages: this.totalPages,\r\n pageLimit: this.pageLimit,\r\n totalRecords: this.totalRecords\r\n };\r\n\r\n this.setState({ currentPage }, () => onPageChanged(paginationData));\r\n };\r\n\r\n handleClick = page => evt => {\r\n evt.preventDefault();\r\n this.gotoPage(page);\r\n };\r\n\r\n handleMoveLeft = evt => {\r\n evt.preventDefault();\r\n this.gotoPage(this.state.currentPage - this.pageNeighbours * 2 - 1);\r\n };\r\n\r\n handleMoveRight = evt => {\r\n evt.preventDefault();\r\n this.gotoPage(this.state.currentPage + this.pageNeighbours * 2 + 1);\r\n };\r\n\r\n fetchPageNumbers = () => {\r\n const totalPages = this.totalPages;\r\n const currentPage = this.state.currentPage;\r\n const pageNeighbours = this.pageNeighbours;\r\n\r\n const totalNumbers = this.pageNeighbours * 2 + 3;\r\n const totalBlocks = totalNumbers + 2;\r\n\r\n if (totalPages > totalBlocks) {\r\n const startPage = Math.max(2, currentPage - pageNeighbours);\r\n const endPage = Math.min(totalPages - 1, currentPage + pageNeighbours);\r\n\r\n let pages = range(startPage, endPage);\r\n\r\n const hasLeftSpill = startPage > 2;\r\n const hasRightSpill = totalPages - endPage > 1;\r\n const spillOffset = totalNumbers - (pages.length + 1);\r\n\r\n switch (true) {\r\n case hasLeftSpill && !hasRightSpill: {\r\n const extraPages = range(startPage - spillOffset, startPage - 1);\r\n pages = [LEFT_PAGE, ...extraPages, ...pages];\r\n break;\r\n }\r\n\r\n case !hasLeftSpill && hasRightSpill: {\r\n const extraPages = range(endPage + 1, endPage + spillOffset);\r\n pages = [...pages, ...extraPages, RIGHT_PAGE];\r\n break;\r\n }\r\n\r\n case hasLeftSpill && hasRightSpill:\r\n default: {\r\n pages = [LEFT_PAGE, ...pages, RIGHT_PAGE];\r\n break;\r\n }\r\n }\r\n\r\n return [1, ...pages, totalPages];\r\n }\r\n\r\n return range(1, totalPages);\r\n };\r\n\r\n render() {\r\n if (!this.totalRecords || this.totalPages === 1) return null;\r\n\r\n const { currentPage } = this.state;\r\n const pages = this.fetchPageNumbers();\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nPagination.propTypes = {\r\n totalRecords: PropTypes.number.isRequired,\r\n pageLimit: PropTypes.number,\r\n pageNeighbours: PropTypes.number,\r\n onPageChanged: PropTypes.func\r\n};\r\n\r\nexport default Pagination;\r\n","import request from 'superagent';\r\n\r\nexport const post = (url, headers, data, callback) => {\r\n request\r\n .post(url)\r\n .send(data)\r\n .set(headers)\r\n .end((err, response) => {\r\n callback(err, response);\r\n });\r\n};\r\n","// If serializing a C# ExpandoObject (dynamic object) you can run this method to return a proper javascript object.\r\n// Only useful if you have a flat object, for instance serialized data-rows\r\n// var records = [\r\n// [{ Key: 'id', Value: 1 }, { Key: 'name', Value: 'Ola' }],\r\n// [{ Key: 'id', Value: 2 }, { Key: 'name', Value: 'Kari' }]\r\n// ];\r\nconst fixKeyValueArraysToJsObject = records => {\r\n return records.map(r =>\r\n r.reduce((obj, item) => {\r\n if (item !== undefined) {\r\n obj[item.Key] = item.Value;\r\n }\r\n return obj;\r\n }, {})\r\n );\r\n};\r\n\r\nexport { fixKeyValueArraysToJsObject };\r\n","import { post } from \"../requests\";\r\nimport { fixKeyValueArraysToJsObject } from \"../utils/array\";\r\nimport { getSessionToken, authReducerActions } from \"@avinet/react-adaptive-auth\";\r\nimport config from \"../config/TellTur\";\r\n\r\n// ------------------------------------\r\n// Constants\r\n// ------------------------------------\r\nexport const STATISTICS_TYPE = Object.freeze({\r\n POINTS: \"POINTS\",\r\n UNIQUE: \"UNIQUE\"\r\n});\r\n\r\nexport const READING_POINT_STATS = \"READING_POINT_STATS\";\r\nexport const POINT_STATS_READ = \"POINT_STATS_READ\";\r\n\r\nexport const READING_UNIQUE_STATS = \"READING_UNIQUE_STATS\";\r\nexport const UNIQUE_STATS_READ = \"UNIQUE_STATS_READ\";\r\n\r\nexport const READING_STATS = \"READING_STATS\";\r\nexport const STATS_READ = \"STATS_READ\";\r\n\r\nexport const READING_COMPANY_STATS = \"READING_COMPANY_STATS\";\r\nexport const COMPANY_STATS_READ = \"COMPANY_STATS_READ\";\r\n\r\n// ------------------------------------\r\n// Actions\r\n// ------------------------------------\r\nconst readingStats = statisticsType => ({\r\n type: READING_STATS,\r\n payload: {\r\n statisticsType\r\n }\r\n});\r\n\r\nconst statsRead = (errorMessage, statisticsType, stats) => ({\r\n type: STATS_READ,\r\n payload: {\r\n error: errorMessage,\r\n statisticsType,\r\n stats\r\n }\r\n});\r\n\r\nconst readingCompanyStats = statisticsType => ({\r\n type: READING_COMPANY_STATS,\r\n payload: {\r\n statisticsType\r\n }\r\n});\r\n\r\nconst companyStatsRead = (errorMessage, statisticsType, stats) => ({\r\n type: COMPANY_STATS_READ,\r\n payload: {\r\n error: errorMessage,\r\n statisticsType,\r\n stats\r\n }\r\n});\r\n\r\nconst getUrl = statisticsType => {\r\n switch (statisticsType) {\r\n case STATISTICS_TYPE.POINTS:\r\n return config.adaptiveUrl + \"WebServices/telltur/Trips.asmx/ReadStatisticsWithSearch\";\r\n case STATISTICS_TYPE.UNIQUE:\r\n return (\r\n config.adaptiveUrl +\r\n \"WebServices/telltur/Trips.asmx/ReadUniqueDestinationsStatisticsWithSearch\"\r\n );\r\n default:\r\n return \"\";\r\n }\r\n};\r\n\r\nexport function readCompanyStatistics(companyId, selectedFriluftsraadId, statisticsType, year) {\r\n return dispatch => {\r\n dispatch(readingCompanyStats(statisticsType));\r\n\r\n const start = 0;\r\n const limit = 0;\r\n\r\n const fromDate =\r\n selectedFriluftsraadId === config.vesteralenFriluftsraadUuid && year >= 2023\r\n ? new Date(Date.UTC(year, 3, 1))\r\n : new Date(Date.UTC(year, 0, 1));\r\n\r\n const toDate =\r\n selectedFriluftsraadId === config.vesteralenFriluftsraadUuid && year >= 2023\r\n ? new Date(Date.UTC(year, 11, 1))\r\n : new Date(Date.UTC(year + 1, 0, 1));\r\n\r\n const filter = {\r\n filterColumns: [\r\n {\r\n name: \"date\",\r\n value: fromDate,\r\n comparisonOperator: \">=\",\r\n logicalOperator: \"AND\"\r\n },\r\n {\r\n name: \"date\",\r\n value: toDate,\r\n comparisonOperator: \"<\",\r\n logicalOperator: \"AND\"\r\n },\r\n {\r\n name: \"bedrift_id\",\r\n value: companyId,\r\n comparisonOperator: \"=\",\r\n logicalOperator: \"AND\"\r\n }\r\n ],\r\n sortColumns: [\r\n {\r\n name: \"aggregate\",\r\n sortDesc: true\r\n }\r\n ]\r\n };\r\n const url = `\r\n ${config.adaptiveUrl}${\r\n statisticsType === STATISTICS_TYPE.POINTS\r\n ? \"WebServices/telltur/Trips.asmx/ReadMyCompanyPointStatistics\"\r\n : \"WebServices/telltur/Trips.asmx/ReadMyCompanyUniqueDestinationsStatistics\"\r\n }`;\r\n\r\n const data = {\r\n start,\r\n limit,\r\n filter\r\n };\r\n\r\n if (statisticsType === STATISTICS_TYPE.POINTS) {\r\n data.search = null;\r\n }\r\n\r\n post(\r\n url,\r\n {\r\n Accept: \"application/json\",\r\n gm_lang_code: config.gm_lang_code,\r\n gm_session_id: getSessionToken()\r\n },\r\n data,\r\n (err, response) => {\r\n if (err || !response.ok) {\r\n dispatch(\r\n companyStatsRead({ message: \"Error returned from service\" }, statisticsType, undefined)\r\n );\r\n return;\r\n }\r\n response = response.body.d;\r\n\r\n if (response.sessionExpired) {\r\n dispatch(authReducerActions.sessionExpired());\r\n }\r\n\r\n if (response.exception || !response.success) {\r\n dispatch(\r\n companyStatsRead(\r\n response.exception || { message: \"Error returned from service\" },\r\n statisticsType,\r\n undefined\r\n )\r\n );\r\n return;\r\n }\r\n var records = fixKeyValueArraysToJsObject(response.records);\r\n dispatch(companyStatsRead(null, statisticsType, records));\r\n }\r\n );\r\n };\r\n}\r\n\r\nexport function ReadAllCompaniesPointStatistics(selectedFriluftsraadId, statisticsType, year) {\r\n return dispatch => {\r\n dispatch(readingCompanyStats(statisticsType));\r\n\r\n const start = 0;\r\n const limit = 0;\r\n\r\n const fromDate =\r\n selectedFriluftsraadId === config.vesteralenFriluftsraadUuid && year >= 2023\r\n ? new Date(Date.UTC(year, 3, 1))\r\n : new Date(Date.UTC(year, 0, 1));\r\n\r\n const toDate =\r\n selectedFriluftsraadId === config.vesteralenFriluftsraadUuid && year >= 2023\r\n ? new Date(Date.UTC(year, 11, 1))\r\n : new Date(Date.UTC(year + 1, 0, 1));\r\n\r\n const filter = {\r\n filterColumns: [\r\n {\r\n name: \"selected_friluftsraad_uuid\",\r\n value: selectedFriluftsraadId,\r\n comparisonOperator: \"=\",\r\n logicalOperator: \"AND\"\r\n },\r\n {\r\n name: \"date\",\r\n value: fromDate,\r\n comparisonOperator: \">=\",\r\n logicalOperator: \"AND\"\r\n },\r\n {\r\n name: \"date\",\r\n value: toDate,\r\n comparisonOperator: \"<\",\r\n logicalOperator: \"AND\"\r\n }\r\n ],\r\n sortColumns: [\r\n {\r\n name: \"snitt_poeng\",\r\n sortDesc: true\r\n }\r\n ]\r\n };\r\n\r\n const url =\r\n config.adaptiveUrl + \"WebServices/telltur/Trips.asmx/ReadAllCompaniesPointStatistics\";\r\n post(\r\n url,\r\n {\r\n Accept: \"application/json\",\r\n gm_lang_code: config.gm_lang_code,\r\n gm_session_id: getSessionToken()\r\n },\r\n {\r\n start,\r\n limit,\r\n filter\r\n },\r\n (err, response) => {\r\n if (err || !response.ok) {\r\n dispatch(\r\n companyStatsRead({ message: \"Error returned from service\" }, statisticsType, undefined)\r\n );\r\n return;\r\n }\r\n response = response.body.d;\r\n\r\n if (response.sessionExpired) {\r\n dispatch(authReducerActions.sessionExpired());\r\n }\r\n\r\n if (response.exception || !response.success) {\r\n dispatch(\r\n companyStatsRead(\r\n response.exception || { message: \"Error returned from service\" },\r\n statisticsType,\r\n undefined\r\n )\r\n );\r\n return;\r\n }\r\n var records = fixKeyValueArraysToJsObject(response.records);\r\n dispatch(companyStatsRead(null, statisticsType, records));\r\n }\r\n );\r\n };\r\n}\r\n\r\nexport function readStatistics(start = 0, limit = 0, selectedFriluftsraadId, statisticsType, year) {\r\n return dispatch => {\r\n dispatch(readingStats(statisticsType));\r\n\r\n const filter = {\r\n filterColumns: [\r\n {\r\n name: \"date\",\r\n value: new Date(Date.UTC(year, 0, 1)),\r\n comparisonOperator: \">=\",\r\n logicalOperator: \"AND\"\r\n },\r\n {\r\n name: \"date\",\r\n value: new Date(Date.UTC(year + 1, 0, 1)),\r\n comparisonOperator: \"<\",\r\n logicalOperator: \"AND\"\r\n }\r\n ],\r\n sortColumns: [\r\n {\r\n name: \"aggregate\",\r\n sortDesc: true\r\n }\r\n ]\r\n };\r\n\r\n if (selectedFriluftsraadId) {\r\n filter.filterColumns.push({\r\n name: \"selected_friluftsraad_uuid\",\r\n value: selectedFriluftsraadId,\r\n comparisonOperator: \"=\",\r\n logicalOperator: \"AND\"\r\n });\r\n }\r\n\r\n const url = getUrl(statisticsType);\r\n post(\r\n url,\r\n {\r\n Accept: \"application/json\",\r\n gm_lang_code: config.gm_lang_code,\r\n gm_session_id: getSessionToken()\r\n },\r\n {\r\n start,\r\n limit,\r\n filter\r\n },\r\n (err, response) => {\r\n if (err || !response.ok) {\r\n dispatch(\r\n statsRead({ message: \"Error returned from service\" }, statisticsType, undefined)\r\n );\r\n return;\r\n }\r\n response = response.body.d;\r\n\r\n if (response.sessionExpired) {\r\n dispatch(authReducerActions.sessionExpired());\r\n }\r\n\r\n if (response.exception || !response.success) {\r\n dispatch(\r\n statsRead(\r\n response.exception || { message: \"Error returned from service\" },\r\n statisticsType,\r\n undefined\r\n )\r\n );\r\n return;\r\n }\r\n var records = fixKeyValueArraysToJsObject(response.records);\r\n dispatch(statsRead(null, statisticsType, records));\r\n }\r\n );\r\n };\r\n}\r\n\r\nexport function ReadStatisticsWithSearch(\r\n selectedFriluftsraadId,\r\n statisticsType,\r\n year,\r\n search = null\r\n) {\r\n return dispatch => {\r\n dispatch(readingStats(statisticsType));\r\n\r\n const start = 0;\r\n const limit = 0;\r\n\r\n const filter = {\r\n filterColumns: [\r\n {\r\n name: \"date\",\r\n value: new Date(Date.UTC(year, 0, 1)),\r\n comparisonOperator: \">=\",\r\n logicalOperator: \"AND\"\r\n },\r\n {\r\n name: \"date\",\r\n value: new Date(Date.UTC(year + 1, 0, 1)),\r\n comparisonOperator: \"<\",\r\n logicalOperator: \"AND\"\r\n }\r\n ],\r\n sortColumns: [\r\n {\r\n name: \"row\"\r\n }\r\n ]\r\n };\r\n\r\n if (selectedFriluftsraadId) {\r\n filter.filterColumns.push({\r\n name: \"selected_friluftsraad_uuid\",\r\n value: selectedFriluftsraadId,\r\n comparisonOperator: \"=\",\r\n logicalOperator: \"AND\"\r\n });\r\n }\r\n\r\n const url = getUrl(statisticsType);\r\n post(\r\n url,\r\n {\r\n Accept: \"application/json\",\r\n gm_lang_code: config.gm_lang_code\r\n },\r\n {\r\n start,\r\n limit,\r\n filter,\r\n search\r\n },\r\n (err, response) => {\r\n if (err || !response.ok) {\r\n dispatch(\r\n statsRead({ message: \"Error returned from service\" }, statisticsType, undefined)\r\n );\r\n return;\r\n }\r\n response = response.body.d;\r\n\r\n if (response.sessionExpired) {\r\n dispatch(authReducerActions.sessionExpired());\r\n }\r\n\r\n if (response.exception || !response.success) {\r\n dispatch(\r\n statsRead(\r\n response.exception || { message: \"Error returned from service\" },\r\n statisticsType,\r\n undefined\r\n )\r\n );\r\n return;\r\n }\r\n var records = fixKeyValueArraysToJsObject(response.records);\r\n dispatch(statsRead(null, statisticsType, records));\r\n }\r\n );\r\n };\r\n}\r\n\r\n// ------------------------------------\r\n// Reducer\r\n// ------------------------------------\r\nconst initialState = {\r\n company: {\r\n loading: false,\r\n error: undefined,\r\n statisticsType: undefined,\r\n results: undefined\r\n },\r\n friluftsraad: {\r\n loading: false,\r\n error: undefined,\r\n statisticsType: undefined,\r\n results: undefined\r\n }\r\n};\r\n\r\nexport function statisticsReducer(state = initialState, action) {\r\n switch (action.type) {\r\n case READING_STATS:\r\n return Object.assign({}, state, {\r\n friluftsraad: {\r\n loading: true,\r\n error: null,\r\n statisticsType: action.payload.statisticsType,\r\n results: null\r\n }\r\n });\r\n case STATS_READ:\r\n return Object.assign({}, state, {\r\n friluftsraad: {\r\n loading: false,\r\n error: action.payload.error ? new Error(action.payload.error) : null,\r\n statisticsType: action.payload.statisticsType,\r\n results: action.payload.stats\r\n }\r\n });\r\n case READING_COMPANY_STATS:\r\n return Object.assign({}, state, {\r\n company: {\r\n loading: true,\r\n error: null,\r\n statisticsType: action.payload.statisticsType,\r\n results: null\r\n }\r\n });\r\n case COMPANY_STATS_READ:\r\n return Object.assign({}, state, {\r\n company: {\r\n loading: false,\r\n error: action.payload.error ? new Error(action.payload.error) : null,\r\n statisticsType: action.payload.statisticsType,\r\n results: action.payload.stats\r\n }\r\n });\r\n default:\r\n return state;\r\n }\r\n}\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport ResultList from \"../../components/Results/ResultList\";\r\nimport Switch from \"../../components/Switch\";\r\nimport YearSelector from \"../../components/YearSelector\";\r\nimport Pagination from \"../../components/Pagination\";\r\nimport { translate } from \"react-translate\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport {\r\n ReadAllCompaniesPointStatistics,\r\n ReadStatisticsWithSearch,\r\n readCompanyStatistics\r\n} from \"../../redux/statistics\";\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n ReadAllCompaniesPointStatistics: bindActionCreators(ReadAllCompaniesPointStatistics, dispatch),\r\n ReadStatisticsWithSearch: bindActionCreators(ReadStatisticsWithSearch, dispatch),\r\n readCompanyStatistics: bindActionCreators(readCompanyStatistics, dispatch)\r\n };\r\n};\r\n\r\nclass ResultCard extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n pageLimit: 25,\r\n currentPage: undefined,\r\n currentRecords: undefined,\r\n selectedYear: null,\r\n switchValue: true,\r\n searchValue: \"\",\r\n searchResults: undefined\r\n };\r\n this.onYearSelected = this.onYearSelected.bind(this);\r\n this.handleSearch = this.handleSearch.bind(this);\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n const { selectedYear, searchValue } = this.state;\r\n const { statisticsType, switchValue, isCompany } = this.props;\r\n\r\n if (\r\n prevState.selectedYear !== selectedYear ||\r\n prevProps.statisticsType !== statisticsType ||\r\n prevProps.switchValue !== switchValue\r\n ) {\r\n this.updateStatistics(isCompany, statisticsType, selectedYear, searchValue);\r\n }\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (this.props.switchValue !== nextProps.switchValue) {\r\n this.setState({ searchValue: \"\", searchResults: undefined });\r\n }\r\n }\r\n\r\n onPageChanged = data => {\r\n const { currentPage, totalPages, pageLimit } = data;\r\n const { results } = this.props;\r\n\r\n const offset = (currentPage - 1) * pageLimit;\r\n const currentRecords = results.slice(offset, offset + pageLimit);\r\n\r\n this.setState({ currentPage, currentRecords, totalPages });\r\n };\r\n\r\n onYearSelected(year) {\r\n const selectedYear = parseInt(year);\r\n this.setState({ selectedYear });\r\n }\r\n\r\n get getHeaders() {\r\n const { headersWithSearch } = this.props;\r\n headersWithSearch[0] = (\r\n - \r\n {pages.map((page, index) => {\r\n if (page === LEFT_PAGE) {\r\n return (\r\n
- \r\n
- \r\n
\r\n {!isGuest && (\r\n handleSwitchToggle(switchKey)}\r\n disable={switchDisable}\r\n />\r\n )}\r\n
\r\n \r\n 0\r\n ? searchResults\r\n : results && results.length > pageLimit\r\n ? currentRecords\r\n : results\r\n }\r\n displayProps={displayProps}\r\n headers={headersWithSearch ? this.getHeaders : headers}\r\n loading={loading}\r\n member={member}\r\n currentPage={this.state.currentPage}\r\n pageLimit={pageLimit}\r\n ignorePlace={this.props.ignorePlace}\r\n >\r\n
\r\n \r\n {results && results.length > pageLimit && (\r\n 0\r\n ? searchResults.length\r\n : results.length\r\n }\r\n pageNeighbours={1}\r\n pageLimit={pageLimit}\r\n onPageChanged={this.onPageChanged}\r\n />\r\n )}\r\n
\r\n \r\n \r\n \r\n this.setState({\r\n currentFriluftsraadStatisticsType: STATISTICS_TYPE.UNIQUE\r\n })\r\n }\r\n className={\r\n \"tell-tur-results--navigation-tab \" +\r\n (currentFriluftsraadStatisticsType === STATISTICS_TYPE.UNIQUE\r\n ? \"active\"\r\n : \"\")\r\n }\r\n >\r\n {t(\"UniqueDestinations\")}\r\n
\r\n \r\n {friluftsraadStatistics &&\r\n currentFriluftsraadStatisticsType === STATISTICS_TYPE.POINTS && (\r\n \r\n \r\n this.setState({\r\n currentFriluftsraadStatisticsType: STATISTICS_TYPE.POINTS\r\n })\r\n }\r\n className={\r\n \"tell-tur-results--navigation-tab \" +\r\n (currentFriluftsraadStatisticsType === STATISTICS_TYPE.POINTS\r\n ? \"active\"\r\n : \"\")\r\n }\r\n >\r\n {t(\"MostPoints\")}\r\n
\r\n \r\n
\r\n )}\r\n {friluftsraadStatistics &&\r\n currentFriluftsraadStatisticsType === STATISTICS_TYPE.UNIQUE && (\r\n \r\n
\r\n )}\r\n {selectedMember && selectedMember.bedrift_id && companyStatistics && (\r\n \r\n \r\n this.setState({\r\n currentCompanyStatisticsType: STATISTICS_TYPE.UNIQUE\r\n })\r\n }\r\n className={[\r\n \"tell-tur-results--navigation-tab \",\r\n currentCompanyStatisticsType === STATISTICS_TYPE.UNIQUE\r\n ? \"active\"\r\n : \"\",\r\n !myBedrift ? \"disabled\" : \"\"\r\n ].join(\" \")}\r\n >\r\n {t(\"UniqueDestinations\")}\r\n
\r\n \r\n {currentCompanyStatisticsType === STATISTICS_TYPE.POINTS && (\r\n \r\n \r\n this.setState({\r\n currentCompanyStatisticsType: STATISTICS_TYPE.POINTS\r\n })\r\n }\r\n className={\r\n \"tell-tur-results--navigation-tab \" +\r\n (currentCompanyStatisticsType === STATISTICS_TYPE.POINTS\r\n ? \"active\"\r\n : \"\")\r\n }\r\n >\r\n {t(\"MostPoints\")}\r\n
\r\n \r\n
\r\n )}\r\n {currentCompanyStatisticsType === STATISTICS_TYPE.UNIQUE && (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n {selectedMember && \r\n
\r\n );\r\n }\r\n}\r\n\r\nResultsContainer.propTypes = {\r\n page: PropTypes.object,\r\n getUserDetails: PropTypes.func,\r\n user: PropTypes.object,\r\n userLoading: PropTypes.bool,\r\n members: PropTypes.array,\r\n membersLoading: PropTypes.bool,\r\n readMembers: PropTypes.func,\r\n pointStatistics: PropTypes.object,\r\n uniqueStatistics: PropTypes.object,\r\n readStatistics: PropTypes.func,\r\n readCompanyStatistics: PropTypes.func\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ResultsContainer);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport MemberSelect from \"../../components/MyTrips/MemberSelect\";\r\nimport LoadingIndicator from \"../../components/LoadingIndicator\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { translate } from \"react-translate\";\r\nimport { joinCompetition, resetState } from \"../../redux/competition\";\r\n\r\nimport \"./JoinCompetitionForm.scss\";\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n joinCompetition: bindActionCreators(joinCompetition, dispatch),\r\n resetCompetitionState: bindActionCreators(resetState, dispatch),\r\n };\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n joinCompetitionLoading: state.joinCompetitionReducer.loading,\r\n joinCompetitionError: state.joinCompetitionReducer.error,\r\n joinCompetitionSuccess: state.joinCompetitionReducer.success,\r\n joinedCompetitions: state.joinCompetitionReducer.competitions,\r\n user: state.user.user,\r\n});\r\n\r\nclass JoinCompetitionForm extends React.Component {\r\n constructor() {\r\n super();\r\n\r\n this.state = {\r\n selectedMemberId: -1,\r\n error: null,\r\n };\r\n this.changeCurrentMember = this.changeCurrentMember.bind(this);\r\n this.handleCompetitionJoin = this.handleCompetitionJoin.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n if (this.state.selectedMemberId === -1) {\r\n const mainMember = this.props.users.find((m) => m.is_main_familymember);\r\n if (mainMember) {\r\n this.setState({\r\n selectedMemberId: mainMember.id,\r\n });\r\n }\r\n }\r\n this.props.resetCompetitionState();\r\n }\r\n\r\n componentWillUnmount() {\r\n this.props.resetCompetitionState();\r\n }\r\n\r\n changeCurrentMember(id) {\r\n if (!Number.isNaN(id)) {\r\n this.setState({\r\n selectedMemberId: id,\r\n });\r\n }\r\n this.props.resetCompetitionState();\r\n }\r\n\r\n handleCompetitionJoin(...props) {\r\n this.props.joinCompetition(...props);\r\n }\r\n\r\n render() {\r\n const {\r\n competitionId,\r\n joinCompetitionLoading,\r\n joinCompetitionError,\r\n joinCompetitionSuccess,\r\n t,\r\n } = this.props;\r\n const { selectedMemberId, error } = this.state;\r\n return (\r\n {page.title}
\r\n {((user && selectedMember) || isGuest) && (\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nJoinCompetitionForm.propTypes = {\r\n users: PropTypes.array.isRequired,\r\n competitionId: PropTypes.number.isRequired,\r\n toggleModal: PropTypes.func.isRequired,\r\n joinCompetition: PropTypes.func.isRequired,\r\n resetCompetitionState: PropTypes.func.isRequired,\r\n t: PropTypes.func.isRequired,\r\n joinCompetitionLoading: PropTypes.bool,\r\n joinCompetitionError: PropTypes.object,\r\n joinCompetitionSuccess: PropTypes.bool,\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(translate(\"JoinCompetitionForm\")(JoinCompetitionForm));\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport Icon from \"../../components/Icon\";\r\nimport Modal from \"../../components/Modal\";\r\nimport JoinCompetitionForm from \"./JoinCompetitionForm\";\r\nimport LoadingIndicator from \"../../components/LoadingIndicator\";\r\nimport { translate } from \"react-translate\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { actions as digiThemeActions } from \"../../utils/digiTheme\";\r\nimport scopedBindActionCreators from \"../../utils/scopedReducer\";\r\nimport { fixDate } from \"../../utils/date\";\r\nimport { joinCompetition } from \"../../redux/competition\";\r\nimport { getUserDetails } from \"../../redux/user\";\r\nimport { Link, withRouter } from \"react-router-dom\";\r\nimport config from \"../../config/TellTur\";\r\n\r\nimport \"./CompetitionsList.scss\";\r\n\r\nconst mapStateToProps = state => ({\r\n user: state.user.user,\r\n turmalRecords: state.konkurannseTurmal.records,\r\n turmalLoading: state.konkurannseTurmal.loading\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n joinCompetition: bindActionCreators(joinCompetition, dispatch),\r\n getUserDetails: bindActionCreators(getUserDetails, dispatch),\r\n readKonkurannseTurmal: scopedBindActionCreators(\r\n digiThemeActions.readFiltered,\r\n dispatch,\r\n \"konkurannseTurmal\"\r\n ),\r\n resetDigiTheme: scopedBindActionCreators(\r\n digiThemeActions.resetDigiTheme,\r\n dispatch,\r\n \"konkurannseTurmal\"\r\n )\r\n };\r\n};\r\n\r\nclass CompetitonsList extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n index: null,\r\n showModal: false,\r\n competitionId: undefined\r\n };\r\n this.toggleModal = this.toggleModal.bind(this);\r\n this.readKonkurannser = this.readKonkurannser.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n !this.props.user && this.props.getUserDetails();\r\n }\r\n\r\n readKonkurannser(id) {\r\n this.props.readKonkurannseTurmal(\r\n [\r\n \"id\",\r\n \"points\",\r\n \"fk_telltur_konkurranse\",\r\n \"turmal_id\",\r\n \"turmal_type\",\r\n \"turmal_navn\",\r\n \"turmal_uri\",\r\n \"telltur_turmaal_id\"\r\n ],\r\n {\r\n filterColumns: [\r\n {\r\n name: \"fk_telltur_konkurranse\",\r\n netType: \"id[]\",\r\n value: id,\r\n comparisonOperator: \"@=\"\r\n }\r\n ],\r\n sortColums: [\r\n {\r\n name: \"points\"\r\n }\r\n ]\r\n },\r\n config.mapProjCode\r\n );\r\n }\r\n\r\n toggleModal() {\r\n if (!this.props.user) {\r\n this.props.history.push(\"/logginn\");\r\n }\r\n this.setState(prevState => ({ showModal: !prevState.showModal }));\r\n }\r\n\r\n render() {\r\n const { index, competitionId } = this.state;\r\n const { t, competitions, user, turmalRecords, turmalLoading, resetDigiTheme, loading } =\r\n this.props;\r\n\r\n return competitions.map((competition, idx) => {\r\n const endDate = fixDate(competition.end_date);\r\n var tomorrow = new Date();\r\n tomorrow.setDate(tomorrow.getDate() + 1);\r\n\r\n const hasExpired = endDate < tomorrow;\r\n\r\n return (\r\n {t(\"ConfirmJoin\")}
\r\n\r\n{t(`${joinCompetitionError.msg}`)}
\r\n )}\r\n {joinCompetitionSuccess && (\r\n{t(\"Success\")}
\r\n )}\r\n\r\n\r\n {!joinCompetitionSuccess && \r\n {t(\"ButtonCancel\")}\r\n }\r\n\r\n {!joinCompetitionSuccess && {\r\n this.handleCompetitionJoin(competitionId, selectedMemberId);\r\n }}\r\n >\r\n {t(\"ButtonConfirm\")}\r\n }\r\n\r\n {joinCompetitionSuccess && \r\n {t(\"ButtonClose\")}\r\n }\r\n
\r\n {joinCompetitionLoading && (\r\n \r\n
\r\n )}\r\n \r\n {index === idx && !loading && !turmalLoading ? (\r\n \r\n \r\n ) : (\r\n
\r\n {this.state.showModal && (\r\n {competition.description}
\r\n {competition.image && (\r\n \r\n
\r\n )}\r\n {!hasExpired && (\r\n \r\n )}\r\n\r\n \r\n {(competition.municipality ||\r\n competition.year_of_birth_from ||\r\n competition.year_of_birth_to ||\r\n competition.start_date ||\r\n competition.end_date) && (\r\n {t(\"terms\")}\r\n )}\r\n {competition.municipality && (\r\n \r\n \r\n )}\r\n {(competition.start_date || competition.end_date) && (\r\n \r\n \r\n )}\r\n
\r\n\r\n {turmalRecords && turmalRecords.length > 0 && (\r\n \r\n {t(\"Municipality\")}\r\n {competition.municipality}\r\n
\r\n )}\r\n {(competition.year_of_birth_from || competition.year_of_birth_to) && (\r\n \r\n {t(\"YearOfBirthFrom\")}\r\n {competition.year_of_birth_from}\r\n
\r\n \r\n {t(\"YearOfBirthTo\")}\r\n {competition.year_of_birth_to}\r\n
\r\n \r\n {t(\"StartDate\")}\r\n {competition.start_date\r\n ? `${fixDate(competition.start_date).toLocaleDateString(t(\"locale\"))}`\r\n : null}\r\n
\r\n \r\n {t(\"EndDate\")}\r\n {competition.end_date\r\n ? `${fixDate(competition.end_date).toLocaleDateString(t(\"locale\"))}`\r\n : null}\r\n
\r\n \r\n {t(\"destinations\")}\r\n {turmalRecords.map((turmal, i) => {\r\n if (!turmal.telltur_turmaal_id || !turmal.turmal_navn) {\r\n return (\r\n
\r\n )}\r\n {!hasExpired && (\r\n \r\n )}\r\n \r\n Turmål slettet\r\n
\r\n );\r\n }\r\n return (\r\n \r\n {`${turmal.turmal_navn} (${turmal.points} ${t(\"points\")})`}\r\n
\r\n
\r\n );\r\n })}\r\n \r\n
\r\n
\r\n )}\r\n \r\n \r\n \r\n {loading && (\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(\r\n connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n )(translate(\"Competitions\")(Competitons))\r\n);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport Title from \"../components/Title\";\r\nimport Competitions from \"../containers/competition/Competitions\";\r\nimport \"./FriluftsradPage.scss\";\r\n\r\nclass FriluftsradPage extends React.Component {\r\n render() {\r\n const {\r\n page: { content, title, data },\r\n location\r\n } = this.props;\r\n\r\n const isFriluftsradPage = location.pathname.indexOf(\"friluftsrad\") !== -1;\r\n // const isFriluftsradPage = location.pathname.split('/').length === 3;\r\n\r\n return (\r\n \r\n
\r\n {t(\"CompetitionsTheme\")}
\r\n{t(\"Description\").replace(\"{0}\", friluftsrad)}
\r\n \r\n {t(\"LinkToResults\")}\r\n \r\n \r\n {t(\"LinkToYourProfile\")}\r\n \r\n\r\n
\r\n )}\r\n {!loading && competitions.length === 0 && (\r\n {t(\"NoCompetitions\")}
\r\n )}\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nFriluftsradPage.propTypes = {\r\n page: PropTypes.object,\r\n location: PropTypes.object\r\n};\r\n\r\nexport default FriluftsradPage;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { pageActions } from \"@avinet/react-adaptive-cms\";\r\nimport UserRegistrationPage from \"../components/UserRegistrationPage\";\r\nimport LoginPage from \"../components/LoginPage\";\r\nimport MyProfile from \"../containers/MyProfile\";\r\nimport ResetPasswordPage from \"../components/ResetPasswordPage\";\r\nimport ChangePasswordPage from \"../components/ChangePasswordPage\";\r\nimport AddMemberContainer from \"../components/AddMemberContainer\";\r\nimport MyTripsContainer from \"../containers/MyTripsContainer\";\r\nimport ResultsContainer from \"../containers/Results/ResultsContainer\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { getPath, fixLinks } from \"../utils/Path\";\r\nimport LoadingIndicator from \"../components/LoadingIndicator\";\r\nimport FriluftsradPage from \"../components/FriluftsradPage\";\r\nimport ProfileValidator from \"../components/ProfileValidator\";\r\nimport config from \"../config/TellTur\";\r\n\r\nconst mapStateToProps = state => ({\r\n page: state.page.page,\r\n pageLoading: state.page.pageLoading,\r\n municipalities: state.municipalities.records,\r\n municipalitiesLoading: state.municipalities.loading,\r\n user: state.user.user,\r\n userLoading: state.user.loading\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => bindActionCreators(Object.assign({}, pageActions), dispatch);\r\n\r\nclass HybridPageView extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n currentPath: \"\"\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n const { loadPage, location } = this.props;\r\n const path = getPath(location);\r\n this.setState({ currentPath: path });\r\n loadPage(path);\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n const path = getPath(nextProps.location);\r\n if (path !== this.state.currentPath) {\r\n this.setState({ currentPath: path });\r\n nextProps.loadPage(path);\r\n }\r\n }\r\n\r\n componentDidUpdate() {\r\n const { history } = this.props;\r\n fixLinks(history);\r\n }\r\n\r\n render() {\r\n const baseUrl = config.adaptiveUrl;\r\n const { currentPath } = this.state;\r\n const { page, pageLoading, municipalities, municipalitiesLoading, user, userLoading } =\r\n this.props;\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n {isFriluftsradPage && data && (\r\n \r\n )}\r\n \r\n {(pageLoading || municipalitiesLoading || userLoading) && (\r\n \r\n {user &&\r\n (!!currentPath.match(/^(resultater|mineturer)$/) ||\r\n currentPath.indexOf(\"friluftsrad/\") !== -1) && \r\n
\r\n );\r\n }\r\n}\r\n\r\nHybridPageView.propTypes = {\r\n page: PropTypes.object,\r\n pageLoading: PropTypes.bool,\r\n loadPage: PropTypes.func,\r\n location: PropTypes.object,\r\n history: PropTypes.object.isRequired,\r\n municipalities: PropTypes.array.isRequired,\r\n municipalitiesLoading: PropTypes.bool,\r\n user: PropTypes.object,\r\n userLoading: PropTypes.bool\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withRouter(HybridPageView));\r\n","import { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { clearUser } from \"../redux/user\";\r\nimport { clearMembers } from \"../redux/familymembers\";\r\nimport { logout, authReducerActions } from \"@avinet/react-adaptive-auth\";\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n clearUser: bindActionCreators(clearUser, dispatch),\r\n clearMembers: bindActionCreators(clearMembers, dispatch),\r\n loggedOut: () => {\r\n dispatch(authReducerActions.loggedOut());\r\n }\r\n };\r\n};\r\n\r\nclass LogoutView extends Component {\r\n componentDidMount() {\r\n const { clearMembers, clearUser, loggedOut, history } = this.props;\r\n\r\n logout();\r\n clearUser();\r\n clearMembers();\r\n loggedOut();\r\n history.push(\"/\");\r\n }\r\n\r\n render() {\r\n return null;\r\n }\r\n}\r\n\r\nLogoutView.propTypes = {\r\n history: PropTypes.object.isRequired,\r\n loggedOut: PropTypes.func.isRequired,\r\n clearMembers: PropTypes.func.isRequired,\r\n clearUser: PropTypes.func.isRequired\r\n};\r\n\r\nexport default withRouter(connect(null, mapDispatchToProps)(LogoutView));\r\n","import React from \"react\";\r\nimport { Button } from \"react-bootstrap\";\r\nimport PropTypes from \"prop-types\";\r\nimport \"./TellturArticleListComponent.scss\";\r\n\r\nexport default class TellturArticleListComponent extends React.Component {\r\n static propTypes = {\r\n t: PropTypes.func.isRequired,\r\n onArticleOpen: PropTypes.func.isRequired,\r\n thumbnailClassName: PropTypes.string.isRequired,\r\n color: PropTypes.string.isRequired,\r\n thumbnail: PropTypes.string,\r\n article: PropTypes.object.isRequired,\r\n validTitle: PropTypes.func.isRequired,\r\n cleanText: PropTypes.func.isRequired,\r\n loadImage: PropTypes.bool\r\n };\r\n\r\n render() {\r\n const {\r\n t,\r\n onArticleOpen,\r\n thumbnailClassName,\r\n color,\r\n thumbnail,\r\n article,\r\n loadImage,\r\n validTitle,\r\n cleanText\r\n } = this.props;\r\n return (\r\n \r\n
\r\n )}\r\n \r\n {validTitle(article.properties.title) && (\r\n \r\n {article.properties.gradering && article.properties.gradering}\r\n
\r\n {article.properties.title}
\r\n )}\r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nArticleView.propTypes = {\r\n history: PropTypes.object.isRequired,\r\n match: PropTypes.object.isRequired,\r\n t: PropTypes.func.isRequired,\r\n sources: PropTypes.array.isRequired,\r\n mapCenter: PropTypes.array.isRequired,\r\n mapZoom: PropTypes.number.isRequired,\r\n fitViewAndZoom: PropTypes.func.isRequired,\r\n lastMapCenter: PropTypes.array,\r\n lastZoomLevel: PropTypes.number,\r\n updateMapHistory: PropTypes.func.isRequired\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(withRouter(translate(\"ArticleView\")(provideMapState(ensureArticleModuleConfig(ArticleView)))));\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport sanitizeHtml from \"sanitize-html\";\r\nimport Icon from \"./Icon\";\r\nimport PopupBox from \"./PopupBox\";\r\nimport { translate } from \"react-translate\";\r\nimport { CopyToClipboard } from \"react-copy-to-clipboard\";\r\nimport { provideMapState } from \"@avinet/react-openlayers\";\r\nimport enkel from \"../static/gradering_enkel.jpg\";\r\nimport middels from \"../static/gradering_middels.jpg\";\r\nimport krevende from \"../static/gradering_krevende.jpg\";\r\nimport ekspert from \"../static/gradering_ekspert.jpg\";\r\nimport \"./TellturArticle.scss\";\r\n\r\nfunction openUrl(prefix) {\r\n let url = window.location.href;\r\n if (url.indexOf(\"?\") !== -1) {\r\n url = url.split(\"?\")[0];\r\n }\r\n url = url.replace(\"#\", \"?path=\");\r\n window.open(prefix + url);\r\n}\r\n\r\nfunction getGraderingImage(gradering) {\r\n switch (gradering.toLowerCase()) {\r\n case \"enkel\":\r\n return enkel;\r\n case \"middels\":\r\n return middels;\r\n case \"krevende\":\r\n return krevende;\r\n case \"ekspert\":\r\n return ekspert;\r\n default:\r\n break;\r\n }\r\n}\r\n\r\nclass TellturArticle extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n linkShareOpen: false,\r\n linkCopied: false\r\n };\r\n\r\n this.onShareLinkClick = this.onShareLinkClick.bind(this);\r\n this.onShareLinkPopupClose = this.onShareLinkPopupClose.bind(this);\r\n this.onClipBoardBtnClick = this.onClipBoardBtnClick.bind(this);\r\n }\r\n\r\n onShareLinkClick() {\r\n this.setState({\r\n linkShareOpen: true,\r\n linkCopied: false\r\n });\r\n }\r\n\r\n onShareLinkPopupClose() {\r\n this.setState({\r\n linkShareOpen: false,\r\n linkCopied: false\r\n });\r\n }\r\n\r\n onClipBoardBtnClick() {\r\n this.setState({\r\n linkCopied: true\r\n });\r\n }\r\n\r\n displayInactiveWarning() {\r\n const { startdato, sluttdato } = this.props;\r\n\r\n const startDateParts = startdato && startdato.split(\".\");\r\n const endDateParts = sluttdato && sluttdato.split(\".\");\r\n\r\n const startDate =\r\n startdato &&\r\n new Date(+startDateParts[2], startDateParts[1] - 1, +startDateParts[0]).setHours(0, 0, 0, 0);\r\n\r\n const endDate =\r\n sluttdato &&\r\n new Date(+endDateParts[2], endDateParts[1] - 1, +endDateParts[0]).setHours(0, 0, 0, 0);\r\n\r\n const currentDate = new Date().setHours(0, 0, 0, 0);\r\n\r\n if (startDate > currentDate || endDate < currentDate) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n displayMovedWarning() {\r\n const {friluftsrad} = this.props;\r\n \r\n if(friluftsrad === \"Midt-Agder Friluftsråd\" || friluftsrad === \"Ryfylke Friluftsråd\" || friluftsrad === \"Friluftsrådet Vest\" || friluftsrad === \"Jæren Friluftsråd\") {\r\n return true;\r\n }\r\n return false;\r\n } \r\n\r\n render() {\r\n const {\r\n title,\r\n content,\r\n image,\r\n provider,\r\n hoydemeter,\r\n lengde,\r\n startdato,\r\n sluttdato,\r\n poeng,\r\n friluftsrad,\r\n gradering,\r\n kommune,\r\n t\r\n } = this.props;\r\n\r\n return (\r\n \r\n this.setState({ showTipBox: true, tmpHideTipBox: false })}\r\n >\r\n
\r\n \r\n this.lazyLoad.update()}\r\n onSourceSelect={this.onSourceSelect}\r\n onArticleOpen={this.onArticleOpen}\r\n sourceSelectorPlaceholder={count =>\r\n count === 1\r\n ? t(\"sourceselectorText1\")\r\n : t(\"sourceselectorText2\").replace(\"{0}\", count)\r\n }\r\n articleComponent={TellturArticleListComponent}\r\n useHoverStyle\r\n useActiveStyle\r\n articleLimit={20}\r\n />\r\n
\r\n \r\n {gradering && (\r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nTellturArticle.propTypes = {\r\n title: PropTypes.string,\r\n content: PropTypes.string,\r\n image: PropTypes.string,\r\n provider: PropTypes.string,\r\n lengde: PropTypes.string,\r\n startdato: PropTypes.string,\r\n sluttdato: PropTypes.string,\r\n poeng: PropTypes.string,\r\n friluftsrad: PropTypes.string,\r\n gradering: PropTypes.string,\r\n kommune: PropTypes.string,\r\n hoydemeter: PropTypes.string,\r\n t: PropTypes.func.isRequired\r\n};\r\n\r\nexport default provideMapState(translate(\"TellturArticle\")(TellturArticle));\r\n","import request from \"superagent\";\r\nimport { getSessionToken } from \"@avinet/react-adaptive-auth\";\r\nimport config from \"../config/TellTur\";\r\n\r\n// ------------------------------------\r\n// Constants\r\n// ------------------------------------\r\nexport const TOP_FIVE_LOADING = \"TOP_FIVE_LOADING\";\r\nexport const TOP_FIVE_LOADED = \"TOP_FIVE_LOADED\";\r\nexport const LAST_FIVE_LOADING = \"LAST_FIVE_LOADING\";\r\nexport const LAST_FIVE_LOADED = \"LAST_FIVE_LOADED\";\r\n\r\n// ------------------------------------\r\n// Actions\r\n// ------------------------------------\r\nconst loadTopFive = destinationId => {\r\n return dispatch => {\r\n dispatch({ type: \"TOP_FIVE_LOADING\", payload: true });\r\n\r\n request\r\n .post(config.adaptiveUrl + \"WebServices/telltur/Trips.asmx/ReadTopVisitorsDestination\")\r\n // .post('http://localhost/a_a3/WebServices/telltur/Trips.asmx/ReadTopVisitorsDestination')\r\n .send({\r\n start: 0,\r\n limit: 5,\r\n filter: {\r\n filterColumns: [\r\n {\r\n name: \"turmaal_id\",\r\n value: destinationId,\r\n comparisonOperator: \"=\",\r\n logicalOperator: \"AND\"\r\n },\r\n {\r\n name: \"date\",\r\n value: new Date(Date.UTC(new Date().getFullYear(), 0, 1)),\r\n comparisonOperator: \">=\",\r\n logicalOperator: \"AND\"\r\n }\r\n ]\r\n }\r\n })\r\n .set(\"Accept\", \"application/json\")\r\n .set(\"Content-Type\", \"application/json\")\r\n .set(\"gm_session_id\", getSessionToken())\r\n .set(\"gm_lang_code\", config.gm_lang_code)\r\n .end((err, response) => {\r\n if (err || !response.ok) {\r\n dispatch({\r\n type: \"TOP_FIVE_LOADED\",\r\n payload: {\r\n topFive: [],\r\n topFiveLoading: false\r\n }\r\n });\r\n return;\r\n }\r\n response = response.body.d;\r\n\r\n dispatch({\r\n type: \"TOP_FIVE_LOADED\",\r\n payload: {\r\n topFive: response.records,\r\n topFiveLoading: false\r\n }\r\n });\r\n });\r\n };\r\n};\r\n\r\nconst loadLastFive = destinationId => {\r\n return dispatch => {\r\n dispatch({ type: \"LAST_FIVE_LOADING\", payload: true });\r\n\r\n request\r\n .post(config.adaptiveUrl + \"WebServices/telltur/Trips.asmx/ReadLastVisitorsDestination\")\r\n // .post('http://localhost/a_a3/WebServices/telltur/Trips.asmx/ReadLastVisitorsDestination')\r\n .send({\r\n start: 0,\r\n limit: 5,\r\n filter: {\r\n filterColumns: [\r\n {\r\n name: \"turmaal_id\",\r\n value: destinationId,\r\n comparisonOperator: \"=\",\r\n logicalOperator: \"AND\"\r\n },\r\n {\r\n name: \"date\",\r\n value: new Date(Date.UTC(new Date().getFullYear(), 0, 1)),\r\n comparisonOperator: \">=\",\r\n logicalOperator: \"AND\"\r\n }\r\n ],\r\n sortColumns: [\r\n {\r\n name: \"date\",\r\n sortDesc: true\r\n }\r\n ]\r\n }\r\n })\r\n .set(\"Accept\", \"application/json\")\r\n .set(\"Content-Type\", \"application/json\")\r\n .set(\"gm_session_id\", getSessionToken())\r\n .set(\"gm_lang_code\", config.gm_lang_code)\r\n .end((err, response) => {\r\n if (err || !response.ok) {\r\n dispatch({\r\n type: \"LAST_FIVE_LOADED\",\r\n payload: {\r\n lastFive: [],\r\n lastFiveLoading: false\r\n }\r\n });\r\n return;\r\n }\r\n response = response.body.d;\r\n\r\n dispatch({\r\n type: \"LAST_FIVE_LOADED\",\r\n payload: {\r\n lastFive: response.records,\r\n lastFiveLoading: false\r\n }\r\n });\r\n });\r\n };\r\n};\r\n\r\nexport const actions = {\r\n loadLastFive,\r\n loadTopFive\r\n};\r\n\r\n// ------------------------------------\r\n// Action Handler\r\n// ------------------------------------\r\nconst ACTION_HANDLERS = {\r\n [TOP_FIVE_LOADING]: (state, action) => ({\r\n ...state,\r\n topFive: { loading: action.payload }\r\n }),\r\n [TOP_FIVE_LOADED]: (state, action) => ({\r\n ...state,\r\n topFive: {\r\n loading: action.payload.topFiveLoading,\r\n stats: action.payload.topFive\r\n }\r\n }),\r\n [LAST_FIVE_LOADING]: (state, action) => ({\r\n ...state,\r\n lastFive: {\r\n loading: action.payload\r\n }\r\n }),\r\n [LAST_FIVE_LOADED]: (state, action) => ({\r\n ...state,\r\n lastFive: {\r\n loading: action.payload.lastFiveLoading,\r\n stats: action.payload.lastFive\r\n }\r\n })\r\n};\r\n\r\n// ------------------------------------\r\n// Reducer\r\n// ------------------------------------\r\nconst initialState = {\r\n topFive: {\r\n loading: false,\r\n stats: []\r\n },\r\n lastFive: {\r\n loading: false,\r\n stats: []\r\n }\r\n};\r\n\r\nexport default function (state = initialState, action) {\r\n const handler = ACTION_HANDLERS[action.type];\r\n return handler ? handler(state, action) : state;\r\n}\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { translate } from \"react-translate\";\r\nimport { actions as destinationActions } from \"../redux/destination\";\r\nimport { fixDate } from \"../utils/date\";\r\nimport LoadingIndicator from \"../components/LoadingIndicator\";\r\nimport \"./DestinationStats.scss\";\r\n\r\nconst mapDispatchToProps = dispatch =>\r\n bindActionCreators(Object.assign({}, destinationActions), dispatch);\r\n\r\nconst mapStateToProps = state => ({\r\n topFive: state.destination.topFive,\r\n lastFive: state.destination.lastFive\r\n});\r\n\r\n// TODO Make search box oblivious of current search source\r\n// OR make it possible to select search source\r\n// OR make it possible to have multiple search sources\r\nclass DestinationStats extends React.Component {\r\n componentDidMount() {\r\n const { articleId, loadLastFive, loadTopFive } = this.props;\r\n if (articleId) {\r\n loadLastFive(articleId);\r\n loadTopFive(articleId);\r\n }\r\n }\r\n\r\n render() {\r\n const { t, lastFive, topFive } = this.props;\r\n const dateOpts = { month: \"2-digit\", day: \"2-digit\" };\r\n\r\n return (\r\n \r\n {title && title !== null &&
\r\n {title}
}\r\n {friluftsrad && friluftsrad !== null && (\r\n\r\n {friluftsrad}\r\n {kommune && kommune !== null && \", \" + kommune}\r\n
\r\n )}\r\n{image && }
{provider}
\r\n\r\n
\r\n {this.displayInactiveWarning() && (\r\n \r\n {t(\"length\")}\r\n \r\n {lengde === null || lengde === undefined ? \"-\" : lengde} km\r\n \r\n
\r\n \r\n {t(\"elevation\")}\r\n \r\n {hoydemeter === null || hoydemeter === undefined ? \"-\" : hoydemeter}\r\n \r\n
\r\n \r\n {t(\"points\")}\r\n {poeng}\r\n
\r\n \r\n
\r\n )}\r\n {this.displayMovedWarning() && (\r\n {t(\"InactiveTrip\")}
\r\n\r\n
\r\n )}\r\n \r\n {t(\"MovedTrip\")}
\r\n\r\n openUrl(\"https://www.facebook.com/sharer.php?u=\")}\r\n >\r\n
\r\n {(startdato || sluttdato) && (\r\n \r\n
\r\n )}\r\n {this.state.linkShareOpen && (\r\n \r\n {startdato && (\r\n \r\n {t(\"startDate\")}\r\n {startdato}\r\n \r\n )}\r\n
\r\n \r\n {sluttdato && (\r\n \r\n {t(\"endDate\")}\r\n {sluttdato}\r\n \r\n )}\r\n
\r\n {t(\"copyLink\")}
\r\n\r\n e.target.select()}\r\n />\r\n \r\n \r\n {this.state.linkCopied ? t(\"linkCopied\") : t(\"copyLinkBtn\")}\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nDestinationStats.propTypes = {\r\n t: PropTypes.func.isRequired,\r\n articleId: PropTypes.number.isRequired,\r\n topFive: PropTypes.object.isRequired,\r\n lastFive: PropTypes.object.isRequired,\r\n loadLastFive: PropTypes.func.isRequired,\r\n loadTopFive: PropTypes.func.isRequired\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(translate(\"DestinationStats\")(DestinationStats));\r\n","import React, { useCallback } from \"react\";\r\nimport { useHistory, useLocation, useParams } from \"react-router\";\r\nimport { ArticleWindow, useArticle } from \"@avinet/react-article-module\";\r\nimport { useTranslate } from \"react-translate\";\r\nimport Title from \"../components/Title\";\r\nimport TellturArticle from \"../components/TellturArticle\";\r\nimport DestinationStats from \"../containers/DestinationStats\";\r\nimport Icon from \"../components/Icon\";\r\nimport StiLayer from \"../components/Map/StiLayer\";\r\nimport \"./ArticleDetailView.scss\";\r\n\r\nfunction ArticleDetailView() {\r\n const t = useTranslate(\"ArticleDetailView\");\r\n const history = useHistory();\r\n const { state } = useLocation();\r\n const { sourceId, articleId } = useParams();\r\n const aid = sourceId + \"_\" + articleId;\r\n const { article } = useArticle(aid);\r\n\r\n const onClose = useCallback(() => {\r\n const baseUrl = \"/alleturmaal\";\r\n history.push(baseUrl + (state?.activeSources ? \"/\" + state.activeSources : \"\"));\r\n }, [history, state]);\r\n\r\n return (\r\n \r\n {t(\"visitorStatistics\")} {new Date().getFullYear()}\r\n
\r\n {lastFive.loading && topFive.loading && (\r\n\r\n
\r\n )}\r\n {!lastFive.loading && !topFive.loading && lastFive.stats && lastFive.stats.length > 0 && (\r\n \r\n
\r\n )}\r\n {!lastFive.loading && !topFive.loading && lastFive.stats && lastFive.stats.length === 0 && (\r\n {t(\"noVisitors\")}\r\n )}\r\n \r\n
\r\n {t(\"lastVisitors\")}
\r\n- \r\n {lastFive.stats &&\r\n lastFive.stats.length &&\r\n lastFive.stats.map((t, idx) => (\r\n
- \r\n {t.nick_name} ({fixDate(t.date).toLocaleString(t.locale, dateOpts)})\r\n \r\n ))}\r\n
\r\n
\r\n {t(\"topVisitors\")}
\r\n- \r\n {topFive.stats &&\r\n topFive.stats.length &&\r\n topFive.stats.map((t, idx) => (\r\n
- \r\n {t.nick_name} ({t.visits})\r\n \r\n ))}\r\n
\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default ArticleDetailView;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { translate } from \"react-translate\";\r\nimport { Link } from \"react-router-dom\";\r\nimport TranslatedServerError from \"./TranslatedServerError\";\r\n\r\nimport regTripImg from \"../static/telefon_telltur_BF-red.png\";\r\n\r\nconst generateMemberOptions = members => {\r\n if (members) {\r\n return members.map(m => {\r\n return (\r\n \r\n );\r\n });\r\n }\r\n};\r\n\r\nconst RegisterTripForm = props => {\r\n const {\r\n t,\r\n members,\r\n registrationError,\r\n tripcode,\r\n tripdate,\r\n selectedMemberId,\r\n validationErrors,\r\n handleChange,\r\n handleSubmit,\r\n handleCancel,\r\n isLoading\r\n } = props;\r\n const memberOptions = generateMemberOptions(members);\r\n return (\r\n \r\n \r\n {article &&
\r\n \r\n 
\r\n \r\n
\r\n );\r\n};\r\n\r\nRegisterTripForm.propTypes = {\r\n members: PropTypes.array,\r\n t: PropTypes.func,\r\n registrationError: PropTypes.object,\r\n validationErrors: PropTypes.object.isRequired,\r\n tripcode: PropTypes.string.isRequired,\r\n tripdate: PropTypes.string.isRequired,\r\n handleChange: PropTypes.func.isRequired,\r\n handleCancel: PropTypes.func.isRequired,\r\n handleSubmit: PropTypes.func.isRequired,\r\n selectedMemberId: PropTypes.number.isRequired,\r\n isLoading: PropTypes.bool.isRequired\r\n};\r\nexport default translate(\"RegisterTripForm\")(RegisterTripForm);\r\n","import React from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport PropTypes from 'prop-types';\r\nimport { addTrip, clearAddedTrip } from '../redux/trips';\r\nimport { readMembers } from '../redux/familymembers';\r\nimport { translate } from 'react-translate';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { validateDatePattern, isValidDate, isWithinYear, isInFuture } from '../utils/date';\r\nimport RegisterTripForm from './RegisterTripForm';\r\nimport './RegisterTripPage.scss';\r\n\r\nimport Title from './Title';\r\n\r\nconst convertDateString = (dateString, separator) => {\r\n const dateArray = dateString.split(separator);\r\n const day = dateArray[0];\r\n const month = dateArray[1];\r\n const year = dateArray[2];\r\n return year + '-' + month + '-' + day;\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n addTrip: bindActionCreators(addTrip, dispatch),\r\n clearAddedTrip: bindActionCreators(clearAddedTrip, dispatch),\r\n readMembers: bindActionCreators(readMembers, dispatch),\r\n };\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n user: state.user.user,\r\n registrationError: state.trips.error,\r\n tripAdded: state.trips.tripAdded,\r\n tripsLoading: state.trips.loading,\r\n members: state.familyMembers.members,\r\n memberError: state.familyMembers.error,\r\n membersLoading: state.familyMembers.loading,\r\n});\r\n\r\nclass RegisterTripPage extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n tripcode: '',\r\n tripdate: '',\r\n description: '',\r\n error: '',\r\n selectedMemberId: -1,\r\n validationErrors: {},\r\n };\r\n\r\n this.handleCancel = this.handleCancel.bind(this);\r\n this.handleSubmit = this.handleSubmit.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.validateForm = this.validateForm.bind(this);\r\n }\r\n\r\n componentWillMount() {\r\n if (this.props.user) {\r\n this.props.readMembers(this.props.user.uuid);\r\n }\r\n }\r\n componentWillReceiveProps(nextProps) {\r\n if (!this.props.user && nextProps.user) {\r\n this.props.readMembers(nextProps.user.uuid);\r\n }\r\n if (nextProps.tripAdded) {\r\n this.props.clearAddedTrip();\r\n this.props.history.push('/mineturer');\r\n }\r\n if (nextProps.members && nextProps.members.length && this.state.selectedMemberId === -1) {\r\n const mainMember = nextProps.members.find((m) => m.is_main_familymember);\r\n if (mainMember) {\r\n this.setState({\r\n selectedMemberId: mainMember.id,\r\n });\r\n }\r\n }\r\n }\r\n\r\n handleChange(evt) {\r\n const name = evt.target.name;\r\n var value = evt.target.value;\r\n if (name === 'tripdate' && /^\\d{1,2}\\.\\d{1,2}\\.\\d{4}$/.test(value)) {\r\n value = convertDateString(value, '.');\r\n }\r\n this.setState(\r\n {\r\n [name]: value,\r\n },\r\n () => {\r\n this.validateForm(false);\r\n }\r\n );\r\n }\r\n\r\n handleCancel(evt) {\r\n evt.preventDefault();\r\n this.props.history.goBack();\r\n }\r\n\r\n validateForm(submitting) {\r\n const { user, t } = this.props;\r\n const { tripcode, tripdate, selectedMemberId } = this.state;\r\n const validDatePattern = validateDatePattern(tripdate);\r\n const validationErrors = {};\r\n if (!user || !user.uuid) {\r\n validationErrors.general = t('NotLoggedIn');\r\n }\r\n\r\n if (selectedMemberId < 0) {\r\n validationErrors.selectedMemberId = t('SelectAMember');\r\n }\r\n\r\n if (!tripcode || tripcode.length < 2) {\r\n validationErrors.tripcode = t('TripCodeNotValid');\r\n }\r\n\r\n if (tripdate.length > 0 && (!validDatePattern || !isValidDate(tripdate))) {\r\n validationErrors.tripdate = t('TripDateNotValid');\r\n }\r\n\r\n if (tripdate.length > 0 && validDatePattern && !isWithinYear(tripdate)) {\r\n validationErrors.tripdate = t('CantRegisterTripsFromLastYear');\r\n }\r\n if (tripdate.length === 0 && submitting) {\r\n validationErrors.tripdate = t('TripDateNotValid');\r\n }\r\n\r\n if (validDatePattern && isInFuture(tripdate)) {\r\n validationErrors.tripdate = t('CantRegisterTripsInFuture');\r\n }\r\n\r\n this.setState({ validationErrors });\r\n if (Object.keys(validationErrors).length > 0) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n handleSubmit(evt) {\r\n evt.preventDefault();\r\n\r\n if (!this.validateForm(true)) {\r\n return;\r\n }\r\n\r\n const { tripcode, tripdate, description, selectedMemberId } = this.state;\r\n\r\n const trip = {\r\n tripcode,\r\n tripdate,\r\n userid: selectedMemberId,\r\n description: description,\r\n };\r\n\r\n this.props.addTrip(trip);\r\n }\r\n\r\n render() {\r\n const { registrationError, members, membersLoading, tripsLoading } = this.props;\r\n const { tripcode, tripdate, validationErrors, selectedMemberId } = this.state;\r\n const selectedMemberIdInt =\r\n typeof selectedMemberId === 'string' ? parseInt(selectedMemberId) : selectedMemberId;\r\n return (\r\n {t(\"RegisterTrip\")}
\r\n \r\n \r\n\r\n {t(\"SeeRegisteredTripsOn\")}{\" \"}\r\n {t(\"ThisPage\")}\r\n
\r\n \r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nRegisterTripPage.propTypes = {\r\n t: PropTypes.func.isRequired,\r\n history: PropTypes.object.isRequired,\r\n user: PropTypes.object,\r\n addTrip: PropTypes.func,\r\n registrationError: PropTypes.object,\r\n tripAdded: PropTypes.string,\r\n clearAddedTrip: PropTypes.func,\r\n readMembers: PropTypes.func,\r\n members: PropTypes.array,\r\n membersLoading: PropTypes.bool.isRequired,\r\n tripsLoading: PropTypes.bool.isRequired,\r\n};\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps)(translate('RegisterTripPage')(RegisterTripPage))\r\n);\r\n","import React from 'react';\r\n// import PropTypes from 'prop-types';\r\nimport RegisterTripPage from '../components/RegisterTripPage';\r\n\r\nclass RegisterTripView extends React.Component {\r\n constructor (props) {\r\n super(props);\r\n this.state = {\r\n currentPath: ''\r\n };\r\n }\r\n\r\n render () {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nRegisterTripView.propTypes = {};\r\n\r\nexport default RegisterTripView;\r\n","import React from 'react';\r\nimport { Route, Redirect } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst mapStateToProps = state => ({\r\n sessionToken: state.auth.sessionToken\r\n});\r\n\r\nconst PrivateRoute = ({ component: Component, loginPath, sessionToken, ...rest }) => (\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nFriluftsradListPage.propTypes = {\r\n friluftsraad: PropTypes.array.isRequired\r\n};\r\n\r\nexport default connect(mapStateToProps, null)(withRouter(FriluftsradListPage));\r\n","import React, { useEffect } from \"react\";\r\nimport { useLocation } from \"react-router\";\r\nimport { BrowserRouter as Router, Route, Switch } from \"react-router-dom\";\r\nimport CoreLayout from \"../layouts/CoreLayout\";\r\nimport MapLayout from \"../layouts/MapLayout\";\r\nimport IndexLayout from \"../layouts/IndexLayout\";\r\nimport { connect } from \"react-redux\";\r\nimport { getUserDetails } from \"../redux/user\";\r\nimport PageView from \"../views/PageView\";\r\nimport HybridPageView from \"../views/HybridPageView\";\r\nimport LogoutView from \"../views/LogoutView\";\r\nimport ArticleView from \"../views/ArticleView\";\r\nimport ArticleDetailView from \"../views/ArticleDetailView\";\r\nimport RegisterTripView from \"../views/RegisterTripView\";\r\nimport PropTypes from \"prop-types\";\r\nimport PrivateRoute from \"./PrivateRoute\";\r\nimport scopedBindActionCreators from \"../utils/scopedReducer\";\r\nimport { actions as digiThemeActions } from \"../utils/digiTheme\";\r\nimport FriluftsradListPage from \"../components/FriluftsradListPage\";\r\n\r\nimport config from \"../config/TellTur\";\r\n\r\nfunction ScrollToTop() {\r\n const location = useLocation();\r\n useEffect(() => {\r\n window.scrollTo(0, 0);\r\n }, [location.pathname]);\r\n return <>;\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n getUserDetails: () => {\r\n dispatch(getUserDetails());\r\n },\r\n readMunicipalities: scopedBindActionCreators(\r\n digiThemeActions.readFiltered,\r\n dispatch,\r\n \"municipalities\"\r\n ),\r\n readFriluftsraad: scopedBindActionCreators(\r\n digiThemeActions.readFiltered,\r\n dispatch,\r\n \"readFriluftsraad\"\r\n )\r\n };\r\n};\r\n\r\nclass AppRouter extends React.Component {\r\n componentDidMount() {\r\n const splashScreen = document.getElementById(\"splash-screen\");\r\n\r\n this.props.getUserDetails();\r\n this.props.readMunicipalities(\r\n config.dtMunicipality.columns,\r\n null,\r\n config.mapProjCode,\r\n 0,\r\n 1000,\r\n null\r\n );\r\n this.props.readFriluftsraad(\r\n config.friluftsraadDt.columns,\r\n null,\r\n config.mapProjCode,\r\n 0,\r\n 1000,\r\n null\r\n );\r\n\r\n if (splashScreen) {\r\n splashScreen.remove();\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n Friluftsråd og konkurranser
\r\n\r\n Nedenfor ser du en oversikt over friluftsrådene som deltar i TellTur. Klikk deg inn til\r\n ditt lokale friluftsråd for å lese mer om konkurranser og annen aktivitet der du bor!\r\n
\r\n\r\n {friluftsraad.map(fr => (\r\n handleClick(fr.uri)}\r\n className=\"tell-tur--friluftsrad-container\"\r\n >\r\n
\r\n ))}\r\n \r\n 
\r\n
\r\n );\r\n};\r\n\r\nexport default Parking;\r\n","import React from \"react\";\r\nimport { olUtils, VectorSource } from \"@avinet/react-openlayers\";\r\nimport { actions as digiThemeActions } from \"../../utils/digiTheme\";\r\nimport scopedBindActionCreators from \"../../utils/scopedReducer\";\r\nimport { connect } from \"react-redux\";\r\nimport { Style, Icon } from \"ol/style\";\r\nimport config from \"../../config/TellTur\";\r\nimport Parking from \"../Parking\";\r\n\r\nimport parkingIconMap from \"../../static/parking_map.svg\";\r\nimport parkingChargIconMap from \"../../static/p_charger_map.svg\";\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n readParkings: scopedBindActionCreators(digiThemeActions.readFiltered, dispatch, \"parkings\")\r\n };\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n parkings: state.parkings.records,\r\n loadingParkings: state.parkings.loading\r\n});\r\n\r\nclass ParkingLayer extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n features: [],\r\n showParkingDetails: false\r\n };\r\n this.handleClose = this.handleClose.bind(this);\r\n }\r\n componentDidMount() {\r\n this.readParkings();\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.parkings !== this.props.parkings) {\r\n this.setFeatures(this.props.parkings);\r\n }\r\n }\r\n\r\n setFeatures(parkings) {\r\n const features =\r\n !parkings && !parkings.length\r\n ? []\r\n : parkings.map(p => {\r\n const f = olUtils.createFeatureFromWkt(p.geom_wkt, {\r\n id: p.id,\r\n type: p.type_id,\r\n media: p.bilde_multimedia,\r\n title: p.navn,\r\n description: p.beskrivelse,\r\n accessibility: p.tilrettelagt\r\n });\r\n\r\n if (!f.onClick) {\r\n f.onClick = () => {\r\n this.setState({ selectedParking: p, showParkingDetails: true });\r\n };\r\n }\r\n\r\n return f;\r\n });\r\n this.setState({ features });\r\n }\r\n\r\n featureStyle = f => {\r\n return new Style({\r\n image: new Icon({\r\n src: f.get(\"type\") === 55 ? parkingIconMap : parkingChargIconMap,\r\n scale: 0.6\r\n })\r\n });\r\n };\r\n\r\n readParkings() {\r\n this.props.readParkings(config.parkingsDt.columns, null, config.mapProjCode, 0, 0, null);\r\n }\r\n\r\n handleClose() {\r\n this.setState({ showParkingDetails: false });\r\n }\r\n\r\n render() {\r\n const { features, selectedParking, showParkingDetails } = this.state;\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n {title}
\r\n{description}
\r\n