\r\n\r\n );\r\n}\r\n\r\nexport default DropdownProjectNames","import React from \"react\";\r\nimport TextField from '@mui/material/TextField';\r\n//import AdapterDateFns from '@mui/lab/AdapterDateFns';\r\nimport { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';\r\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\r\n//import LocalizationProvider from '@mui/lab/LocalizationProvider';\r\n//import DatePicker from '@mui/lab/DatePicker';\r\nimport { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';\r\n\r\nfunction MyDateTimePicker(props) {\r\n return (\r\n \r\n {\r\n props.action(event)\r\n }}\r\n renderInput={(params) => }\r\n />\r\n \r\n );\r\n}\r\nexport default MyDateTimePicker;","import React, { useEffect, useState, createRef } from \"react\";\r\nimport { makeStyles } from '@material-ui/core';\r\nimport { Chart, CommonSeriesSettings, Legend, ArgumentAxis, Label, Series, Tooltip, ValueAxis, Grid, MinorGrid, CommonPaneSettings, Export, Border, ZoomAndPan, VisualRange, } from 'devextreme-react/chart';\r\nimport { controlTypes } from '../../../../Config/constants';\r\n\r\nexport default function FilterListRow(props) {\r\n const [labelData, setLabelData] = useState([]);\r\n useEffect(() => {\r\n setLabelData([]);\r\n }, [props.timeRange, props.refresh, props.endValue, props.startValue]);\r\n\r\n function getRGB(c) {\r\n return parseInt(c, 16) || c\r\n }\r\n\r\n function getsRGB(c) {\r\n return getRGB(c) / 255 <= 0.03928\r\n ? getRGB(c) / 255 / 12.92\r\n : Math.pow((getRGB(c) / 255 + 0.055) / 1.055, 2.4)\r\n }\r\n\r\n function getLuminance(hexColor) {\r\n if (hexColor.includes('#') && hexColor !== undefined) {\r\n return (\r\n 0.2126 * getsRGB(hexColor.substr(1, 2)) +\r\n 0.7152 * getsRGB(hexColor.substr(3, 2)) +\r\n 0.0722 * getsRGB(hexColor.substr(-2))\r\n )\r\n } else {\r\n return (\r\n 0.2126 * hexColor +\r\n 0.7152 * hexColor +\r\n 0.0722 * hexColor\r\n )\r\n }\r\n }\r\n\r\n function getContrast(f, b) {\r\n const L1 = getLuminance(f)\r\n const L2 = getLuminance(b)\r\n return (Math.max(L1, L2) + 0.05) / (Math.min(L1, L2) + 0.05)\r\n }\r\n\r\n function getTextColor(bgColor) {\r\n if (bgColor === null) {\r\n return '#ffffff';\r\n } else {\r\n const whiteContrast = getContrast(bgColor, '#ffffff')\r\n const blackContrast = getContrast(bgColor, '#000000')\r\n return whiteContrast > blackContrast ? '#ffffff' : '#000000';\r\n }\r\n }\r\n\r\n function customizeValueAxis(e) {\r\n if (e.valueText.includes('PM') || e.valueText.includes('AM')) {\r\n let date = new Date(e.value);\r\n let hours = date.getHours() < 10 ? '0' + date.getHours() : date.getHours();\r\n let minutes = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes();\r\n let seconds = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();\r\n let time = hours + \":\" + minutes + \":\" + seconds;\r\n let htmlItem = '';\r\n htmlItem += '
' + time + '
';\r\n return htmlItem;\r\n }\r\n else {\r\n if (e.valueText.includes('s')) { return e.valueText }\r\n else {\r\n let date = new Date(e.value);\r\n let strDay = date.toLocaleDateString('en-UK', {\r\n weekday: 'long',\r\n });\r\n let htmlItem = '';\r\n let day = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();\r\n let month = date.getMonth() < 10 ? '0' + date.getMonth() : date.getMonth();\r\n let year = date.getFullYear();\r\n htmlItem += '
' + strDay + '
';\r\n htmlItem += '
' + day + '/' + month + '/' + year + '
';\r\n return htmlItem;\r\n }\r\n }\r\n }\r\n\r\n function customizeTooltip(pointInfo) {\r\n let strTime = pointInfo.valueText;\r\n let insertedOn = pointInfo.point.data.insertedOn;\r\n let updatedOn = pointInfo.point.data.updatedOn;\r\n\r\n let times = strTime.split(' - ');\r\n let startTime = times[0];\r\n let endTime = times[1];\r\n let value = '';\r\n let strStartTime = convertToTimeString(startTime);\r\n let strEndTime = convertToTimeString(endTime);\r\n let time = '';\r\n let commentText = pointInfo.point.data.commentText;\r\n let commentImage = pointInfo.point.data.commentImage;\r\n\r\n if (pointInfo.point.data.typeId === controlTypes.STOPWATCH) {\r\n strStartTime = convertToTimeString(insertedOn);\r\n strEndTime = convertToTimeString(updatedOn);\r\n\r\n\r\n value = pointInfo.point.data.measurementValue;\r\n time = strStartTime + ' - ' + strEndTime;\r\n } else {\r\n value = pointInfo.point.data.measurementValue;\r\n time = strStartTime;\r\n }\r\n if (pointInfo.point.data.typeId === controlTypes.CAMERA) {\r\n let imghtml = '';\r\n if (props.imgData.some(x => x.imageId === pointInfo.point.data.image)) {\r\n imghtml += '
\r\n );\r\n\r\n}\r\n","import * as React from 'react';\r\nimport Table from '@mui/material/Table';\r\nimport TableBody from '@mui/material/TableBody';\r\nimport TableCell from '@mui/material/TableCell';\r\nimport TableContainer from '@mui/material/TableContainer';\r\nimport TableHead from '@mui/material/TableHead';\r\nimport TableRow from '@mui/material/TableRow';\r\nimport Paper from '@mui/material/Paper';\r\nimport { parseNewDateToDDMMYYYnoTime } from \"../../../../Utils/dateHelper\";\r\nimport AddIcon from '@mui/icons-material/Add';\r\nimport RemoveIcon from '@mui/icons-material/Remove';\r\nimport NoResults from '../../../../../src/Images/NoResults.png'\r\n\r\n\r\n\r\n\r\nexport default function PriceTable(props) {\r\n return (\r\n
\r\n
\r\n \r\n \r\n Event\r\n First occurence\r\n Last occurence\r\n Amount\r\n Price per hour/event\r\n Total price\r\n\r\n \r\n \r\n \r\n {props.priceData.length === 0 ?\r\n
\r\n
\r\n
\r\n No results available for these filter criteria\r\n\r\n \r\n
€ ' + parseFloat(valueTextConverted).toLocaleString('nl-BE', {minimumFractionDigits: 2,maximumFractionDigits: 2}) + '![\"\"](\"images/hderlogo.png\")
![\"\"](\"images/Design_02a.png\")
\r\n