\n
\n );\n }\n}\n\nPopupBox.propTypes = {\n children: PropTypes.element,\n onClose: PropTypes.func.isRequired,\n closeBtnText: PropTypes.string.isRequired,\n checkBoxText: PropTypes.string,\n checkBoxChecked: PropTypes.bool\n};\n\nexport default PopupBox;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { connect } from \"react-redux\";\nimport { bindActionCreators } from \"redux\";\nimport { Nav, Link, navActions } from \"@avinet/react-adaptive-cms\";\nimport logo_no_en from \"../static/logo_Kystverket-english.svg\";\nimport { translate } from \"react-translate\";\nimport \"./NavBar.scss\";\n\nconst mapDispatchToProps = (dispatch) => {\n return bindActionCreators(Object.assign({}, navActions), dispatch);\n};\n\nconst mapStateToProps = (state) => ({\n nav: state.nav.nav,\n});\n\nclass NavBar extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n navOpen: false,\n };\n }\n\n componentDidMount() {\n const { loadNav } = this.props;\n loadNav();\n }\n\n get navItems() {\n const { nav, lang, t } = this.props;\n return nav.filter((n) => {\n if (n.uri === \"index\") {\n n.title = t(\"index\");\n return n;\n }\n if (lang === \"en\") {\n return n.uri.indexOf(\"_en\") > -1;\n } else {\n return n.uri.indexOf(\"_en\") === -1;\n }\n });\n }\n\n render() {\n const { navOpen } = this.state;\n const { setLang } = this.props;\n const { t } = this.props;\n return (\n \n
\n {children}
\n \n {checkBoxText && (\n onClose(this.state.checked)}\n className=\"btn popup-box--close-btn\"\n >\n {closeBtnText}\n \n
\n \n {\n this.setState({ checked: newChecked });\n }}\n checked={this.state.checked}\n />\n \n
\n )}\n \n \n 
\n \n \n {}}\n onClick={() =>\n this.setState({ navOpen: !navOpen, profileOpen: false })\n }\n />\n \n \n \n {\n this.setState({\n navOpen: false,\n profileOpen: false,\n });\n }}\n />\n
\n \n {this.props.lang === \"no\" && (\n \n )}\n {this.props.lang === \"en\" && (\n \n )}\n
\n \n );\n }\n}\n\nNavBar.propTypes = {\n nav: PropTypes.array,\n loadNav: PropTypes.func,\n fullscreen: PropTypes.bool,\n fullscreenToggle: PropTypes.func,\n setLang: PropTypes.func,\n lang: PropTypes.string,\n};\n\nexport default translate(\"NavBar\")(\n connect(mapStateToProps, mapDispatchToProps)(NavBar)\n);\n","import React from \"react\";\nimport { provideMapState } from \"@avinet/react-openlayers\";\nimport { PropTypes } from \"prop-types\";\nimport { withRouter } from \"react-router-dom\";\nimport Icon from \"./Icon\";\nimport \"./ZoomToExtentButton.scss\";\n\nclass ZoomToExtentButton extends React.Component {\n onClick = () => {\n const { extent, fitViewAndZoom, history } = this.props;\n history.push(\"/\");\n fitViewAndZoom(extent);\n };\n\n render() {\n const { tooltip } = this.props;\n return (\n \n \n \n
\n );\n}\n\nMapLayout.propTypes = {\n children: PropTypes.any,\n t: PropTypes.func.isRequired,\n setLang: PropTypes.func,\n lang: PropTypes.string,\n};\n\nexport default translate(\"MapLayout\")(MapLayout);\n\nconst MapWrapper = translate(\"MapLayout\")((props) => {\n const { t, children } = props;\n return (\n {children}
\n \n
\n );\n}\n\nPageLayout.propTypes = {\n children: PropTypes.any,\n setLang: PropTypes.func,\n lang: PropTypes.string,\n};\n\nexport default PageLayout;\n","import React from \"react\";\nimport \"./Loading.scss\";\n\nexport default () => (\n {children}
\n \n \n \n \n
\n);\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { translate } from \"react-translate\";\nimport { provideViewSize } from \"react-adaptive-utils\";\nimport Icon from \"./Icon\";\nimport \"./Table.scss\";\nimport Loading from \"./loading/Loading\";\n\nclass Table extends React.Component {\n constructor(props) {\n super(props);\n\n this.selectedRow = React.createRef();\n\n this.state = {\n expanded: undefined,\n };\n }\n static propTypes = {\n loading: PropTypes.bool,\n records: PropTypes.array,\n onRowSelected: PropTypes.func,\n selected: PropTypes.number,\n idProperty: PropTypes.string.isRequired,\n width: PropTypes.number,\n header: PropTypes.string,\n className: PropTypes.string,\n headerKey: PropTypes.string,\n };\n\n componentDidUpdate(prevProps) {\n const { selected, viewWidth, records, loading } = this.props;\n\n if (prevProps.selected !== selected && this.selectedRow.current) {\n if (viewWidth <= 768) {\n this.selectedRow.current.scrollIntoView(true);\n } else {\n this.selectedRow.current.scrollIntoView({\n behavior: \"smooth\",\n block: \"center\",\n });\n }\n }\n\n !loading &&\n records.length &&\n this.selectedRow &&\n this.selectedRow.current &&\n this.selectedRow.current.scrollIntoView({\n behavior: \"smooth\",\n block: \"center\",\n });\n }\n\n onExpandRowClick = (r) => {\n const { idProperty } = this.props;\n const { expanded } = this.state;\n this.setState({\n expanded: expanded === r[idProperty] ? undefined : r[idProperty],\n });\n };\n\n render() {\n const {\n loading,\n records,\n t,\n selected,\n onRowSelected,\n onRowZoomToClick,\n idProperty,\n viewWidth,\n className,\n header,\n headerKey,\n } = this.props;\n const { expanded } = this.state;\n\n return (\n \n \n \n {viewWidth > 1200 && (\n \n \n \n )}\n \n {loading && {\n onRowSelected(r[idProperty]);\n }}\n >\n \n {r.sjomerkenr}\n
\n {header ? header : t(headerKey)}
\n\n {t(\"sjomerkenr\")}\n
\n \n {t(\"description\")}\n
\n {t(\"seamap\")}
\n {t(\"owner\")}
\n {t(\"dark\")}
\n {t(\"efsnum\")}
\n \n {\n onRowZoomToClick(r);\n e.stopPropagation();\n }}\n >\n
\n \n \n \n \n )}\n r.olFeature)}\n selectable={false}\n layerName=\"lighthouses\"\n styleFn={() => this.featureStyle}\n >\n
\n );\n }\n}\n\nexport default translate(\"Popup\")(withRouter(provideMapState(LighthousesView)));\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nexport default class Title extends React.Component {\n static propTypes = {\n title: PropTypes.string\n };\n\n componentDidMount() {\n this.oldTitle = document.title;\n const { title } = this.props;\n if (title) {\n document.title = title;\n }\n }\n\n componentWillReceiveProps(props) {\n if (props.title) {\n document.title = props.title;\n }\n }\n\n componentWillUnmount() {\n document.title = this.oldTitle;\n }\n\n render() {\n return null;\n }\n}\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport Title from \"../components/Title\";\nimport Loading from \"../components/loading/Loading\";\nimport { connect } from \"react-redux\";\nimport { bindActionCreators } from \"redux\";\nimport { pageActions } from \"@avinet/react-adaptive-cms\";\nimport { withRouter } from \"react-router-dom\";\nimport { translate } from \"react-translate\";\nimport config from \"../config\";\nimport \"./PageView.scss\";\n\nconst getPath = (location) => {\n var pathname = location.pathname;\n if (config.site === 1 && pathname.indexOf(\"/en\") === 0) {\n pathname = pathname.slice(3);\n }\n return pathname.length > 1 ? pathname.slice(1) : \"index\";\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return bindActionCreators(Object.assign({}, pageActions), dispatch);\n};\n\nconst mapStateToProps = (state) => ({\n page: state.page.page,\n pageLoading: state.page.pageLoading,\n});\n\nclass PageView extends React.Component {\n constructor() {\n super();\n\n this.state = {\n currentPath: \"\",\n };\n }\n\n componentDidMount() {\n const { loadPage, location } = this.props;\n const path = getPath(location);\n this.setState({ currentPath: path });\n loadPage(path);\n }\n\n componentWillReceiveProps(nextProps) {\n const path = getPath(nextProps.location);\n if (path !== this.state.currentPath) {\n this.setState({ currentPath: path });\n nextProps.loadPage(path);\n }\n }\n\n render404() {\n const { t } = this.props;\n return (\n \n this.setState({ showTipBox: true })}\n >\n
\n {!loading && (\n \n
\n );\n }\n\n render() {\n const { page, pageLoading } = this.props;\n return (\n {t(\"pageNotFound\")}
\n\n {t(\"checkAddress\")} {t(\"homePage\")}\n
\n\n
\n );\n }\n}\n\nPageView.propTypes = {\n location: PropTypes.object,\n loadPage: PropTypes.func.isRequired,\n pageLoading: PropTypes.bool.isRequired,\n page: PropTypes.object.isRequired,\n t: PropTypes.func.isRequired,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withRouter(translate(\"PageView\")(PageView)));\n","import React, { useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport MapLayout from \"../layout/MapLayout\";\nimport PageLayout from \"../layout/PageLayout\";\nimport { Router, Switch, Route, Redirect } from \"react-router-dom\";\nimport { createBrowserHistory } from \"history\";\nimport LighthousesView from \"../views/LighthousesView\";\n\nimport PageView from \"../views/PageView\";\n\nimport config from \"../config\";\n\nconst browserHistory = createBrowserHistory({\n basename: config.basename,\n});\n\nconst SetLang = ({ setLang }) => {\n useEffect(() => {\n setLang(\"en\");\n }, [setLang]);\n\n return \n {pageLoading ? (\n
\n The provision of information on unlit lights (Aids to Navigation) at Kystinfo is not intended to be a substitute for, or an alternative to the International Enhanced Group Call (EGC) Services or the International NAVTEX service.
The provision of information does not relieve Masters/Captains of their responsibility to monitor MSI broadcasts in accordance with the provisions of SOLAS or safety information published in regular Notices to Mariners (NtM).
\",\n closeButtonText: \"Close\",\n toolTip: \"See infobox\",\n },\n NavBar: {\n index: \"Home\",\n tooltip: \"Vis på norsk\",\n },\n};\n","export default {\n locale: \"no\",\n\n Table: {\n locale: \"no\",\n description: \"Beskrivelse\",\n region: \"Region\",\n dark: \"Slukket\",\n seamap: \"Sjøkart\",\n owner: \"Eier\",\n categori: \"Kategori\",\n sjomerkenr: \"Sjømerkenr\",\n efsnum: \"EFS nr\",\n kategori: \"Kategori\",\n showAll: \"Vis alle egenskaper\",\n showLess: \"Vis mindre egenskaper\",\n zoomTo: \"Zoom til posisjon\",\n kat1: \"Kategori 1: Avgjørende for sikker navigasjon\",\n kat2: \"Kategori 2: Viktig for sikker navigasjon\",\n kat3: \"Kategori 3: Mindre viktig for sikker navigasjon\",\n },\n\n App: {\n locale: \"no\",\n },\n\n MapLayout: {\n locale: \"no\",\n kartlagsVelger: \"Velg kartlag\",\n zoomInTip: \"Zoom inn\",\n zoomOutTip: \"Zoom ut\",\n zoomToExtentTip: \"Zoom til start\",\n },\n Popup: {\n text: `\nPublisering av slukkede fyrlys på Kystinfo er ikke ment å være en erstatning for, \neller et alternativ til ordinære navigasjonsvarsel.\n
\n\nPubliseringen fritar ikke sjøfarende \nfra deres ansvar for å følge med på offisielle navigasjonsvarsel sendt over NAVTEX,\nSafetyCast og SafetyNET i samsvar med nasjonale regler og bestemmelsene i SOLAS, \nsamt sikkerhetsinformasjon gitt i Etterretninger for sjøfarende (Efs).\n
`,\n closeButtonText: \"Lukk\",\n toolTip: \"Vis infoboks\",\n },\n\n NavBar: {\n index: \"Hjem\",\n tooltip: \"Show in english\",\n },\n};\n","import React from \"react\";\nimport { TranslatorProvider, useTranslate } from \"react-translate\";\nimport PopupBox from \"./components/PopupBox\";\nimport Router from \"./router\";\nimport translations from \"./translations\";\nimport { Provider } from \"react-redux\";\n\nimport \"./App.scss\";\n\nclass App extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n lang: \"no\",\n showTipBox: true,\n };\n }\n\n getTranslations(lang) {\n return translations[lang];\n }\n\n onClose() {\n this.setState({ showTipBox: false });\n }\n\n componentDidUpdate(prevProps, prevState) {\n if (prevState.lang && prevState.lang !== this.state.lang)\n this.setState({ showTipBox: true });\n }\n\n render() {\n const { store } = this.props;\n const { showTipBox } = this.state;\n return (\n