this.deleteAccount()}\r\n >\r\n \r\n
\r\n
\r\n {this.state.error && (\r\n \r\n Er is helaas een error opgetreden met de code {this.state.rror}.{' '}\r\n
\r\n Neem contact op met de beheerder en/of probeer het later nog\r\n eens.\r\n
\r\n )}\r\n \r\n );\r\n }\r\n return (\r\n \r\n
\r\n
\r\n {this.state.error && (\r\n
\r\n Er is helaas een error opgetreden met de code {this.state.error}.{' '}\r\n
\r\n Neem contact op met de beheerder en/of probeer het later nog eens.\r\n
\r\n )}\r\n
\r\n Laden
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default UserDetails;\r\n","import React from 'react';\r\n\r\nimport mapboxgl from 'mapbox-gl';\r\nimport { createPayment } from '../../utils/createPayment';\r\n\r\nclass OrderDetails extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.getSpotsByAccountID = this.getSpotsByAccountID.bind(this);\r\n this.unixTimeToDate = this.unixTimeToDate.bind(this);\r\n this.integerToSpotStatus = this.integerToSpotStatus.bind(this);\r\n this.calctotalprice = this.calctotalprice.bind(this);\r\n\r\n this.state = {\r\n error: '',\r\n orders: [],\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n await this.getSpotsByAccountID(localStorage.getItem('accountID'));\r\n for (const order of this.state.orders) {\r\n mapboxgl.accessToken =\r\n 'pk.eyJ1Ijoic3Bvb3JwYXJrdGlsYnVyZyIsImEiOiJjandqNTB1Y2owZ243NDNwYnQ2eWJuNWp0In0.k5Q6UPxmFmxe6fw7upbdXg';\r\n if (process.env.NODE_ENV === 'production') {\r\n mapboxgl.accessToken =\r\n 'pk.eyJ1IjoibXZnaGVhYmIiLCJhIjoiY2tsOW54MjBwM2QyZzMwbXN6ZzI0dWloMyJ9.eH2SwEQ8vP84l6mJeC7ivw';\r\n }\r\n\r\n const map = new mapboxgl.Map({\r\n container: `map${order.id}`,\r\n style: 'mapbox://styles/mapbox/streets-v11',\r\n center: [5.0697, 51.5616],\r\n minZoom: 16,\r\n maxZoom: 17.6,\r\n zoom: 16,\r\n });\r\n map.on('load', function () {\r\n\r\n var layers = map.getStyle().layers;\r\n // Find the index of the first symbol layer in the map style\r\n var firstSymbolId;\r\n for (var i = 0; i < layers.length; i++) {\r\n if (layers[i].type === 'symbol') {\r\n firstSymbolId = layers[i].id;\r\n break;\r\n }\r\n }\r\n\r\n for (const spot of order.spots) {\r\n fetch(`/api/spot/geojson/${spot.id}`, {\r\n method: 'GET',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n Authorization: `Bearer ${localStorage.getItem('jwt-token')}`,\r\n },\r\n })\r\n .then(result => result.json())\r\n .then(spots => {\r\n map.addSource(`spots${spot.id}`, {\r\n type: 'geojson',\r\n data: spots[0],\r\n });\r\n\r\n map.addLayer(\r\n {\r\n id: `state-fills${spot.id}`,\r\n type: 'fill',\r\n source: `spots${spot.id}`,\r\n layout: {},\r\n paint: {\r\n 'fill-color': '#F00',\r\n 'fill-opacity': 0.6,\r\n },\r\n },\r\n );\r\n map.flyTo({\r\n center: [\r\n spots[0].features[0].geometry.coordinates[0][0][0],\r\n spots[0].features[0].geometry.coordinates[0][0][1],\r\n ],\r\n zoom: 16.5,\r\n pitch: 0,\r\n bearing: 0,\r\n });\r\n })\r\n .catch(error => {\r\n this.setState(error);\r\n });\r\n }\r\n\r\n map.addLayer(\r\n {\r\n id: 'spoorpark',\r\n source: {\r\n type: 'raster',\r\n url: 'mapbox://spoorparktilburg.bioumigo',\r\n },\r\n type: 'raster',\r\n },\r\n firstSymbolId\r\n );\r\n });\r\n\r\n //setTimeout(() => {\r\n\r\n //}, 2000);\r\n }\r\n }\r\n\r\n async getSpotsByAccountID(accountID) {\r\n await fetch(`/api/order/accountID/${accountID}`, {\r\n method: 'GET',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n Authorization: `Bearer ${localStorage.getItem('jwt-token')}`,\r\n },\r\n })\r\n .then(res => res.json())\r\n .then(res => {\r\n this.setState({ orders: res.orders });\r\n })\r\n .catch(error => {\r\n this.setState({ error });\r\n });\r\n }\r\n\r\n async generateCertificates(order) {\r\n\r\n await fetch(`/api/pdf/certificate/${localStorage.getItem('accountID')}/${order.id}`, {\r\n method: 'GET',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n Authorization: `Bearer ${localStorage.getItem('jwt-token')}`,\r\n },\r\n })\r\n .then(res => {\r\n debugger;\r\n return res.blob()\r\n })\r\n .then(blob => {\r\n // It is necessary to create a new blob object with mime-type explicitly set\r\n // otherwise only Chrome works like it should\r\n const newBlob = new Blob([blob], { type: \"application/zip\" })\r\n\r\n // IE doesn't allow using a blob object directly as link href\r\n // instead it is necessary to use msSaveOrOpenBlob\r\n if (window.navigator && window.navigator.msSaveOrOpenBlob) {\r\n window.navigator.msSaveOrOpenBlob(newBlob);\r\n return;\r\n }\r\n\r\n // For other browsers: \r\n // Create a link pointing to the ObjectURL containing the blob.\r\n const data = window.URL.createObjectURL(newBlob);\r\n const link = document.createElement('a');\r\n link.href = data;\r\n link.download = order.spots.length > 1 ? \"certificaten.zip\" : \"certificaat.zip\";\r\n link.click();\r\n })\r\n .catch(error => {\r\n this.setState({ error });\r\n console.log(error)\r\n return null;\r\n });\r\n }\r\n\r\n handleChange = event => {\r\n this.setState({\r\n [event.target.id]: event.target.value,\r\n });\r\n };\r\n\r\n unixTimeToDate(unix) {\r\n const date = new Date(unix * 1000);\r\n return `${`0${date.getDate()}`.slice(-2)}-${`0${date.getMonth() + 1}`.slice(\r\n -2\r\n )}-${date.getFullYear()}`;\r\n }\r\n\r\n integerToSpotStatus(spotstatus) {\r\n switch (spotstatus) {\r\n case 0:\r\n return 'Open';\r\n case 1:\r\n return 'Gereserveerd';\r\n case 2:\r\n return 'Betaald';\r\n case 3:\r\n return 'Gesloten';\r\n default:\r\n return 'Open';\r\n }\r\n }\r\n\r\n calctotalprice(spots) {\r\n var totalprice = 0;\r\n\r\n for (var i = 0; i < spots.length; i++) {\r\n totalprice += spots[i].price;\r\n }\r\n return totalprice;\r\n}\r\n\r\nrender() {\r\n if (\r\n localStorage.getItem('jwt-token') != null &&\r\n this.state.orders.length > 0\r\n ) {\r\n return (\r\n \r\n {this.state.orders.map(order => {\r\n const mapID = `map${order.id}`;\r\n return (\r\n
\r\n
\r\n Order: {this.unixTimeToDate(order.purchaseDate)}\r\n
\r\n\r\n
\r\n\r\n Plekken behorende tot deze order worden weergegeven\r\n door een{' '}\r\n
\r\n\r\n
\r\n Spot(s)\r\n
\r\n {order.spots.map((spot, i) => (\r\n
\r\n \r\n \r\n | Spot {i + 1} | \r\n \r\n lengtegraad: {spot.coordinates[0].lng}{' '}\r\n
\r\n breedtegraad: {spot.coordinates[0].lat}{' '}\r\n
\r\n Bedrag: €{spot.price}{' '},-\r\n | \r\n
\r\n \r\n \r\n ))}\r\n\r\n \r\n Order informatie\r\n
\r\n \r\n \r\n \r\n | Order ID | \r\n {order.id} | \r\n
\r\n \r\n | Aankoopdatum | \r\n {this.unixTimeToDate(order.purchaseDate)} | \r\n
\r\n \r\n | Verloopdatum | \r\n {this.unixTimeToDate(order.expirationDate)} | \r\n
\r\n \r\n | Herinnering verstuurd | \r\n {order.reminderSent ? 'Ja' : 'Nee'} | \r\n
\r\n \r\n | Verloop verstuurd | \r\n {order.expirationSent ? 'Ja' : 'Nee'} | \r\n
\r\n \r\n | Totaalbedrag | \r\n €{this.calctotalprice(order.spots)},- | \r\n
\r\n \r\n
\r\n\r\n \r\n {order.expirationSent ? '' :\r\n createPayment(order.id, '')}\r\n >\r\n Verleng Order met 1 jaar (€{this.calctotalprice(order.spots)},-)\r\n \r\n }\r\n this.generateCertificates(order)}\r\n >\r\n {order.spots.length > 1 ? \"Download certificaten\" : \"Download certificaat\"}\r\n \r\n\r\n
\r\n\r\n
\r\n\r\n \r\n );\r\n })}\r\n {this.state.error && (\r\n
\r\n Er is helaas een error opgetreden met de code {this.state.error}.{' '}\r\n
\r\n Neem contact op met de beheerder en/of probeer het later nog eens.\r\n
\r\n )}\r\n
\r\n Laden
\r\n
\r\n );\r\n}\r\n}\r\n\r\nexport default OrderDetails;\r\n","import React from 'react';\r\nimport CallToAction from '../components/call-to-action';\r\nimport Layout from '../components/layout';\r\nimport UserDetails from '../components/User/UserDetails';\r\nimport OrderDetails from '../components/User/OrderDetails';\r\n\r\nconst User = ( { history }) => {\r\n \r\nconst Navigate = (path) => {\r\n history.push({pathname: path})\r\n}\r\nreturn (\r\n \r\n Mijn account
\r\n \r\n \r\n);\r\n}\r\n\r\nconst UserSettings = ({ history }) => (\r\n \r\n Accountgegevens
\r\n \r\n \r\n);\r\n\r\nconst UserOrder = ({ history }) => (\r\n \r\n Mijn spots
\r\n \r\n \r\n);\r\n\r\nexport { User, UserSettings, UserOrder };","import React from 'react';\r\n\r\nexport const paid = (\r\n <>\r\n Beste vriend van het Spoorpark,
\r\n \r\n Bedankt voor het adopteren van jouw eigen spot in het Spoorpark!
\r\n Dankzij jouw steun help je ons in het beheer en onderhoud van het park.\r\n
\r\n \r\n Om de details van je adoptie te bekijken, inclusief de coördinaten, kun je inloggen met je E-mailadres en wachtwoord. Daar kun je ook een officieel certificaat downloaden als bewijs van onze vriendschap. Leuk om te printen en in te lijsten.\r\n
\r\n \r\n Graag tot ziens in het park!\r\n
\r\n \r\n);\r\n\r\nexport const failed = (\r\n <>\r\n Betaling mislukt
\r\n \r\n Helaas ging er iets mis bij het betalen...
\r\n Probeer het nog eens of neem contact op met het Spoorpark.\r\n
\r\n \r\n);\r\n\r\nexport const canceled = (\r\n <>\r\n Betaling geannuleerd
\r\n Jammer dat u ervoor heeft gekozen om de betaling te annuleren.
\r\n \r\n);\r\n\r\nexport const expired = (\r\n <>\r\n Betaling verlopen
\r\n \r\n Helaas heeft u de betaling te lang uitgesteld.
\r\n Voor de veiligheid is de betaling als verlopen gemarkeerd.
\r\n Gelieve het bestellen opnieuw te proberen.\r\n
\r\n \r\n);\r\n\r\nexport const unknown = (\r\n <>\r\n Onbekende status
\r\n \r\n Waarschijnlijk is uw betaling nog in behandeling. Zodra u een emailbevestiging ontvangt bent u verzekerd van uw spot in het Spoorpark!
\r\n Neem contact op met het Spoorpark wanneer u voor lange tijd geen mail ontvangt.\r\n
\r\n \r\n);\r\n\r\nexport const open = (\r\n <>\r\n Onbekende status
\r\n \r\n Waarschijnlijk is uw betaling nog in behandeling. Zodra u een emailbevestiging ontvangt bent u verzekerd van uw spot in het Spoorpark!
\r\n Neem contact op met het Spoorpark wanneer u voor lange tijd geen mail ontvangt.\r\n
\r\n \r\n);\r\n","import React, { useEffect, useState } from 'react';\r\nimport Loader from 'react-loader-spinner';\r\n\r\nimport Layout from '../components/layout';\r\n\r\nimport {\r\n paid,\r\n failed,\r\n canceled,\r\n expired,\r\n open,\r\n unknown,\r\n} from '../utils/paymentResultMessages';\r\nimport { getJWTToken } from '../utils/jwt';\r\n\r\nconst PaymentResult = props => {\r\n const [allPaymentStatusses, setAllPaymentStatusses] = useState();\r\n const [paymentStatus, setPaymentStatus] = useState();\r\n const [error, setError] = useState(null);\r\n\r\n useEffect(() => {\r\n // Fetch the URl parameters\r\n const urlParameter = props.location.search;\r\n // Get the part after the = sign, which is the actual orderId\r\n const orderId = urlParameter.split(\"=\")[1];\r\n\r\n const orderPromise = new Promise((resolve, reject) =>\r\n fetch(`api/order/orderID/${orderId}`, {\r\n method: 'GET',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n Authorization: `Bearer ${getJWTToken()}`\r\n }\r\n }).then(response => {\r\n if (!response.ok) {\r\n setError(null);\r\n throw response;\r\n }\r\n return response.json();\r\n })\r\n .then(order => resolve(order.paymentStatus))\r\n .catch(() => reject(\"Er is een error opgetreden bij het ophalen van de betalingsstatus\")));\r\n\r\n const paymentStatussesPromise = new Promise((resolve, reject) =>\r\n fetch(`api/mollie/payment-statusses`, {\r\n method: 'GET',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n Authorization: `Bearer ${getJWTToken()}`\r\n }\r\n })\r\n .then(response => {\r\n if (!response.ok) {\r\n setError(null);\r\n throw response;\r\n }\r\n return response.json();\r\n })\r\n .then(paymentStatusses => resolve(paymentStatusses))\r\n .catch(() => reject(\"Er is een error opgetreden bij het ophalen van de betalingsstatussen\"))\r\n )\r\n\r\n Promise.all([orderPromise, paymentStatussesPromise])\r\n .then(values => {\r\n setPaymentStatus(values[0]);\r\n setAllPaymentStatusses(values[1]);\r\n })\r\n .catch(error => setError(error));\r\n }, [props.location.search, paymentStatus])\r\n\r\n const renderPage = () => {\r\n if (!paymentStatus || !allPaymentStatusses) return ;\r\n\r\n const currentPaymentStatus = allPaymentStatusses.find(element => element.value === paymentStatus);\r\n switch (currentPaymentStatus.name.toLowerCase()) {\r\n case \"paid\":\r\n return paid;\r\n case \"failed\":\r\n return failed;\r\n case \"canceled\":\r\n return canceled;\r\n case \"expired\":\r\n return expired;\r\n case \"unknow\":\r\n return unknown;\r\n default:\r\n return open;\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n {error != null ? (\r\n
\r\n {error.status ? (\r\n <>\r\n Er is helaas een error opgetreden met de code {error.status}.\r\n
\r\n Neem contact op met de beheerder en/of probeer het later nog eens.\r\n \r\n ) : (\r\n <>{error}\r\n )}\r\n
\r\n ) : renderPage()}\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 SearchField;\r\n","import SearchField from './SearchField';\r\n\r\nexport default SearchField;\r\n","import React, { useEffect, useState } from 'react';\r\nimport Pagination from 'react-js-pagination';\r\nimport { ExportToCsv } from 'export-to-csv';\r\nimport Loader from 'react-loader-spinner';\r\n\r\nimport SearchField from '../search-field';\r\nimport { getJWTToken } from '../../utils/jwt';\r\n\r\nconst AccountList = () => {\r\n const [error, setError] = useState('');\r\n const [accounts, setAccounts] = useState([]);\r\n const [allAccounts, setAllAccounts] = useState([]);\r\n const [filteredAccounts, setFilteredAccounts] = useState([]);\r\n const [isFiltering, setFiltering] = useState(false);\r\n const [accountCount, setAccountCount] = useState(0);\r\n const [activePage, setActivePage] = useState(1);\r\n const [isLoading, setLoading] = useState(true);\r\n const [csvData, setCsvData] = useState([]);\r\n const [csvOptions, setCsvOptions] = useState();\r\n\r\n useEffect(() => {\r\n getAccounts(1, 5);\r\n getAllAccounts().then(fetchedAccounts => {\r\n setAllAccounts(fetchedAccounts.accounts);\r\n\r\n let newCsvData = [];\r\n fetchedAccounts.accounts.forEach(account => {\r\n if (\r\n !account.email.includes('anonymous') &&\r\n !account.email.includes('admin')\r\n ) {\r\n newCsvData = newCsvData.concat({\r\n 'Vrienden van Spoorpark emailadressen': account.email,\r\n });\r\n }\r\n });\r\n\r\n setCsvData(newCsvData);\r\n\r\n const date = unixTimeToDate(Date.now());\r\n const options = {\r\n fieldSeparator: ',',\r\n filename: `Vrienden_van_Spoorpark_emailadressen_${date}`,\r\n quoteStrings: '\"',\r\n decimalSeparator: '.',\r\n showTitle: false,\r\n useTextFile: false,\r\n useBom: true,\r\n useKeysAsHeaders: true,\r\n };\r\n setCsvOptions(options);\r\n });\r\n }, []);\r\n\r\n const getAccounts = (Page, Size) =>\r\n fetch(`api/account?Page=${Page - 1}&Size=${Size}`,\r\n {\r\n method: 'GET',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n Authorization: `Bearer ${getJWTToken()}`,\r\n },\r\n }\r\n )\r\n .then(result => result.json())\r\n .then(result => {\r\n setAccounts(result.accounts);\r\n setAccountCount(result.count);\r\n setFilteredAccounts(result.accounts);\r\n })\r\n .then(() => setLoading(false))\r\n .catch(error => setError(error));\r\n\r\n const getAllAccounts = () =>\r\n fetch(`api/account/GetAll`, {\r\n method: 'GET',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n Authorization: `Bearer ${localStorage.getItem('jwt-token')}`,\r\n },\r\n })\r\n .then(result => result.json())\r\n .catch(error => setError(error));\r\n\r\n const handleDelete = account => {\r\n const deletionConfirmed = window.confirm(\r\n `Are you sure you want to delete account: ${account.name}?`\r\n );\r\n\r\n if (deletionConfirmed) {\r\n fetch(`api/account/${account.id} `, {\r\n method: 'DELETE',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n Authorization: `Bearer ${localStorage.getItem('jwt-token')}`,\r\n },\r\n })\r\n .then(result => {\r\n if (!result.ok) {\r\n result.text().then(error => setError(error));\r\n }\r\n window.location.reload();\r\n })\r\n .catch(error => setError(error));\r\n }\r\n };\r\n\r\n const handlePageChange = pageNumber => {\r\n getAccounts(pageNumber, 5);\r\n setActivePage(pageNumber);\r\n };\r\n\r\n const unixTimeToDate = unixTimeStamp => {\r\n const date = new Date(unixTimeStamp * 1000);\r\n return `${date.getDate()}-${date.getMonth() + 1}-${date.getFullYear()}`;\r\n };\r\n\r\n const search = value => {\r\n const locallyFilteredAccounts = [];\r\n if (value.length > 0) {\r\n allAccounts.forEach(account => {\r\n if (account.name.toLowerCase().includes(value.toLowerCase()))\r\n locallyFilteredAccounts.push(account);\r\n });\r\n setFilteredAccounts(locallyFilteredAccounts);\r\n setFiltering(true);\r\n } else {\r\n setFilteredAccounts(accounts);\r\n setFiltering(false);\r\n }\r\n };\r\n\r\n if (error)\r\n return (\r\n \r\n {error.status ? (\r\n <>\r\n Er is helaas een error opgetreden met de code {error.status}.\r\n
\r\n Neem contact op met de beheerder en/of probeer het later nog eens.\r\n \r\n ) : (\r\n <>{error}\r\n )}\r\n
\r\n );\r\n if (isLoading)\r\n return (\r\n \r\n \r\n \r\n );\r\n return (\r\n \r\n
\r\n\r\n
new ExportToCsv(csvOptions).generateCsv(csvData)}\r\n style={{ marginLeft: '15px' }}\r\n >\r\n Download emailadressen\r\n \r\n\r\n \r\n {filteredAccounts.length > 0 ? (\r\n filteredAccounts.map(account => {\r\n if (\r\n !account.name.startsWith('anonymous') &&\r\n account.username !== localStorage.getItem('username')\r\n )\r\n return (\r\n - \r\n
Naam: {account.name}
\r\n Gebruikersnaam: {account.username}
\r\n Emailadres: {account.email}
\r\n Orders: {account.orders.length}
\r\n handleDelete(account)}\r\n >\r\n Verwijder\r\n \r\n \r\n );\r\n return null;\r\n })\r\n ) : (\r\n // Match the width of the unfiltered account list\r\n - \r\n Geen accounts gevonden\r\n
\r\n )}\r\n
\r\n \r\n \r\n
Error loading page.
\r\n
{this.state.error.name}
\r\n
\r\n
\r\n
\r\n {this.state.orders ? (\r\n this.state.orders.map(order => (\r\n - \r\n
\r\n
\r\n \r\n \r\n | ID | \r\n {order.id} | \r\n
\r\n \r\n | Aankoopdatum | \r\n {this.unixTimeToDate(order.purchaseDate)} | \r\n
\r\n \r\n | Verloopdatum | \r\n {this.unixTimeToDate(order.expirationDate)} | \r\n
\r\n \r\n | Herinnering verstuurd | \r\n {order.reminderSent ? 'Ja' : 'Nee'} | \r\n
\r\n \r\n | Verloop verstuurd | \r\n {order.expirationSent ? 'Ja' : 'Nee'} | \r\n
\r\n \r\n | Aantal spots | \r\n {order.spots && order.spots.length} | \r\n
\r\n \r\n
\r\n
\r\n ))\r\n ) : (\r\n - Geen Orders.
\r\n )}\r\n
\r\n
\r\n
\r\n
\r\n {error.status === 401\r\n ? 'Incorrecte inloggegevens'\r\n : `Een error met de code ${error.status} is opgetreden.\r\n Neem contact op met de administrator en/of probeer het opnieuw.`}\r\n
\r\n );\r\n\r\n render() {\r\n return (\r\n <>\r\n {this.state.error && this.showErrorMessage(this.state.error)}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default LoginForm;\r\n","import React, { useState } from 'react';\r\nimport CallToAction from '../components/call-to-action';\r\n\r\nimport Layout from '../components/layout';\r\nimport AccountList from '../components/Admin/AccountList';\r\nimport AccountCreate from '../components/Admin/AccountCreate';\r\nimport OrderList from '../components/Admin/OrderList';\r\nimport LoginForm from '../components/Admin/LoginForm';\r\n//import SpotList from '../components/Admin/SpotList';\r\n//import SpotCreate from '../components/Admin/SpotCreate';\r\nimport PlotPicker from '../components/PlotPicker/PlotPicker';\r\n\r\nconst Admin = () => (\r\n \r\n Administrator overzicht.
\r\n \r\n \r\n
\r\n
Klik hier voor een overzicht van een account.
\r\n
\r\n
\r\n
Klik hier voor een overzicht van plekken op de kaart.
\r\n
\r\n
\r\n
Klik hier voor een overzicht van orders die zijn gemaakt.
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
confirmUpdatePlots(selectedPlots, 0)}\r\n disabled={selectedPlots.length === 0}\r\n >\r\n Open geselecteerde spots\r\n {' '}\r\n confirmUpdatePlots(selectedPlots, 2)}\r\n disabled={selectedPlots.length === 0}\r\n >\r\n Sluit geselecteerde spots\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
Admin login
\r\n \r\n \r\n
\r\n
\r\n \r\n