\n { if (d.harvest) openGrowthStageGraph(d); }}\n >\n {d.harvest ?
\n ) : \"\"}\n {d.plotName} - {d.plotLetter}
\n {d.plantName} - {d.plantVariety}
\n {t('PlantProtection_GrowthStage')}: {getGrowthStage(d)} - {getGrowthStageText(d.growthStage, t)}
\n {t('Harvest_Prognosis')}: {d.harvest ? dayJsFormatDate(d.harvest) : ''}
\n \n {t('AddLocationNote')}
\n }\n {pageIsLoading ? \n
\n \n {allowChanges && (props.selectedSet > 0 || props.newSampleSet) ?\n \n \n \n : ''\n }\n \n {allowChanges && !props.collected ? \n \n : ''}\n {allowChanges ? \n \n : ''}\n \n }\n {/* --------------- */}\n\n
\n \n \n
\n\n {/* ACTION BUTTONS */}\n {props.featureType === \"5306\" || props.featureType === \"5304\" ? '' :\n \n
\n \n {props.image ?\n 
\n : ''}\n
\n \n : ''}\n \n {\n props.selectEvent?.selectedElement?.groupNameShort ? props.selectEvent.selectedElement.groupNameShort :\n props.selectEvent?.selectedElement?.plotName ? props.selectEvent.selectedElement.plotName :\n props.mapEvent?.plotData ? props.mapEvent.plotData.name + ' - ' + props.mapEvent.plotData.apChar :\n selectedPlot && selectedPlot.name && selectedPlot.apChar ? selectedPlot.name + ' - ' + selectedPlot.apChar :\n ''}\n
\n memoClickHandler(p)}>\n
\n ) : \"\"}\n \n {memoHasAttachment(p) ?\n
\n {p.plotName}
: Yleinen
}\n \n {getMemoText(p)}\n
\n \n {dayJsFormatDate(p.memoDate)}\n
\n \n \n {!storageData.purchaseProducts ?
\n }\n {t('Storage_Empty')}
:\n \n }\n\n \n {dayJsFormatDate(props.selectEvent.selectedElement.sampleDate)} {props.selectEvent.selectedElement.plotCount} {t('Plots2')} - {props.selectEvent.selectedElement.sampleCount} {t('Samples')}\n
\n c === p.id)}\n onChange={(e) => handleCheckboxSelectionPlannedSets(e, p)} />\n sampleSetPlannedClickHandler(p)}>\n
\n ) : \"\"}\n {dayJsFormatDate(p.sampleDate)}
\n \n {p.plotCount} {t('Plots2')} - {p.sampleCount} {t('Samples')}\n
\n \n \n c === p.id)}\n onChange={(e) => handleCheckboxSelectionSets(e, p)} />\n sampleSetClickHandler(p)}>\n
\n ) : \"\"}\n {dayJsFormatDate(p.sampleDate)}
\n \n {p.plotCount} {t('Plots2')} - {p.sampleCount} {t('Samples')}\n
\n \n \n { openDValueGraph(d); }}\n >\n
\n ) : \"\"}\n {d.plotName} - {d.plotLetter}
\n {d.dValue}
\n \n \n \n \n\n {/*position top-left*/}\n \n 
\n \n\n \n \n props.history.push('/')}>\n \n \n \n props.history.push('plots')} disabled={(getSelectedFarmId() === 0) ? \"disabled\" : \"\"}>\n \n \n \n props.history.push('mapViewer')} disabled={(getSelectedFarmId() === 0) ? \"disabled\" : \"\"}>\n \n \n\n \n\n {/*position top-right*/}\n {\n //props.history.push('settings');\n setSettingsModalShow(true);\n }}\n className=\"settings-style\">\n \n \n\n {/* auth.logout()}>*/}\n {/* */}\n \n\n \n \n\n {settingsModalShow === true ?\n setSettingsModalShow(false)}\n setRefresh={refreshPlots} />\n : ''\n }\n\n
\n );\n}\n\nexport default NavMenu;","export const homeHeaderStyle = {\n display: 'inline-block',\n verticalAlign: 'top',\n marginRight: '5px',\n marginTop: '3px'\n}\n\nexport const forecastMeterStyle = {\n marginTop: \"5px\",\n verticalAlign: \"middle\",\n flexShrink: \"0\"\n}\n\nexport const forecastDropStyle = {\n marginTop: \"-4px\",\n marginRight: \"5px\",\n verticalAlign: \"middle\",\n flexShrink: \"0\"\n}","import React, { useState, useEffect } from 'react';\nimport Modal from 'react-bootstrap/Modal'\nimport Button from 'react-bootstrap/Button';\nimport '../../css/general.css'\nimport { useTranslation } from 'react-i18next';\n\nconst ConfirmModal = (props) => {\n const { t } = useTranslation();\n const [title, setTitle] = useState(null);\n\n useEffect(() => {\n setTitle(props.title);\n }, [props.title]);\n\n return (\n <>\n \n
\n {t('Home')}
\n \n
\n {t('Plots')}
\n \n
\n {t('Map')}
\n \n
\n \n
\n */}\n {/* */}{/*
*/}\n {/*{t('LogOut')}
*/}\n {/* \n {button.storageName}\n
\n {button.purchaseProducts.length}\n
\n {button.harvestProduct}\n
\n \n ))}\n \n )\n }\n\n const ButtonGroup2 = ({ buttons }) => {\n\n buttons.forEach(b => {\n b.plantNameShort = b.plantName && b.plantName.length > 9 ? b.plantName.substr(0, 9) + '...' : b.plantName;\n });\n\n return (\n <>\n {buttons.map((button, i) => (\n \n {button.purchaseProducts.length}\n
\n {button.harvestProduct}\n
\n {button.plantNameShort}\n
\n {button.countId || 0}\n
\n {button.area || 0} ha \n
\n \n ))}\n \n );\n };\n const buttonClick = (event) => {\n var plant = plants.find(p => Number(p.plantId) === Number(event.currentTarget.value));\n var plantName = plant && plant.plantName ? plant.plantName : '';\n removeSelectedPlantId();\n removeSelectedPlotGroupId();\n props.history.push('plots', { id: event.currentTarget.value, plantName: plantName });\n };\n\n const buttonShowMoreClick = () => {\n plants.sort((a, b) => b.area - a.area);\n setPlantModal(true)\n setShowChoiceModal(true)\n };\n\n const ButtonGroup3 = ({ buttons }) => {\n\n buttons.forEach(b => {\n b.groupNameShort = b.groupName && b.groupName.length > 9 ? b.groupName.substr(0, 9) + '...' : b.groupName;\n });\n\n return (\n <>\n {buttons.map((button, i) => (\n \n {button.countId || 0}\n
\n {button.area || 0} ha \n
\n {button.groupNameShort}\n
\n {button.countId || 0}\n
\n {button.area || 0} ha \n
\n \n ))}\n \n );\n };\n const buttonClick2 = (event) => {\n removeSelectedPlantId();\n removeSelectedPlotGroupId();\n props.history.push('plots', { groupId: event.currentTarget.value });\n };\n\n const buttonShowMoreClick2 = () => {\n plots.sort((a, b) => b.area - a.area);\n setPlotModal(true)\n setShowChoiceModal(true)\n };\n\n const memoHasAttachment = (memo) => {\n var item = memoAttachments.find(m => m.memoId === memo.memoId);\n if (item) return true;\n return false;\n }\n\n const ButtonGroup4 = ({ buttons }) => {\n\n buttons.forEach(b => {\n b.groupNameShort = b.plotName ? b.plotName : t('Common');\n });\n\n return (\n <>\n {memoAttachmentsLoaded ? buttons.map((button, i) => (\n \n {button.countId || 0}\n
\n {button.area || 0} ha \n
\n
\n \n )) : ''}\n \n );\n };\n\n const getButtonDValue = (dData) => {\n if (dData === undefined || !dData || dData.length === 0) return null;\n\n var dValueCard = dData[0];\n dData.forEach(d => {\n if (d.dValue < dValueCard.dValue) // Find smallest d-value\n dValueCard = d;\n });\n\n return dValueCard.dValue;\n };\n\n const setGrowthStageCardData = (gData) => {\n if (!gData || gData.length === 0) return;\n\n var barleyData = gData.filter(d => d.plantId.startsWith(\"13\"));\n if (barleyData.length > 0) {\n var growthStageCard = barleyData[0];\n barleyData.forEach(d => {\n if (d.growthStage > growthStageCard.growthStage) // Find highest growthStage\n growthStageCard = d;\n });\n setBarleyStageCard(growthStageCard);\n }\n else setBarleyStageCard(null);\n\n var wheatData = gData.filter(d => d.plantId.startsWith(\"11\"));\n if (wheatData.length > 0) {\n growthStageCard = wheatData[0];\n wheatData.forEach(d => {\n if (d.growthStage > growthStageCard.growthStage) // Find highest growthStage\n growthStageCard = d;\n });\n setWheatStageCard(growthStageCard);\n }\n else setWheatStageCard(null);\n\n var oatData = gData.filter(d => d.plantId.startsWith(\"14\"));\n if (oatData.length > 0) {\n growthStageCard = oatData[0];\n oatData.forEach(d => {\n if (d.growthStage > growthStageCard.growthStage) // Find highest growthStage\n growthStageCard = d;\n });\n setOatStageCard(growthStageCard);\n }\n else setOatStageCard(null);\n };\n\n const shortenText = (text) => {\n return text && text.length > 11 ? text.substr(0, 11) + '.' : text;\n }\n\n const buttonShowMoreClick3 = () => {\n memos.sort((a, b) => b.memoDate - a.memoDate);\n setMemoListModal(true)\n };\n\n //Collected sample sets\n\n const ButtonSampleSetCollected = ({ buttons }) => {\n\n return (\n <>\n {buttons.map((button, i) => (\n \n {memoHasAttachment(button) ?\n
\n {getMemoText(button)}
\n {button.explanation}
\n {button.groupNameShort}, {dayJsFormatDate(button.memoDate)}
\n \n {t('SampleSetsCollected')}\n
\n {button.plotCount} \n
\n {dayJsFormatDate(button.sampleDate)}\n
\n \n ))}\n \n );\n }; \n\n //Planned sample sets\n\n const ButtonSampleSetPlanned = ({ buttons }) => {\n\n return (\n <>\n {buttons.map((button, i) => (\n \n {button.plotCount} \n
\n {dayJsFormatDate(button.sampleDate)}\n
\n {t('SamplePlan')}\n
\n {button.plotCount} \n
\n {dayJsFormatDate(button.sampleDate)}\n
\n \n ))}\n \n );\n };\n\n const buttonShowMoreSampleSetsCollected = () => {\n setSampleSetListModal(true); \n };\n\n return (\n \n {button.plotCount} \n
\n {dayJsFormatDate(button.sampleDate)}\n
{t('NoRights')}\n \n \n
\n : ''\n }\n\n \n
\n : ''\n }\n\n {FarmIdToView(getSelectedFarmId())} - {getSelectedFarmName()}
\n{getSelectedYear()}
\n\n
\n {(isLoading) ? {t('Plants')}
\n\n
\n\n {noPlots ?\n {t('PlotDataNotFound')}
\n :\n \n {sessionResult ? \n \n : ''}\n
\n }\n \n
\n {(isLoading) ? {t('Plotgroups')}
\n\n
\n \n {sessionResult ? \n \n : ''}\n
\n \n
\n {t('Forecast')}
\n\n
{getSelectedForecastStation().stationId === -1 || getSelectedHistoryStation().stationId === -1 ? t('ForecastStation_SelectionError') : ''}
\n \n {/* --- Sums --- */}\n {\n setChartModalData(forecastData);\n setChartModalMode(chartMode.temperatureSum);\n setChartModalShow(true);\n }}\n className={\"customButton\"}>\n {\n setChartModalData(forecastData);\n setChartModalMode(chartMode.rainSum);\n setChartModalShow(true);\n }}\n className={\"customButton\"}>\n {\n setdValueListModalShow(true);\n }}\n className=\"customButton\">\n {\n setGrowthStageListModalShow(true);\n setGrowthStageListModalData(growthStageData.filter(d => d.plantId.startsWith(\"13\")));\n }}\n className=\"customButton\">\n {\n setGrowthStageListModalShow(true);\n setGrowthStageListModalData(growthStageData.filter(d => d.plantId.startsWith(\"11\")));\n }}\n className=\"customButton\">\n \n \n \n \n\n \n \n \n \n \n \n \n \n {showChoiceModal === true ?\n {\n handleCloseModal();\n setShowChoiceModal(false);\n }}\n />\n : ''}\n {memoModalShow === true ?\n setMemoModalShow(false)}\n setRefresh={() => handleCloseModal()}\n baseplotid={selectMemoEvent.basePlotId}\n selectEvent={selectMemoEvent}\n />\n : ''}\n {memoListModal === true ?\n {\n setMemoListModal(false);\n handleCloseModal();\n }}\n memos={memos}\n />\n : ''}\n {sampleSetModalShow === true ?\n {\n setSampleSetModalShow(false);\n handleCloseModal();\n }}\n collected={collected}\n selectEvent={selectSampleSetEvent}\n refreshAndHandleOperationsSamples={(operations) => {\n if (operations.length)\n handleOperations(operations);\n }}\n refreshAndHandleOperationsSet={(operation) => {\n if (operation) {\n deleteSampleSet(operation);\n }\n }}\n allowSave={sessionResult}\n />\n : ''}\n {sampleSetListModal === true ?\n {\n setSampleSetListModal(false);\n handleCloseModal();\n }}\n sampleSetsCollected={sampleSetsCollected}\n sampleSetsPlanned={sampleSetsPlanned}\n collected={collected}\n refreshAndHandleOperationsSamples={(operations) => {\n if (operations.length)\n handleOperations(operations);\n }}\n refreshAndHandleOperationsSet={(...operations) => {\n if (operations[0]) {\n saveSampleSet(operations[0]);\n }\n if (operations[1]) {\n deleteSampleSet(operations[1]);\n }\n }}\n />\n : ''}\n {mapModal === true ?\n {\n setMapModalShow(false);\n if (newSamplePoints) {\n saveSampleSet(newSamplePoints);\n }\n }}\n />\n : ''}\n {dValueListModalShow === true ?\n {\n setdValueListModalShow(false);\n }}\n />\n : ''}\n {growthStageListModalShow === true ?\n {\n setGrowthStageListModalShow(false);\n }}\n />\n : ''}\n {chartModalShow === true ?\n {\n setChartModalShow(false);\n }}\n />\n : ''}\n {inventoryModalShow === true ? \n {\n // RELOAD STORAGES\n setIsLoading(true);\n var farmId = getSelectedFarmId();\n var year = getSelectedYear();\n var lang = getSelectedLang();\n getContentWithAction(auth.getAccessToken(), 'plotOperation', 'getMMWisuStorages', { farmId, year, lang }).then((storageObject) => {\n if (storageObject && storageObject.storages) {\n setStorages(storageObject.storages);\n }\n setIsLoading(false);\n }).catch(() => {\n setIsLoading(false);\n });\n }}\n onHide={() => {\n setInventoryModalShow(false);\n }}\n />\n : ''}\n {storageInfoShow === true ?\n {\n setStorageInfoShow(false);\n }}\n />\n : ''}\n \n );\n}\n\nexport default Farm;\n\n","import React from 'react';\nimport Badge from 'react-bootstrap/Badge';\nimport ListGroup from 'react-bootstrap/ListGroup';\nimport Spinner from 'react-bootstrap/Spinner';\n\nimport { taskViewer_viewComponents, taskViewer_taskStatuses } from './../../constants';\n\nconst TaskTypeSelectionListItem = (props) => {\n\n const allCompleted = (operations) => {\n return operations.every((operation) => {\n return operation.taskStatus === taskViewer_taskStatuses.completed\n })\n }\n\n const somePaused = (operations) => {\n return operations.some((operation) => {\n return operation.taskStatus === taskViewer_taskStatuses.paused || operation.taskStatus === taskViewer_taskStatuses.running || operation.taskStatus === taskViewer_taskStatuses.endUnfinished\n })\n }\n\n const resolveBadgeColor = (operations) => {\n\n if (operations.length === 0 || allCompleted(operations)) return \"secondary\";\n else if (somePaused(operations)) return \"warning\";\n else return \"success\"\n \n }\n\n return (\n props.callBack({ viewComponent: taskViewer_viewComponents.tasks, data: { taskType: props.taskType, dataArray: props.taskList } })}\n disabled={(props.taskList.length === 0 || allCompleted(props.taskList)) ? \"disabled\" : \"\"}\n >\n {props.name}\n {(props.isLoading) ? {props.taskList.length} \n \n )\n}\n\nexport default TaskTypeSelectionListItem;","import React, { useState, useEffect, useContext } from 'react';\nimport Card from 'react-bootstrap/Card';\nimport ListGroup from 'react-bootstrap/ListGroup'\nimport { Container } from 'reactstrap';\nimport { useTranslation } from 'react-i18next';\nimport NavMenu from '../NavMenu';\nimport TaskTypeSelectionListItem from './TaskTypeSelectionListItem';\nimport AppContext from '../../AppContext';\nimport { getContentWithAction } from '../../apiConnect';\n\nconst TaskTypeSelection = (props) => {\n const { t } = useTranslation();\n const { auth } = useContext(AppContext);\n\n const [taskList, setTaskList] = useState({ fertilizations: [], sowingFertilizations: [], plantProtections: [], soilTillages: [] });\n const [isLoading, setIsLoading] = useState(true);\n\n const dataCallbackHandler = (data) => {\n setTaskList(data);\n setIsLoading(false);\n }\n\n useEffect(() => {\n getContentWithAction(auth.getAccessToken(), 'taskViewer', 'list', {}).then(dataCallbackHandler);\n }, []);\n\n const taskTypeResolver = (taskList) => {\n return (taskList.length > 0) ? taskList[0].taskType : 0;\n }\n\n return (\n \n \n \n {t('SelectTaskType')}\n \n \n \n \n \n \n \n );\n}\n\nexport default TaskTypeSelection;\n\n","import React from 'react';\nimport Card from 'react-bootstrap/Card';\nimport ListGroup from 'react-bootstrap/ListGroup';\nimport { Container } from 'reactstrap';\nimport { useTranslation } from 'react-i18next';\n\nimport NavMenu from '../NavMenu';\n\nimport { taskViewer_viewComponents, taskViewer_taskStatuses } from './../../constants';\n\nconst Tasks = (props) => {\n const { t } = useTranslation();\n\n const getTaskTypeName = (taskType) => {\n if (taskType === 1) {\n return t('Fertilizing');\n }\n if (taskType === 2) {\n return t('SowingFertilization');\n }\n if (taskType === 3) {\n return t('PlantProtection');\n }\n if (taskType === 4) {\n return t('SoilTillage');\n }\n }\n\n const getVariant = (task) => {\n if (task.taskStatus === taskViewer_taskStatuses.planned) {\n return \"success\";\n } else if (task.taskStatus === taskViewer_taskStatuses.paused || task.taskStatus === taskViewer_taskStatuses.running || task.taskStatus === taskViewer_taskStatuses.endUnfinished) {\n return \"warning\";\n } else {\n return undefined;\n }\n }\n\n return (\n \n \n \n {t('SelectTaskType')} {getTaskTypeName(props.data.taskType)}\n \n \n {t('SelectAgrPlot')} \n \n {props.data.dataArray.map(task =>\n props.callBack({ viewComponent: taskViewer_viewComponents.taskRunner, data: task })}\n disabled={(task.taskStatus === taskViewer_taskStatuses.completed) ? \"disabled\" : \"\"}\n variant={getVariant(task)}\n >\n \n \n \n \n );\n}\n\nexport default Tasks;","import React, { useContext } from 'react';\nimport Card from 'react-bootstrap/Card';\nimport Button from 'react-bootstrap/Button';\nimport { Container } from 'reactstrap';\nimport { useTranslation } from 'react-i18next';\n\nimport NavMenu from '../NavMenu';\n\nimport { taskViewer_viewComponents } from './../../constants';\nimport AppContext from '../../AppContext';\nimport { enableGPS } from '../../gps';\n\nconst GPS = (props) => {\n const { setGeolocation, setMapInitCoordinates } = useContext(AppContext);\n const { t } = useTranslation();\n \n const onClickHandler = () => {\n enableGPS(redirect)\n }\n\n const redirect = (geo, mapInitPosition) => {\n setMapInitCoordinates(mapInitPosition);\n setGeolocation(geo); \n props.callBack({ viewComponent: taskViewer_viewComponents.taskTypeSelection, data: [] });\n }\n\n return (\n \n \n {t('GPSDevice')} \n \n \n \n \n \n );\n}\n\nexport default GPS;","import React, { useState } from 'react';\nimport { Modal, ListGroup, Button } from 'react-bootstrap';\nimport { useTranslation } from 'react-i18next';\n\nimport { taskViewer_taskStatuses, taskViewer_stopComponents } from './../../constants';\n\nconst StopSelectForm = (props) => {\n const { t } = useTranslation();\n const [show, setShow] = useState(true);\n\n return (\n setShow(false)}>\n \n {t('EndTaskDialogue')} \n \n \n \n { props.stopComponentCallBack(taskViewer_stopComponents.endTaskFinished) }} >\n {t('EndTask')}\n \n { props.stopComponentCallBack(taskViewer_stopComponents.endUnfinishedContinueLater) }} >\n {t('PauseTaskContinueLater')}\n \n \n \n \n \n \n \n );\n}\n\nexport default StopSelectForm;","import React from 'react';\nimport { Form, Col, Modal, Button, ListGroup } from 'react-bootstrap';\nimport { useTranslation } from 'react-i18next';\n\nimport { taskViewer_stopComponents } from './../../constants';\n\nconst EndFinishedTask = (props) => {\n\n const { t } = useTranslation();\n\n const taskTypeTextMapping = {\n 1: 'Fertiliser',\n 3: 'Pesticide',\n 4: 'SoilTillage'\n }\n\n const createFormElements = () => {\n if (props.taskSpecificData.taskType === 2) {\n return (\n <>\n \n \n \n );\n } else {\n return (\n \n );\n } \n }\n\n return (\n props.returnCallback(taskViewer_stopComponents.stopSelectionForm)}>\n \n {t('Plot')}: {props.taskSpecificData.plotDesignator} \n \n \n {createFormElements()}\n \n \n \n \n props.returnCallback(taskViewer_stopComponents.stopSelectionForm)}\n variant={\"danger\"}\n style={{ border: \"none\" }}\n >\n {t('Back')}\n \n props.returnCallback(taskViewer_stopComponents.endTaskFinished)}\n variant={\"success\"}\n style={{ border: \"none\" }}\n >\n {t('Pass')}\n \n props.returnCallback(taskViewer_stopComponents.showDataForFinishedTask)}\n variant={\"success\"}\n style={{ border: \"none\" }}\n >\n {t('Continue')}\n \n \n \n \n );\n}\n\nexport default EndFinishedTask;","import React, { useState, useEffect, useContext } from 'react';\nimport { Row, Col, Modal, Button } from 'react-bootstrap';\nimport { useTranslation } from 'react-i18next';\nimport AppContext from '../../AppContext';\n\nimport { taskViewer_stopComponents } from './../../constants';\nimport { getContentWithAction } from '../../apiConnect';\n\nconst Summary = (props) => {\n const { t } = useTranslation();\n const { auth } = useContext(AppContext);\n\n const [show, setShow] = useState(false);\n const [data, setData] = useState({});\n\n useEffect(() => {\n getContentWithAction(auth.getAccessToken(), 'taskViewer', 'task/details', { taskId: props.taskId }).then(dataCallbackHandler);\n }, [props.taskId]);\n\n const dataCallbackHandler = (data) => {\n setData(data);\n setShow(true);\n }\n\n return (\n setShow(false)}>\n \n {t('SummaryEndTask')} \n \n \n \n
\n \n
\n \n
\n \n \n \n \n \n );\n}\n\nexport default Summary;","import React, { useState } from 'react';\n\nimport StopSelectFrom from './StopSelectForm';\nimport EndFinishedTask from './EndFinishedTask';\nimport Summary from './Summary';\n\nimport { taskViewer_taskStatuses, taskViewer_stopComponents } from './../../constants';\n\nconst Stop = (props) => {\n const [stopComponent, setStopComponent] = useState(taskViewer_stopComponents.stopSelectionForm);\n\n const stopComponentSetter = (component) => {\n setStopComponent(component);\n }\n\n const StopComponentSelector = () => {\n switch (stopComponent) {\n case (taskViewer_stopComponents.stopSelectionForm):\n return startPause()}>\n \n {determineStartPauseText()}\n \n \n \n \n {props.currentTaskAmount === -1 ? '--' : props.currentTaskAmount + ' ' + props.currentTaskUnit}\n \n \n stopButtonClick()}>\n \n {t('Stop')}\n \n \n {showHideStop()}\n \n );\n}\n\nexport default TaskViewerMapFooter;","import React, { useState }from 'react';\nimport { Card, Row, Col } from 'react-bootstrap';\nimport { useTranslation } from 'react-i18next';\nimport '../../css/taskviewer.css';\n\nconst TaskViewerMapHeader = (props) => {\n const { t } = useTranslation();\n\n // Seeding-fertilizing states\n const [seedFertFertilizing, setSeedFertFertilizing] = useState('fertilizing-header');\n const [seedFertSeeding, setSeedFertSeeding] = useState('seeding-inactive-header');\n\n // To find the correct resource text\n const taskTypeTextMapping = {\n 1: 'Fertiliser',\n 2: 'Seed',\n 3: 'Pesticide',\n 4: 'SoilTillage'\n }\n\n const seedingFertilizingClick = (taskSelection) => {\n if (taskSelection === 1) {\n setSeedFertFertilizing('fertilizing-header');\n setSeedFertSeeding('seeding-inactive-header');\n } else if (taskSelection === 2) {\n setSeedFertFertilizing('fertilizing-inactive-header');\n setSeedFertSeeding('seeding-header');\n }\n props.switchGridLayer(taskSelection);\n }\n\n const generateTopInfo = () => {\n if (props.taskSpecificData.taskType == 2) {\n // Seeding-fertilizing. First item in product array is the sow data, the 2nd is fertilizing\n let sowData = props.taskSpecificData.products[0];\n let fertData = props.taskSpecificData.products[1];\n return (\n \n \n
\n \n );\n } else if (props.taskSpecificData.taskType == 1) {\n return (\n \n \n );\n } else if (props.taskSpecificData.taskType == 3) {\n return (\n \n \n );\n } else {\n return (\n \n \n );\n }\n }\n\n return (\n <>\n {generateTopInfo()}\n \n );\n}\n\nexport default TaskViewerMapHeader;","import VectorSource from 'ol/source/Vector';\nimport VectorLayer from 'ol/layer/Vector';\nimport GeoJSON from 'ol/format/GeoJSON';\nimport { Stroke, Style } from 'ol/style';\n\n// From database\nexport const addMapRoute = (routeGeometry) => {\n let routeStyle = new Style({\n stroke: new Stroke({\n color: 'black',\n lineDash: [3],\n width: 5\n })\n });\n\n let features = [];\n if (routeGeometry) {\n features = new GeoJSON().readFeatures(routeGeometry, {\n dataProjection: 'EPSG:4326',\n featureProjection: 'EPSG:3857'\n })\n }\n\n let vectorSource = new VectorSource({\n features: features\n });\n\n let vectorLayer = new VectorLayer({\n source: vectorSource,\n style: routeStyle,\n zIndex: 1\n });\n\n return vectorLayer;\n};","import React, { useState, useEffect, useContext, useRef } from 'react';\nimport OlMap from 'ol/Map';\nimport View from 'ol/View';\nimport { defaults as defaultInteractions } from 'ol/interaction';\nimport * as proj from 'ol/proj';\n\nimport 'ol/ol.css';\n\nimport AppContext from '../../AppContext';\nimport TaskViewerMapFooter from './TaskViewerMapFooter';\nimport TaskViewerMapHeader from './TaskViewerMapHeader';\nimport { taskViewer_taskStatuses, taskViewer_viewComponents } from '../../constants';\n\nimport { addMapBaseLayer } from '../../Map/addMapBaseLayer';\nimport { addMapTaskGrid, checkCoordsInsideGridPolygon } from '../../Map/addMapTaskGrid';\nimport { addMapPartfieldGeometry } from '../../Map/addMapPartfieldGeometry';\nimport { addMapPosition, updateMapPosition } from '../../Map/addMapPosition';\nimport { addMapRoute } from '../../Map/addMapRoute';\nimport { startSimulateGPS } from '../../gps.js';\n\nimport { getContentWithAction, postContentWithAction } from '../../apiConnect';\n\nconst TaskViewerMap = (props) => {\n const { geolocation, mapInitCoordinates } = useContext(AppContext);\n const { auth } = useContext(AppContext);\n\n const [map, setMap] = useState(null);\n const [taskSpecificData, setTaskSpecificData] = useState([]);\n const [currentTaskAmount, setCurrentTaskAmount] = useState(-1);\n const [currentTaskUnit, setCurrentTaskUnit] = useState('');\n\n const timeLogId = useRef(null);\n const currentPosition = useRef({ latitude: null, longitude: null, timestamp: null });\n const timer = useRef(null);\n const gpsWatch = useRef(null);\n const running = useRef(false);\n const taskHasBeenStarted = useRef(false);\n\n const zoomIdx = useRef(0);\n const zoomLevels = [16.1, 17.2, 18.1];\n\n let dataIsSet = false;\n const fertLayerName = 'fertLayer';\n const seedLayerName = 'seedLayer';\n const taskLayerName = 'taskLayer';\n const logInterval = 2000; // Milliseconds\n const gpsAccuracyUpperLimit = 20; // Meters\n const gpsAccuracyLowerLimit = 0;\n const gpsLocationFilterSpeed = 6; // m/s\n const gpsOptions = {\n enableHighAccuracy: true,\n timeout: 5000,\n maximumAge: 0\n }\n // Simulator: developer testing purposes only!\n const simulator = false;\n //const simulator = true;\n\n useEffect(() => {\n getContentWithAction(auth.getAccessToken(), 'taskViewer', 'task', { taskId: props.data.taskDataId }).then((data) => setTaskSpecificData(data));\n }, []);\n\n useEffect(() => {\n if (!dataIsSet && taskSpecificData.hasOwnProperty('grid')) {\n dataIsSet = true;\n setCurrentTaskUnit(taskSpecificData.taskType === 2 ? taskSpecificData.products[1].unitDesignator : taskSpecificData.products[0].unitDesignator);\n if (taskSpecificData.taskStatus !== taskViewer_taskStatuses.planned) taskHasBeenStarted.current = true;\n renderMap();\n }\n }, [taskSpecificData]);\n\n useEffect(() => {\n if (map != null) {\n if (!simulator) {\n gpsWatch.current = geolocation.watchPosition(success, errorHandler, gpsOptions);\n } else {\n startSimulateGPS(simulatorSuccess);\n }\n }\n }, [map]);\n\n const view = new View({\n center: proj.transform([mapInitCoordinates.coords.longitude, mapInitCoordinates.coords.latitude], 'EPSG:4326', 'EPSG:3857'),\n zoom: 17\n })\n\n // For header buttons in case of seeding-fertilizing\n const switchGridLayer = (task) => {\n let layers = map.getLayers().array_;\n let fertLayer = layers.filter(layer => layer.get('name') === fertLayerName)[0];\n let seedLayer = layers.filter(layer => layer.get('name') === seedLayerName)[0];\n if (task === 1) {\n fertLayer.setVisible(true);\n seedLayer.setVisible(false);\n setCurrentTaskUnit(taskSpecificData.products[1].unitDesignator);\n } else {\n fertLayer.setVisible(false);\n seedLayer.setVisible(true);\n setCurrentTaskUnit(taskSpecificData.products[0].unitDesignator);\n }\n }\n\n const renderMap = () => {\n if (dataIsSet) {\n let myMap = new OlMap({\n target: 'map',\n layers: [\n addMapBaseLayer(),\n addMapRoute(taskSpecificData.route.routeGeometry),\n addMapPosition()\n ],\n view: view,\n interactions: defaultInteractions({\n doubleClickZoom: false,\n mouseWheelZoom: simulator ? true : false\n })\n });\n\n // Custom zoom\n myMap.on('click', function (event) {\n // Move zoom array idx\n shiftZoomArrayIdx();\n // Set view zoom\n myMap.getView().setZoom(zoomLevels[zoomIdx.current]);\n });\n\n let partfieldLayer = addMapPartfieldGeometry(taskSpecificData.partfield.partfieldGeometry);\n myMap.addLayer(partfieldLayer);\n\n let isSeedingFertilizing = false;\n if (taskSpecificData.taskType === 2) {\n // Seeding-fertilizing\n isSeedingFertilizing = true;\n let fertLayer = addMapTaskGrid(1, taskSpecificData, isSeedingFertilizing, partfieldLayer);\n fertLayer.set('name', fertLayerName);\n let seedLayer = addMapTaskGrid(2, taskSpecificData, isSeedingFertilizing, partfieldLayer);\n seedLayer.set('name', seedLayerName);\n seedLayer.setVisible(false);\n myMap.addLayer(fertLayer);\n myMap.addLayer(seedLayer);\n } else {\n let layer = addMapTaskGrid(taskSpecificData.taskType, taskSpecificData, isSeedingFertilizing, partfieldLayer);\n layer.set('name', taskLayerName);\n myMap.addLayer(layer);\n }\n\n setMap(myMap);\n }\n }\n\n const setStatusFromMapFooter = (status) => {\n switch (status) {\n case (taskViewer_taskStatuses.running):\n running.current = true;\n taskHasBeenStarted.current = true;\n startLogTimer();\n postContentWithAction(auth.getAccessToken(), 'taskViewer', 'task/status', createTaskStatusLogObject(taskViewer_taskStatuses.running));\n break;\n case (taskViewer_taskStatuses.paused):\n running.current = false;\n stopLogTimer();\n if (taskHasBeenStarted.current) postContentWithAction(auth.getAccessToken(), 'taskViewer', 'task/status', createTaskStatusLogObject(taskViewer_taskStatuses.paused));\n break;\n case (taskViewer_taskStatuses.endUnfinished):\n running.current = false;\n stopLogTimer();\n if (taskHasBeenStarted.current) postContentWithAction(auth.getAccessToken(), 'taskViewer', 'task/status', createTaskStatusLogObject(taskViewer_taskStatuses.endUnfinished));\n props.callBack({ viewComponent: taskViewer_viewComponents.endTaskViewer, data: [] });\n break;\n case (taskViewer_taskStatuses.ended):\n running.current = false;\n stopLogTimer();\n if (taskHasBeenStarted.current) postContentWithAction(auth.getAccessToken(), 'taskViewer', 'task/status', createTaskStatusLogObject(taskViewer_taskStatuses.completed));\n props.callBack({ viewComponent: taskViewer_viewComponents.endTaskViewer, data: [] });\n break;\n }\n }\n\n const createTaskStatusLogObject = (taskStatus) => {\n let statusLogObject = {\n taskDataId: taskSpecificData.taskDataId,\n taskStatus: taskStatus,\n timeLogId: timeLogId.current\n };\n return statusLogObject;\n }\n\n const createTaskDataLogObject = (coordinates) => {\n let logObject = {\n taskId: taskSpecificData.taskDataId,\n timeLogId: timeLogId.current,\n positionNorth: coordinates.latitude,\n positionEast: coordinates.longitude,\n positionUp: 0.0,\n timeStap: null,\n dataLogValues: []\n };\n return logObject;\n }\n\n const getCurrentLayer = () => {\n let layers = map.getLayers().array_;\n let currentLayer;\n if (taskSpecificData.taskType === 2) {\n let fertLayer = layers.filter(layer => layer.get('name') === fertLayerName)[0];\n let seedLayer = layers.filter(layer => layer.get('name') === seedLayerName)[0];\n if (fertLayer.getVisible()) {\n currentLayer = fertLayer;\n } else {\n currentLayer = seedLayer;\n }\n } else {\n let taskLayer = layers.filter(layer => layer.get('name') === taskLayerName)[0];\n currentLayer = taskLayer;\n }\n return currentLayer;\n }\n\n const success = (position) => {\n console.log('got new GPS location!');\n let pos = validateNewPosition(position.coords);\n if (!pos.valid) {\n console.log('Insufficient GPS accurary');\n return;\n }\n currentPosition.current = pos;\n // Update user location on map\n updateMapPosition(currentPosition.current);\n // Move map center to user position\n map.getView().setCenter(proj.transform([currentPosition.current.longitude, currentPosition.current.latitude], 'EPSG:4326', 'EPSG:3857'));\n // Check which grid cell you are in and update task value\n if (running.current === true) checkCoordsInsideGridPolygon(getCurrentLayer(), currentPosition.current, setCurrentTaskAmount);\n }\n\n const errorHandler = () => {\n console.log('gps error');\n }\n\n const simulatorSuccess = (val, position) => {\n // Update user location on map\n updateMapPosition(position);\n // Move map center to user position\n map.getView().setCenter(proj.transform([position.longitude, position.latitude], 'EPSG:4326', 'EPSG:3857'));\n // Check which grid cell you are in and update task value\n if (running.current === true) {\n checkCoordsInsideGridPolygon(getCurrentLayer(), position, setCurrentTaskAmount);\n // Write to log file\n let logObject = createTaskDataLogObject(position);\n postContentWithAction(auth.getAccessToken(), 'taskViewer', 'task/route', logObject, postContentWithActionCallback);\n }\n }\n\n const startLogTimer = () => {\n if (!simulator) {\n timer.current = setInterval(function () {\n // Write to log file\n let logObject = createTaskDataLogObject(currentPosition.current);\n postContentWithAction(auth.getAccessToken(), 'taskViewer', 'task/route', logObject, postContentWithActionCallback);\n }, logInterval);\n }\n } \n\n const stopLogTimer = () => {\n if (!simulator) {\n clearInterval(timer.current);\n }\n }\n\n const postContentWithActionCallback = (data) => {\n timeLogId.current = data.timeLogId;\n }\n\n // Return a potential object for updating current position\n const validateNewPosition = (newPosition) => {\n let potentialPosition = { valid: false };\n\n if (currentPosition.current.latitude === null) {\n if (newPosition.accuracy > gpsAccuracyUpperLimit || newPosition.accuracy < gpsAccuracyLowerLimit) {\n console.log('Bad accuracy for a potential initial position');\n }\n\n let lat = newPosition.latitude;\n let lon = newPosition.longitude;\n let time = new Date();\n potentialPosition = { valid: true, latitude: lat, longitude: lon, timestamp: time, heading: newPosition.heading, velocity: 0 };\n }\n\n let newTime = new Date();\n let timeDiff = (newTime - currentPosition.current.timestamp) / 1000; // seconds\n let dist = distance(newPosition.latitude, newPosition.longitude, currentPosition.current.latitude, currentPosition.current.longitude); // metres\n let velocity = dist / timeDiff;\n if (velocity <= gpsLocationFilterSpeed) {\n potentialPosition = { valid: true, latitude: newPosition.latitude, longitude: newPosition.longitude, timestamp: newTime, heading: newPosition.heading, velocity: velocity };\n }\n\n return potentialPosition;\n }\n\n const distance = (lat1, lon1, lat2, lon2) => {\n const R = 6378137;\n let dlon = radians(lon2 - lon1);\n let dlat = radians(lat2 - lat1);\n let f = squared(Math.sin(dlat / 2)) + Math.cos(radians(lat1)) * Math.cos(radians(lat2)) * squared(Math.sin(dlon / 2.0));\n let c = 2 * Math.atan2(Math.sqrt(f), Math.sqrt(1 - f));\n return R * c;\n }\n\n const radians = (x) => {\n return x * Math.PI / 180;\n }\n\n const squared = (x) => {\n return x * x;\n }\n\n const shiftZoomArrayIdx = () => {\n // End of array\n if (zoomIdx.current === 3) {\n zoomIdx.current = 0;\n } else {\n zoomIdx.current = zoomIdx.current + 1;\n }\n }\n\n return (\n <>\n \n \n {t('Sowing')} \n \n \n \n \n \n\n {/*btns to left*/}\n {props.selectEvent.selectedElement && buttonWriteShow === true ?\n : ''}\n\n {/*btns to right*/}\n \n\n {buttonWriteShow === true ?\n \n : ''}\n \n \n setCalendarShow(false)}\n onChange={setDate}\n selecteddate={date}\n />\n \n );\n}\n\nexport default SowModal;","import React, { useState, useEffect, useContext } from 'react';\r\nimport Modal from 'react-bootstrap/Modal'\r\nimport Form from 'react-bootstrap/Form';\r\nimport Button from 'react-bootstrap/Button';\r\nimport * as dayjs from 'dayjs'\r\nimport { useTranslation } from 'react-i18next';\r\nimport { postContentWithAction, putContentWithAction } from '../../apiConnect';\r\nimport { getSelectedLang } from '../../common';\r\nimport { formatPlannedDate, groupByKey, valueMax, dayJsFormatDate, groupByMarked, round, updateCalculativeArray } from '../../commonFunctions';\r\nimport NumberFormat from 'react-number-format';\r\nimport CalendarModal from './CalendarModal';\r\nimport Spinner from 'react-bootstrap/Spinner';\r\nimport { useAlert } from 'react-alert'\r\nimport AppContext from '../../AppContext';\r\nimport { OverlayTrigger, Tooltip, Badge } from 'react-bootstrap'\r\n\r\nimport '../../css/general.css'\r\n\r\nconst MarkSowModal = (props) => {\r\n const { t } = useTranslation();\r\n const { auth } = useContext(AppContext);\r\n\r\n const [plannedSows, setPlannedSows] = useState([]);\r\n const [combinedSows, setCombinedSows] = useState([]);\r\n const [calendarShow, setCalendarShow] = useState(false);\r\n const [date, setDate] = useState(dayjs().format());\r\n const [contentIsLoading, setContentIsLoading] = useState(true);\r\n const [infoText, setInfoText] = useState('Ladataan tietoja');\r\n const [saveInProgress, setSaveInProgress] = useState(false);\r\n\r\n //For area and amount calculations, CCD = CalculationCombinedData\r\n const [cCD, setCCD] = useState([]);\r\n\r\n const alert = useAlert();\r\n\r\n useEffect(() => {\r\n var plotIds = [];\r\n props.selectEvent.selectedPlots.forEach(p => {\r\n plotIds.push({ plotId: p.apNumber });\r\n });\r\n postContentWithAction(auth.getAccessToken(), 'sow', 'sowsForPlots', { models: plotIds, lang: getSelectedLang() }, (data) => {\r\n data = data.filter((sow) => sow.sowingDate || sow.actionDate);\r\n data.forEach(sow => {\r\n sow.plotData = props.selectEvent.selectedPlots.find(p => p.apNumber === sow.plotId);\r\n });\r\n setPlannedSows(data);\r\n\r\n var grouped1 = groupByKey(data, 'varietyId');\r\n var grouped2 = [];\r\n for (const key in grouped1) {\r\n var m = groupByMarked(grouped1[key], 'sowingDate', 'actionDate');\r\n var b = [];\r\n for (const type in m) {\r\n for (const key in m[type]) { // Looping grouped keys\r\n var combinedIds = [];\r\n var combinedArea = 0;\r\n var combinedAmount = { min: m[type][key][0].amount, max: m[type][key][0].amount };\r\n m[type][key].forEach(s => { // Looping sows\r\n combinedIds.push({\r\n plotId: s.plotId,\r\n number: s.number,\r\n plotName: s.plotData.name + ' - ' + s.plotData.apChar\r\n });\r\n combinedArea += s.plotData.area;\r\n combinedAmount.min = Math.min(combinedAmount.min, s.amount);\r\n combinedAmount.max = Math.max(combinedAmount.max, s.amount);\r\n });\r\n var combinedData = { ...m[type][key][0] }; // Copying first element for base data\r\n if (combinedAmount.min != combinedAmount.max) combinedData.amount = null;\r\n\r\n b.push({\r\n date: key,\r\n combinedData: combinedData,\r\n combinedArea: combinedArea,\r\n combinedIds: combinedIds,\r\n combinedAmount: combinedAmount\r\n });\r\n }\r\n }\r\n grouped2.push({\r\n variety: key,\r\n objects: b\r\n });\r\n }\r\n\r\n setCCD(grouped2);\r\n setCombinedSows(grouped2);\r\n\r\n setContentIsLoading(false);\r\n setInfoText('Ei suunniteltuja kylvöjä');\r\n });\r\n }, [props.selectEvent]);\r\n\r\n const updateDate = (value) => {\r\n var newDate = date;\r\n newDate.sowingDate = value;\r\n setDate(newDate);\r\n };\r\n\r\n const saveSows = (openFerts) => {\r\n setSaveInProgress(true);\r\n let today = dayjs().format('YYYYMMDD');\r\n let invalidDate = false;\r\n var newSows = [];\r\n\r\n combinedSows.forEach(variety => {\r\n variety.objects.forEach(sow => {\r\n sow.combinedIds.forEach(number => {\r\n var originalData = plannedSows.find(s => s.number === number.number);\r\n var data = sow.combinedData;\r\n let formattedDate = dayjs(data.sowingDate).format('YYYYMMDD');\r\n if (data.sowingDate && today < formattedDate) invalidDate = true; // Check for valid dates\r\n if (data.sowingDate) {\r\n newSows.push({\r\n actionDate: sow.date,\r\n amount: data.amount ? round(data.amount) : originalData.amount,\r\n description: data.description,\r\n mixture: data.mixture,\r\n number: number.number,\r\n plotId: number.plotId,\r\n sowingDate: data.sowingDate,\r\n tiheys: data.tiheys,\r\n typeId: data.typeId,\r\n unitNumber: data.unitNumber,\r\n varietyId: data.varietyId\r\n });\r\n }\r\n });\r\n });\r\n });\r\n\r\n if (!invalidDate) {\r\n putContentWithAction(auth.getAccessToken(), 'sow', 'update', {\r\n models: newSows\r\n }).then(() => {\r\n setSaveInProgress(false);\r\n if (openFerts) {\r\n props.setRefresh(Date.now());\r\n openFertilizings();\r\n }\r\n alert.show(t('SavedSuccesfully'), { type: 'success' });\r\n props.onHide();\r\n }).catch(e => {\r\n setSaveInProgress(false);\r\n alert.show(t('SavedFailed'), { type: 'error' });\r\n });\r\n }\r\n else {\r\n alert('invalid date')\r\n }\r\n }\r\n\r\n const checkFertilizingsButton = () => {\r\n return !props.fertilizingModalDisabled;\r\n }\r\n\r\n const openFertilizings = () => {\r\n props.showFertilizingModal();\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n {t('MarkSowDone')} \r\n \r\n \r\n \r\n \r\n \r\n \r\n {checkFertilizingsButton() ?\r\n \r\n : ''}\r\n \r\n \r\n \r\n {calendarShow === true ?\r\n setCalendarShow(false)}\r\n onChange={updateDate}\r\n selecteddate={date.sowingDate ? dayjs(date.sowingDate).format() : null}\r\n />\r\n : ''}\r\n \r\n )\r\n}\r\n\r\nexport default MarkSowModal;","import React, { useState, useEffect, useContext, useRef } from 'react';\nimport Modal from 'react-bootstrap/Modal'\nimport Form from 'react-bootstrap/Form';\nimport Button from 'react-bootstrap/Button';\nimport * as dayjs from 'dayjs'\nimport { useTranslation } from 'react-i18next';\nimport { postContentWithAction, putContentWithAction } from '../../apiConnect';\nimport { getSelectedLang } from '../../common';\nimport { formatPlannedDate, groupByKey, valueMax, dayJsFormatDate, groupByMarked, round, updateCalculativeArray } from '../../commonFunctions';\nimport NumberFormat from 'react-number-format';\nimport CalendarModal from './CalendarModal';\nimport Spinner from 'react-bootstrap/Spinner';\nimport { useAlert } from 'react-alert'\nimport AppContext from '../../AppContext';\nimport { ICONS } from '../../img/icons'\nimport Icon from '../../img/Icon'\nimport { OverlayTrigger, Tooltip, Badge } from 'react-bootstrap'\n\nimport '../../css/general.css'\n\n\nconst MarkFertilizerModal = (props) => {\n const { t } = useTranslation();\n const { auth } = useContext(AppContext);\n\n const [plannedFerts, setPlannedFerts] = useState([]);\n const [combinedFerts, setCombinedFerts] = useState([]);\n const [calendarShow, setCalendarShow] = useState(false);\n const [date, setDate] = useState(dayjs().format());\n const [contentIsLoading, setContentIsLoading] = useState(true);\n const [infoText, setInfoText] = useState('Ladataan tietoja');\n const [saveInProgress, setSaveInProgress] = useState(false);\n\n //For area and amount calculations, CCD = CalculationCombinedData\n const [cCD, setCCD] = useState([]);\n\n const alert = useAlert();\n\n useEffect(() => {\n var plotIds = [];\n\n props.selectEvent.selectedPlots.forEach(p => {\n plotIds.push({ plotId: p.apNumber });\n });\n\n const promiseFert = new Promise((resolve, reject) => {\n postContentWithAction(auth.getAccessToken(), 'fertilize', 'getFertilizingsForPlots', {\n models: plotIds, lang: getSelectedLang()\n }, (data) => {\n resolve(data);\n }).catch(e => {\n reject(Error(\"Promise rejected\"));\n });\n });\n\n const promiseSow = new Promise((resolve, reject) => {\n postContentWithAction(auth.getAccessToken(), 'sow', 'sowsForPlots', {\n models: plotIds, lang: getSelectedLang()\n }, (data) => {\n resolve(data);\n }).catch(e => {\n reject(Error(\"Promise rejected\"));\n });\n });\n\n Promise.all([promiseFert, promiseSow]).then(([dataFert, dataSow]) => {\n\n dataFert = dataFert.filter((fert) => fert.date || fert.plannedDate);\n\n dataFert.forEach(fert => {\n fert.plotData = props.selectEvent.selectedPlots.find(p => p.apNumber === fert.plotId);\n });\n setPlannedFerts(dataFert);\n\n if (dataSow.length > 0) {\n dataSow = dataSow.filter((sow) => sow.sowingDate && sow.actionDate);\n if (dataSow.length > 0) {\n dataFert.forEach(fert => {\n if (fert.fertilizerKind === 1) {\n const s = dataSow.find(p => p.plotId === fert.plotId);\n if (s && s.actionDate === fert.plannedDate) {\n fert.date = dayjs(s.sowingDate).format();\n }\n }\n });\n }\n }\n\n dataFert.forEach(d => {\n d.productWithPesticide = d.pesticideId ? d.product + '_' + d.pesticideId : d.product;\n });\n\n var grouped1 = groupByKey(dataFert, 'productWithPesticide');\n var grouped2 = [];\n for (const key in grouped1) {\n var m = groupByMarked(grouped1[key], 'date', 'plannedDate');\n var b = [];\n for (const type in m) {\n for (const key in m[type]) { // Looping grouped keys\n var combinedIds = [];\n var combinedArea = 0;\n var combinedAmount = { min: m[type][key][0].amount, max: m[type][key][0].amount };\n\n m[type][key].forEach(s => { // Looping ferts\n combinedIds.push({\n plotId: s.plotId,\n fertilizingId: s.fertilizingId,\n plotName: s.plotData.name + ' - ' + s.plotData.apChar,\n plotArea: s.plotData.area\n });\n if (s.area)\n combinedArea += s.area;\n else\n combinedArea += s.plotData.area;\n combinedAmount.min = Math.min(combinedAmount.min, s.amount);\n combinedAmount.max = Math.max(combinedAmount.max, s.amount);\n });\n var combinedData = { ...m[type][key][0] }; // Copying first element for base data\n\n if (combinedAmount.min != combinedAmount.max) combinedData.amount = null;\n\n b.push({\n date: key,\n combinedData: combinedData,\n combinedArea: combinedArea,\n combinedIds: combinedIds,\n combinedAmount: combinedAmount\n });\n }\n }\n grouped2.push({\n fertilizer: key,\n objects: b\n });\n }\n\n setCCD(grouped2);\n setCombinedFerts(grouped2);\n\n setContentIsLoading(false);\n setInfoText('Ei suunniteltuja lannoitteita');\n }).catch(error => console.log(`Error in executing ${error}`));\n\n }, [props.selectEvent]);\n\n const updateDate = (value) => {\n var newDate = date;\n newDate.date = value;\n setDate(newDate);\n };\n\n const saveFertilizers = () => {\n setSaveInProgress(true);\n let today = dayjs().format('YYYYMMDD');\n let invalidDate = false;\n var newFerts = [];\n\n combinedFerts.forEach(product => {\n product.objects.forEach(fert => {\n fert.combinedIds.forEach(plot => {\n var originalData = plannedFerts.find(s => s.fertilizingId === plot.fertilizingId);\n var data = fert.combinedData;\n let formattedDate = dayjs(data.date).format('YYYYMMDD');\n if (data.date && today < formattedDate) invalidDate = true; // Check for valid dates\n if (data.date) {\n newFerts.push({\n plannedDate: fert.date,\n amount: data.amount ? round(data.amount) : originalData.amount,\n description: data.description,\n product: data.product,\n fertilizingId: plot.fertilizingId,\n pesticideId: originalData.pesticideId,\n plotId: plot.plotId,\n date: data.date,\n unitType: data.unitType,\n area: originalData.area ? originalData.area : plot.plotArea\n });\n }\n });\n });\n });\n\n if (!invalidDate) {\n putContentWithAction(auth.getAccessToken(), 'fertilize', 'update', {\n models: newFerts\n }).then(() => {\n setSaveInProgress(false);\n props.setRefresh(Date.now());\n alert.show(t('SavedSuccesfully'), { type: 'success' });\n }).catch(e => {\n setSaveInProgress(false);\n alert.show(t('SavedFailed'), { type: 'error' });\n });\n\n props.onHide();\n }\n else {\n alert('invalid date')\n }\n }\n\n return (\n <>\n \n \n {t('MarkFertilizerDone')} \n \n \n \n \n \n \n \n \n \n {calendarShow === true ?\n setCalendarShow(false)}\n onChange={updateDate}\n selecteddate={date.date}\n />\n : ''}\n \n )\n}\n\nexport default MarkFertilizerModal;","import React, { useState, useEffect, useContext } from 'react';\nimport Modal from 'react-bootstrap/Modal'\nimport Form from 'react-bootstrap/Form';\nimport Button from 'react-bootstrap/Button';\nimport * as dayjs from 'dayjs'\nimport { useTranslation } from 'react-i18next';\nimport { postContentWithAction } from '../../apiConnect';\nimport { getSelectedLang } from '../../common';\nimport { formatPlannedDate, groupByKey, valueMax, dayJsFormatDate, groupByMarked, round, updateCalculativeArray } from '../../commonFunctions';\nimport NumberFormat from 'react-number-format';\nimport CalendarModal from './CalendarModal';\nimport Spinner from 'react-bootstrap/Spinner';\nimport { useAlert } from 'react-alert'\nimport AppContext from '../../AppContext';\nimport { OverlayTrigger, Tooltip, Badge } from 'react-bootstrap'\n\nimport '../../css/general.css'\n\nconst MarkPesticideModal = (props) => {\n const { t } = useTranslation();\n const { auth } = useContext(AppContext);\n const [plannedPests, setPlannedPests] = useState([]);\n const [combinedPests, setCombinedPests] = useState([]);\n const [calendarShow, setCalendarShow] = useState(false);\n const [date, setDate] = useState(dayjs().format());\n const [contentIsLoading, setContentIsLoading] = useState(true);\n const [infoText, setInfoText] = useState('Ladataan tietoja');\n const [saveInProgress, setSaveInProgress] = useState(false);\n\n //For area and amount calculations, CCD = CalculationCombinedData\n const [cCD, setCCD] = useState([]);\n\n const alert = useAlert();\n\n useEffect(() => {\n var plotIds = [];\n\n props.selectEvent.selectedPlots.forEach(p => {\n plotIds.push({ plotId: p.apNumber });\n });\n\n postContentWithAction(auth.getAccessToken(), 'plotOperation', 'getPlantProtectionOperations', { models: plotIds, lang: getSelectedLang() }, (data) => {\n data = data.filter((pest) => pest.growthInformation.date || pest.growthInformation.plannedDate);\n\n data.forEach(pest => {\n pest.plotData = props.selectEvent.selectedPlots.find(p => p.apNumber === pest.growthInformation.plotId);\n pest.plannedDate = pest.growthInformation.plannedDate;\n if (pest.growthInformation.date) {\n pest.date = pest.growthInformation.date;\n }\n\n var combinedProducts = \"\";\n if (pest.pesticides) {\n pest.pesticides.forEach(p => {\n combinedProducts = combinedProducts.concat('', p.product);\n });\n }\n if (pest.fertilizings) {\n pest.fertilizings.forEach(f => {\n combinedProducts = combinedProducts.concat('', f.product);\n });\n }\n pest.combinedProducts = combinedProducts;\n });\n setPlannedPests(data);\n\n var grouped1 = groupByKey(data, 'combinedProducts');\n var grouped2 = [];\n for (const key in grouped1) {\n var m = groupByMarked(grouped1[key], 'date', 'plannedDate');\n var b = [];\n for (const type in m) {\n for (const key in m[type]) { // Looping grouped keys\n var combinedIds = [];\n var combinedArea = 0;\n var combinedAmounts = [];\n\n m[type][key].forEach(p => { // Looping pesticide operations\n if (p.fertilizings.length && p.fertilizings[0].area) {\n combinedArea += p.fertilizings[0].area;\n }\n else\n combinedArea += p.plotData.area;\n\n combinedIds.push({\n plotId: p.growthInformation.plotId,\n pesticideId: p.growthInformation.pesticideId,\n plotName: p.plotData.name + ' - ' + p.plotData.apChar,\n plotArea: p.plotData.area\n });\n\n // Finding min and max values for pesticides\n p.pesticides.forEach(f => {\n if (!combinedAmounts.find(el => el.product === f.product)) {\n var minMax = {\n product: f.product,\n min: f.amount,\n max: f.amount\n };\n combinedAmounts.push(minMax);\n }\n else {\n var combinedAmount = combinedAmounts.find(el => el.product === f.product);\n combinedAmount.min = Math.min(combinedAmount.min, f.amount);\n combinedAmount.max = Math.max(combinedAmount.max, f.amount);\n }\n });\n\n // Finding min and max values for fertilizings\n p.fertilizings.forEach(f => {\n if (!combinedAmounts.find(el => el.product === f.product)) {\n var minMax = {\n product: f.product,\n min: f.amount,\n max: f.amount\n };\n combinedAmounts.push(minMax);\n }\n else {\n var combinedAmount = combinedAmounts.find(el => el.product === f.product);\n combinedAmount.min = Math.min(combinedAmount.min, f.amount);\n combinedAmount.max = Math.max(combinedAmount.max, f.amount);\n }\n });\n });\n\n var combinedData = { ...m[type][key][0] }; // Copying first element for base data\n combinedAmounts.forEach(c => {\n c.min != c.max ? c.amount = null : c.amount = c.min;\n });\n\n b.push({\n date: key,\n combinedData: combinedData,\n combinedArea: combinedArea,\n combinedIds: combinedIds,\n combinedAmounts: combinedAmounts\n });\n }\n }\n grouped2.push({\n combinedProducts: key,\n objects: b\n });\n }\n\n setCCD(grouped2);\n setCombinedPests(grouped2);\n\n setContentIsLoading(false);\n setInfoText('Ei suunniteltuja');\n });\n\n }, [props.selectEvent]);\n\n const updateDate = (value) => {\n var newDate = date;\n newDate.date = value;\n setDate(newDate);\n };\n\n const getSectionHeader = (data) => {\n var text = [];\n data.combinedData.pesticides.forEach(p => {\n text.push(p.productName);\n });\n data.combinedData.fertilizings.forEach(f => {\n text.push(f.productName);\n });\n return text.join(' + ');\n }\n\n const savePesticides = () => {\n setSaveInProgress(true);\n var operations = [];\n\n combinedPests.forEach(pesticides => {\n pesticides.objects.forEach(data => {\n data.combinedIds.forEach(id => {\n if (data.combinedData.date) { // Only save if has a date\n var originalData = plannedPests.find(pest => pest.growthInformation.pesticideId === id.pesticideId);\n var updatePest = { ...originalData };\n\n if (updatePest.fertilizings) {\n updatePest.fertilizings.forEach(f => {\n var defaultAmount = f.amount;\n f.amount = data.combinedAmounts.find(a => a.product === f.product).amount;\n if (!f.amount) {\n f.amount = defaultAmount;\n }\n else {\n let rounded = round(f.amount);\n f.amount = rounded;\n }\n\n f.date = data.combinedData.date;\n });\n }\n\n if (updatePest.pesticides) {\n updatePest.pesticides.forEach(p => {\n var defaultAmount = p.amount;\n p.amount = data.combinedAmounts.find(a => a.product === p.product).amount;\n if (!p.amount) {\n p.amount = defaultAmount;\n }\n else {\n let rounded = round(p.amount);\n p.amount = rounded;\n }\n });\n }\n\n updatePest.growthInformation.date = data.combinedData.date;\n updatePest.growthInformation.saveSpray = true;\n updatePest.pesticideId = id.pesticideId;\n\n var protectionOp = {\n growthInfo: updatePest.growthInformation,\n inserts: {\n pesticideId: 0,\n growthInformation: null,\n pesticides: [],\n fertilizings: [],\n observations: []\n },\n updates: updatePest\n };\n\n var pesticideSaveModel = {\n plotId: id.plotId,\n protectionOperations: [protectionOp]\n };\n\n operations.push(pesticideSaveModel);\n }\n });\n });\n });\n\n postContentWithAction(auth.getAccessToken(), 'plotOperation', 'savePlantProtectionOperations',\n { models: operations }, () => {\n props.setRefresh(Date.now());\n setSaveInProgress(false);\n alert.show(t('SavedSuccesfully'), { type: 'success' });\n }).catch(e => {\n setSaveInProgress(false);\n alert.show(t('SavedFailed'), { type: 'error' });\n });\n\n props.onHide();\n }\n\n return (\n <>\n \n \n {t('MarkPesticideDone')} \n \n \n \n \n \n \n \n \n \n {calendarShow === true ?\n setCalendarShow(false)}\n onChange={updateDate}\n selecteddate={date.date}\n />\n : ''}\n \n )\n}\n\nexport default MarkPesticideModal;","import React, { useState, useEffect, useContext, useRef } from 'react';\nimport Modal from 'react-bootstrap/Modal'\nimport Select from 'react-select';\nimport Form from 'react-bootstrap/Form';\nimport Button from 'react-bootstrap/Button';\nimport ButtonGroup from 'react-bootstrap/ButtonGroup';\nimport Accordion from 'react-bootstrap/Accordion';\nimport NumberFormat from 'react-number-format';\nimport ToggleButton from 'react-bootstrap/ToggleButton';\nimport { useTranslation } from 'react-i18next';\nimport * as dayjs from 'dayjs'\nimport CalendarModal from './CalendarModal';\nimport { ICONS } from '../../img/icons'\nimport Icon from '../../img/Icon'\nimport Spinner from 'react-bootstrap/Spinner';\n\nimport {\n getContentWithAction, \n postContentWithAction, putContentWithAction\n} from '../../apiConnect';\nimport { getSelectedPlot, formatGroupLabel} from '../../common';\nimport { useAlert } from 'react-alert'\nimport { valueMax, dayJsFormatDate, round } from '../../commonFunctions';\nimport AppContext from '../../AppContext';\n\nimport '../../css/general.css'\nimport '../../css/plotOperation.css'\n\nconst FertilizeModal = (props) => {\n const { t } = useTranslation();\n const { auth } = useContext(AppContext);\n\n const [calendarShow, setCalendarShow] = useState(false);\n const [selectedFertilizer, setSelectedFertilizer] = useState(0);\n const [amount, setAmount] = useState(0);\n const [amountArea, setAmountArea] = useState(0);\n const [totalArea, setTotalArea] = useState(0);\n const [prevAndAllFertilizers, setPrevAndAllFertilizers] = useState([]);\n const [prevAndAllFertilizersBasicList, setPrevAndAllFertilizersBasicList] = useState([]);\n const [manureAndFarmFertilizers, setManureAndFarmFertilizers] = useState([]);\n const [manureAndFarmFertilizersBasicList, setManureAndFarmFertilizersBasicList] = useState([]);\n const [date, setDate] = useState(dayjs().format());\n const [fertilizerGroup, setFertilizerGroup] = useState('1')\n const [multiSelect, setMultiSelect] = useState(false);\n const [unit, setUnit] = useState('kg');\n const [validate, setValidation] = useState(false);\n const [tankMixtureText, setTankMixtureText] = useState(false);\n const [buttonWriteShow, setButtonWriteShow] = useState(false); // allowed save btn disabled\n const [validFertilizerArea, setValidFertilizerArea] = useState(false);\n\n const [showFertilizerArea, setShowFertilizerArea] = useState(false);\n const [fertilizerArea, setFertilizerArea] = useState(0);\n const [areaUnit, setAreaUnit] = useState('ha');\n const [saveInProgress, setSaveInProgress] = useState(false);\n\n const textt = (t('ChooseFertilizer'));\n\n const alert = useAlert();\n\n let selectedPlot = useRef(getSelectedPlot());\n\n const fertilizerRadios = [\n { name: t('FarmFertilizers'), value: '1' },\n { name: t('All'), value: '2' }\n ]\n\n useEffect(() => {\n Promise.all([\n //KAIKKI\n getContentWithAction(auth.getAccessToken(), 'resource', 'fertilizers', {}),\n //AIEMMIN KÄYTETYT\n getContentWithAction(auth.getAccessToken(), 'resource', 'previousfertilizers', {}),\n //KARJANLANNAT\n getContentWithAction(auth.getAccessToken(), 'resource', 'manurefertilizers', {}),\n //TILAN LANNOITTEET\n getContentWithAction(auth.getAccessToken(), 'resource', 'farmfertilizers', {}),\n //TILAN LANNOITESEOKSET\n getContentWithAction(auth.getAccessToken(), 'resource', 'ownfertilizers', {}),\n //TILAN KALKIT\n getContentWithAction(auth.getAccessToken(), 'resource', 'farmlimefertilizers', {}),\n // session\n getContentWithAction(auth.getAccessToken(), 'session', 'storeAllowed', {})\n ]).then(([allFertilizers, previousfertilizers, manureFertilizers, farmFertilizers, ownFertilizers, limeFertilizers, sessionResult]) => {\n\n previousfertilizers = previousfertilizers.filter(p => {\n if (allFertilizers.some(a => a.product === p.product)) return true;\n\n return false;\n });\n\n let farmAndOwn = [...farmFertilizers, ...ownFertilizers]\n\n setPrevAndAllFertilizers([\n { label: t('Previously_Used'), options: previousfertilizers },\n { label: t('All'), options: allFertilizers },\n ]);\n setPrevAndAllFertilizersBasicList([...previousfertilizers, ...allFertilizers]);\n\n let list = [\n { label: t('FarmFertilizers'), options: farmAndOwn },\n { label: t('Manures'), options: manureFertilizers },\n ];\n if (limeFertilizers.length) {\n list.push({ label: t('Limes'), options: limeFertilizers });\n }\n setManureAndFarmFertilizers(list);\n setManureAndFarmFertilizersBasicList([...farmAndOwn, ...manureFertilizers, ...limeFertilizers]);\n\n setButtonWriteShow(sessionResult);\n });\n\n if (selectedPlot && selectedPlot.current && selectedPlot.current.area) {\n validateFertilizerArea(selectedPlot.current.area);\n setFertilizerArea(selectedPlot.current.area);\n }\n\n }, []);\n\n useEffect(() => {\n // Set fertilizerGroup based on selected fertilizer\n if (manureAndFarmFertilizers && prevAndAllFertilizers) {\n if (manureAndFarmFertilizers.some(a => {\n return a.options.some(fert => fert.value === selectedFertilizer.value)\n }))\n {\n setFertilizerGroup('1');\n }\n else if (prevAndAllFertilizers.some(a => {\n return a.options.some(fert => fert.value === selectedFertilizer.value)\n }))\n {\n setFertilizerGroup('2');\n }\n }\n }, [manureAndFarmFertilizers, prevAndAllFertilizers]);\n\n const responseHandler = (data) => {\n if (!data) {\n setSelectedFertilizer(0);\n setAmount(0);\n setDate(dayjs(Date.now()).format());\n setFertilizerGroup('1');\n return;\n }\n setSelectedFertilizer({ value: data.product });\n setAmount(data.amount);\n\n if (data.area) {\n validateFertilizerArea(data.area);\n setFertilizerArea(data.area);\n setAmountArea(data.amount * data.area);\n }\n else if (data.amount && selectedPlot && selectedPlot.current && selectedPlot.current.area) \n setAmountArea(data.amount * selectedPlot.current.area);\n\n if (data.unitText)\n setUnit(data.unitText || 'kg');\n\n if (data.date) {\n setDate(dayjs(data.date).format());\n }\n\n if (data.pesticideId)\n setTankMixtureText(true);\n }\n\n useEffect(() => {\n if (props.selectEvent.selectedPlots) { // If multiple chosen plots\n setShowFertilizerArea(false);\n setMultiSelect(true);\n setTotalArea(props.selectEvent.selectedPlots.reduce((total, currentItem) => total = total + currentItem.area, 0));\n }\n else {\n setShowFertilizerArea(true);\n }\n\n if (props.selectEvent.selectedElement) { // Editing\n setValidation(true);\n responseHandler(props.selectEvent.selectedElement);\n }\n else { // Adding new\n responseHandler({\n product: 0,\n amount: 0,\n disseminationDate: dayjs().format()\n });\n }\n }, [props.selectEvent]);\n\n const deleteFertilizing = () => {\n setSaveInProgress(true);\n postContentWithAction(auth.getAccessToken(), 'fertilize', 'delete', { fertilizingId: props.selectEvent.selectedElement.fertilizingId, plotId: getSelectedPlot().apNumber }, () => {\n props.setRefresh(Date.now());\n props.onHide();\n setSaveInProgress(false);\n }).catch(e => {\n alert.show(t('SavedFailed'), { type: 'error' });\n setSaveInProgress(false);\n });\n }\n\n const saveFertilizing = () => {\n var newFertilizings = [];\n\n //validate\n if (!amount) return;\n if (!selectedFertilizer || !selectedFertilizer.value) return;\n setSaveInProgress(true);\n\n if (multiSelect) {\n props.selectEvent.selectedPlots.forEach((plot) => {\n newFertilizings.push({\n plotId: plot.apNumber,\n amount: round(amount),\n product: selectedFertilizer.value,\n productName: selectedFertilizer.label,\n date: date,\n fertilizingId: 0,\n unitType: 0,\n area: plot.area\n });\n });\n\n postContentWithAction(auth.getAccessToken(), 'fertilize', 'new', {\n models: newFertilizings\n }, (data) => {\n props.setRefresh(Date.now());\n alert.show(t('SavedSuccesfully'), { type: 'success' });\n setSaveInProgress(false);\n }).catch(e => {\n alert.show(t('SavedFailed'), { type: 'error' });\n setSaveInProgress(false);\n });\n }\n else {\n if (!props.selectEvent.selectedElement) {\n newFertilizings.push({\n plotId: getSelectedPlot().apNumber,\n amount: round(amount),\n product: selectedFertilizer.value,\n productName: selectedFertilizer.label,\n date: date,\n fertilizingId: 0,\n unitType: 0,\n area: fertilizerArea > selectedPlot.current.area ? selectedPlot.current.area : fertilizerArea\n });\n\n postContentWithAction(auth.getAccessToken(), 'fertilize', 'new', {\n models: newFertilizings\n }, (data) => {\n props.setRefresh(Date.now());\n alert.show(t('SavedSuccesfully'), { type: 'success' });\n setSaveInProgress(false);\n }).catch(e => {\n alert.show(t('SavedFailed'), { type: 'error' });\n setSaveInProgress(false);\n });\n }\n else {\n var unitti = null;\n unitti = manureAndFarmFertilizersBasicList.find(fert => fert.value === selectedFertilizer.value);\n if (!unitti)\n unitti = prevAndAllFertilizersBasicList.some(fert => fert.value === selectedFertilizer.value);\n\n var updateFertilizes = [];\n updateFertilizes.push({\n plotId: getSelectedPlot().apNumber,\n number: props.selectEvent.selectedElement.number,\n amount: round(amount),\n product: selectedFertilizer.value,\n productName: selectedFertilizer.label,\n date: date,\n fertilizingId: props.selectEvent.selectedElement.fertilizingId,\n unitType: unitti && unitti.unit ? unitti.unit : 13,\n plannedDate: props.selectEvent.selectedElement.plannedDate,\n area: fertilizerArea > selectedPlot.current.area ? selectedPlot.current.area : fertilizerArea\n });\n\n putContentWithAction(auth.getAccessToken(), 'fertilize', 'update', { models: updateFertilizes }).then((data) => {\n props.setRefresh(Date.now());\n alert.show(t('SavedSuccesfully'), { type: 'success' });\n setSaveInProgress(false);\n }).catch(e => {\n alert.show(t('SavedFailed'), { type: 'error' });\n setSaveInProgress(false);\n });\n }\n }\n props.onHide();\n }\n\n let selectChanged = (data) => {\n setSelectedFertilizer(data);\n\n if (data.unitText)\n setUnit(data.unitText || 'kg');\n }\n\n const validateFertilizerArea = (value) => {\n if (value === 0 || value > selectedPlot.current.area) {\n setValidFertilizerArea(false);\n }\n else {\n setValidFertilizerArea(true);\n }\n }\n\n const checkSaveDisabled = () => {\n if (multiSelect) {\n return false;\n }\n\n return validFertilizerArea ? false : true;\n }\n\n return (\n <>\n \n \n {t('Fertiliser')} \n \n \n \n \n \n {props.selectEvent.selectedElement && buttonWriteShow === true ?\n \n : ''}\n\n \n\n {buttonWriteShow === true ?\n \n : ''}\n \n \n setCalendarShow(false)}\n onChange={setDate}\n selecteddate={date}\n />\n \n );\n}\n\nexport default FertilizeModal;","import React, { useState, useEffect, useContext, useRef } from 'react';\nimport Modal from 'react-bootstrap/Modal'\nimport Select from 'react-select';\nimport Form from 'react-bootstrap/Form';\nimport Button from 'react-bootstrap/Button';\nimport Accordion from 'react-bootstrap/Accordion';\nimport NumberFormat from 'react-number-format';\nimport AppContext from '../../AppContext';\nimport { useTranslation } from 'react-i18next';\nimport * as dayjs from 'dayjs'\nimport { getSelectedPlot, formatGroupLabel, customStyles } from '../../common';\nimport CalendarModal from './CalendarModal';\nimport { useAlert } from 'react-alert'\nimport { getContentWithAction, postContentWithAction, putContentWithAction } from '../../apiConnect';\nimport { dayJsFormatDate, round, valueMax } from '../../commonFunctions';\n\nimport '../../css/general.css'\nimport '../../css/plotOperation.css'\n\nconst PlotModificationModal = (props) => {\n const { t } = useTranslation();\n const { auth } = useContext(AppContext);\n\n const [validate, setValidation] = useState(false);\n const [calendarShow, setCalendarShow] = useState(false);\n const [plotModifications, setPlotModifications] = useState([]);\n const [selectedPlotModification, setSelectedPlotModification] = useState(null);\n const [depth, setDepth] = useState(0);\n const [modificationCount, setModificationCount] = useState(0);\n const [tillingId, setTillingId] = useState(0);\n const [date, setDate] = useState(dayjs().format());\n const [multiSelect, setMultiSelect] = useState(false);\n const [unitText, setUnitText] = useState('');\n const [unit, setUnit] = useState(0);\n const [showDepth, setShowDepth] = useState(true);\n const [buttonWriteShow, setButtonWriteShow] = useState(false); // allowed save btn disabled\n const [cultivatedArea, setCultivatedArea] = useState(0);\n const [validCultivatedArea, setValidCultivatedArea] = useState(false);\n\n const textt = (t('ChooseModifications'));\n\n let selectedPlot = useRef(getSelectedPlot());\n const areaUnit = 'ha';\n\n const allowIdsWithUnit = useRef([21, 22, 42, 51]);\n const alert = useAlert();\n\n\n useEffect(() => {\n getContentWithAction(auth.getAccessToken(), 'resource', 'plotModificationOptions', {}).then((data) => {\n formatModificationGroups(data);\n\n if (props.selectEvent.selectedPlots) { // If multiple chosen plots, no responseHandler needed\n setMultiSelect(true);\n }\n else {\n if (props.selectEvent.selectedElement) {\n responseHandler(props.selectEvent.selectedElement);\n setValidation(true);\n }\n else {\n responseHandler({\n way: 0,\n count: 1,\n depth: 0,\n actionDate: dayjs().format()\n });\n setValidation(true);\n }\n }\n });\n\n getContentWithAction(auth.getAccessToken(), 'session', 'storeAllowed', {}).then((result) => {\n setButtonWriteShow(result);\n });\n\n }, [props.selectEvent]);\n\n const formatModificationGroups = (data) => {\n var previousList = data.filter(item => item.farmUsed === 1).map(x => ({ ...x }));\n\n setPlotModifications([\n { label: t('Previously_Used'), options: previousList },\n { label: t('All'), options: data }\n ]);\n };\n\n const responseHandler = (data) => {\n setSelectedPlotModification({ label: data.description ? data.description : undefined, value: data.way });\n setModificationCount(data.count);\n setDepth(data.depth);\n\n if (data.cultivatedArea) {\n validateCultivatedArea(data.cultivatedArea);\n setCultivatedArea(data.cultivatedArea);\n }\n else {\n validateCultivatedArea(selectedPlot.current.area);\n setCultivatedArea(selectedPlot.current.area);\n }\n\n if (data.unitText)\n setUnitText(data.unitText || 'kg');\n\n if (data.unitNumber)\n setUnit(data.unitNumber);\n\n if (!allowIdsWithUnit.current.find(a => a === data.unitNumber)) {\n setDepth(0);\n setShowDepth(false);\n }\n\n setTillingId(data.number);\n\n if (data.actionDate) {\n setDate(dayjs(data.actionDate).format());\n }\n }\n\n const deletePlotModification = () => {\n var modification = {\n number: props.selectEvent.selectedElement.number,\n plotId: getSelectedPlot().apNumber\n };\n postContentWithAction(auth.getAccessToken(), 'plotModification', 'delete', modification, () => {\n props.onHide();\n props.setRefresh(Date.now());\n });\n }\n\n const saveTilling = () => {\n // validate\n if (!selectedPlotModification || !selectedPlotModification.value) return;\n\n var newModifications = [];\n\n if (multiSelect) {\n props.selectEvent.selectedPlots.forEach((plot) => {\n newModifications.push({\n plotId: plot.apNumber,\n depth: depth,\n count: modificationCount,\n way: selectedPlotModification.value,\n actionDate: date,\n cultivatedArea: plot.area\n });\n });\n\n postContentWithAction(auth.getAccessToken(), 'plotModification', 'new', {\n models: newModifications\n }, () => {\n props.setRefresh(Date.now());\n alert.show(t('SavedSuccesfully'), { type: 'success' });\n }).catch(e => {\n alert.show(t('SavedFailed'), { type: 'error' });\n });\n }\n else {\n if (!props.selectEvent.selectedElement) {\n newModifications.push({\n plotId: getSelectedPlot().apNumber,\n depth: depth,\n count: modificationCount,\n way: selectedPlotModification.value,\n actionDate: date,\n cultivatedArea: cultivatedArea\n });\n\n postContentWithAction(auth.getAccessToken(), 'plotModification', 'new', {\n models: newModifications\n }, () => {\n props.setRefresh(Date.now());\n alert.show(t('SavedSuccesfully'), { type: 'success' });\n }).catch(e => {\n alert.show(t('SavedFailed'), { type: 'error' });\n });\n }\n else {\n putContentWithAction(auth.getAccessToken(), 'plotModification', 'update', {\n plotId: getSelectedPlot().apNumber,\n depth: depth,\n count: modificationCount,\n way: selectedPlotModification.value,\n actionDate: date,\n number: tillingId,\n cultivatedArea: cultivatedArea\n }).then(() => {\n props.setRefresh(Date.now());\n alert.show(t('SavedSuccesfully'), { type: 'success' });\n }).catch(e => {\n alert.show(t('SavedFailed'), { type: 'error' });\n });\n }\n }\n props.onHide();\n }\n\n let selectChanged = (data) => {\n setSelectedPlotModification(data);\n if (data.unitText)\n setUnitText(data.unitText || 'kg');\n\n if (data.unitNumber)\n setUnit(data.unitNumber);\n\n if (!allowIdsWithUnit.current.find(a => a === data.unitNumber)) {\n setDepth(0);\n setShowDepth(false);\n }\n else {\n setDepth(1);\n setShowDepth(true);\n }\n }\n\n let depthValueValidator = (data) => {\n if (data < 1)\n setDepth(parseInt(0))\n else if (data > 99)\n setDepth(parseInt(99))\n else\n setDepth(parseInt(data))\n }\n let setValueValidator = (data) => {\n if (data < 1)\n setModificationCount(0)\n else if (data > 9)\n setModificationCount(parseInt(9))\n else\n setModificationCount(parseInt(data))\n }\n\n const validateCultivatedArea = (value) => {\n if (value === 0 || value > selectedPlot.current.area) {\n setValidCultivatedArea(false);\n }\n else {\n setValidCultivatedArea(true);\n }\n }\n\n const checkSaveDisabled = () => {\n //validate\n if (!selectedPlotModification || !selectedPlotModification.value) return true;\n\n if (multiSelect) {\n return false;\n }\n\n return validCultivatedArea ? false : true;\n }\n\n return (\n <>\n \n \n {t('Tilling')} \n \n \n \n \n \n {props.selectEvent.selectedElement && buttonWriteShow === true ?\n : ''}\n\n \n\n {buttonWriteShow === true ?\n \n : ''}\n \n \n setCalendarShow(false)}\n onChange={setDate}\n selecteddate={date}\n />\n \n );\n}\n\nexport default PlotModificationModal;","export const noInput = {\n backgroundColor: 'transparent',\n display: 'inline',\n width: '35%',\n fontWeight: 'bold',\n border: 'none'\n}\n\n","import React, { useState, useContext, useEffect } from 'react';\nimport Modal from 'react-bootstrap/Modal';\nimport Form from 'react-bootstrap/Form';\nimport { useTranslation } from 'react-i18next';\nimport Button from 'react-bootstrap/Button';\nimport '../../css/general.css'\nimport AppContext from '../../AppContext';\nimport { postContentWithAction } from '../../apiConnect';\nimport NumberFormat from 'react-number-format';\nimport Spinner from 'react-bootstrap/Spinner';\n\nconst SiloModal = (props) => {\n const { t } = useTranslation();\n const { auth } = useContext(AppContext);\n const [silo, setSilo] = useState(props.defaultName ? props.defaultName : '');\n const [capacity, setCapacity] = useState(0);\n const [volume, setVolume] = useState(0);\n const [saveInProgress, setSaveInProgress] = useState(false);\n const [existingStorages, setExistingStorages] = useState([]);\n const [invalidName, setInvalidName] = useState(false);\n\n useEffect(() => {\n setExistingStorages(props.existingStorages);\n }, [props.existingStorages]);\n\n const checkSiloName = (name) => {\n var exists = false;\n for (var i = 0; i < existingStorages.length; i++) {\n if (existingStorages[i].name.toLowerCase() === name.toLowerCase()) {\n exists = true;\n break;\n }\n }\n if (exists) setInvalidName(true);\n else setInvalidName(false);\n setSilo(name);\n }\n\n return (\n \n \n {t('AddNewStorage')} \n \n \n \n \n \n {props.buttonWriteShow === true ?\n \n : ''}\n \n \n );\n}\n\nexport default SiloModal;","import React, { useState, useEffect, useContext, useRef } from 'react';\nimport Modal from 'react-bootstrap/Modal'\nimport Select from 'react-select';\nimport Form from 'react-bootstrap/Form';\nimport Button from 'react-bootstrap/Button';\nimport NumberFormat from 'react-number-format';\nimport Accordion from 'react-bootstrap/Accordion';\nimport { useTranslation } from 'react-i18next';\nimport * as dayjs from 'dayjs'\nimport Spinner from 'react-bootstrap/Spinner';\nimport ButtonGroup from 'react-bootstrap/ButtonGroup';\nimport { ToggleButton } from 'react-bootstrap';\nimport { noInput } from '../ComponentStyles/InputStyles.js'\nimport { useAlert } from 'react-alert'\nimport { valueMax, valueMaxArea, valueMaxDryMaterialPercentage, dayJsFormatDate, round } from '../../commonFunctions';\nimport AppContext from '../../AppContext';\n\nimport '../../css/general.css'\nimport '../../css/plotOperation.css'\n\nimport CalendarModal from './CalendarModal';\nimport SiloModal from './SiloModal';\nimport { getContentWithAction, postContentWithAction, putContentWithAction } from '../../apiConnect';\nimport { getSelectedPlot, formatGroupLabel } from '../../common';\nimport * as harvestConstants from '../../Constants/HarvestConstants.js';\n\nconst HarvestModal = (props) => {\n const { t } = useTranslation();\n const { auth } = useContext(AppContext);\n\n const [pageIsLoading, setPageIsLoading] = useState(true);\n const [calendarShow, setCalendarShow] = useState(false);\n const [siloShow, setSiloShow] = useState(false);\n\n const [products, setProducts] = useState([]);\n const [productsIsLoading, setProductsIsLoading] = useState(true);\n const [selectedProduct, setSelectedProduct] = useState(0);\n const [storages, setStorages] = useState([]);\n const [drawStorages, setDrawStorages] = useState([]);\n\n const [storagesIsLoading, setStoragesIsLoading] = useState(true);\n const [selectedStorage, setSelectedStorage] = useState(0);\n const [harvestArea, setHarvestArea] = useState(0);\n const [amount, setAmount] = useState(0);\n const [amountArea, setAmountArea] = useState(0);\n const [totalArea, setTotalArea] = useState(0);\n const [date, setDate] = useState(dayjs().format());\n const [selectedHarvestUnitInputType, setSelectedHarvestUnitInputType] = useState(1);\n const [selectedHarvestUnit, setSelectedHarvestUnit] = useState('1');\n const [dryMateriaContent, setDryMateriaContent] = useState(0);\n const [unitPcs, setUnitPcs] = useState(0);\n const [freshContent, setFreshContent] = useState(0);\n const [trailerVolume, setTrailerVolume] = useState(0);\n const [volumeWeight, setVolumeWeight] = useState(0);\n const [validHarvestArea, setValidHarvestArea] = useState(false);\n\n const [dryMateriaPerHa, setDryMateriaPerHa] = useState(0);\n const [multiSelect, setMultiSelect] = useState(false);\n const [unit, setUnit] = useState('kg');\n const [validate, setValidation] = useState(false);\n const [buttonWriteShow, setButtonWriteShow] = useState(false); // allowed save btn disabled\n const [saveInProgress, setSaveInProgress] = useState(false);\n\n const textt = (t('ChooseStorage'));\n const textt2 = (t('ChooseProduct'));\n\n const alert = useAlert();\n let selectedPlot = useRef(getSelectedPlot());\n\n const harvestUnitsInputType = [\n { name: t('UnitKg'), value: 1 },\n { name: t('UnitKgDM'), value: 2 }\n ]\n\n const harvestUnitsGroup = [\n { name: t('UnitHarvestingSmallBale'), value: harvestConstants.SMALL_BALE_UNIT },\n { name: t('UnitHarvestingRoundBale'), value: harvestConstants.ROUND_BALE_UNIT },\n { name: t('UnitHarvestingCubicBale'), value: harvestConstants.CUBIC_BALE_UNIT },\n { name: t('UnitHarvestingWagon'), value: harvestConstants.WAGON_UNIT }\n ]\n\n useEffect(() => {\n !productsIsLoading && !storagesIsLoading ? setPageIsLoading(false) : setPageIsLoading(true);\n }, [productsIsLoading, storagesIsLoading])\n\n useEffect(() => {\n formatFields();\n let plantId = 0;\n setProductsIsLoading(true);\n setStoragesIsLoading(true);\n\n if (props.selectEvent.selectedPlots) { // If multiple chosen plots\n setMultiSelect(true);\n\n setTotalArea(props.selectEvent.selectedPlots.reduce((total, currentItem) => total = total + currentItem.area, 0));\n plantId = props.selectEvent.selectedPlots[0].plantId;\n\n }\n else {\n plantId = getSelectedPlot().plantId\n }\n\n Promise.all([\n getContentWithAction(auth.getAccessToken(), 'resource', 'products', { plantId: plantId }),\n getContentWithAction(auth.getAccessToken(), 'harvest', 'harvestSuggestions', {}),\n getContentWithAction(auth.getAccessToken(), 'resource', 'storages', {}),\n // session\n getContentWithAction(auth.getAccessToken(), 'session', 'storeAllowed', {})\n ]).then(([products, harvestSuggestions, storages, sessionResult]) => {\n\n formatProductGroups(harvestSuggestions, products);\n\n\n /* setProducts(products);*/\n setProductsIsLoading(false);\n\n setStorages(storages);\n setDrawStorages(storages);\n setStoragesIsLoading(false);\n\n if (props.selectEvent.selectedElement) // Editing\n {\n setValidation(true);\n responseHandler(props.selectEvent.selectedElement, products, storages);\n }\n else {\n var plot = getSelectedPlot();\n if (plot?.area) {\n validateHarvestArea(plot.area);\n setHarvestArea(plot.area);\n } else {\n setHarvestArea(0);\n }\n }\n\n setButtonWriteShow(sessionResult);\n });\n\n }, [props.selectEvent]);\n\n const responseHandler = (data, plantProducts, storagesResource) => {\n if (!data || data.memo) {\n return;\n }\n\n //product \n plantProducts ? setSelectedProduct(plantProducts.find(p => p.product === data.product)) : setSelectedProduct(data);\n //silo \n setDrawStorages(storagesResource.filter(s => Number(s.product) === Number(data.product)));\n setSelectedStorage(storagesResource && data.storageId ? storagesResource.find(s => s.value === data.storageId) : data.storageId);\n\n if (!data.loadAmount && data.amount && data.unitNumber === harvestConstants.DRY_CONTENT_UNIT_TYPE) {\n setSelectedHarvestUnitInputType(2);\n }\n\n\n if (!data.suggestion) {\n setUnitPcs(data.loadAmount);\n setAmount(data.amount);\n if (data.area) {\n validateHarvestArea(data.area);\n setHarvestArea(data.area);\n }\n }\n if (!data.area) {\n var plot = getSelectedPlot();\n if (plot?.area) {\n validateHarvestArea(plot.area);\n setHarvestArea(plot.area);\n } else {\n setHarvestArea(0);\n }\n }\n\n setFreshContent(data.baleWeight);\n\n setDryMateriaContent(data.dryMateriaContent);\n setSelectedHarvestUnit(data.harvestedUnit);\n\n if (data.harvestedUnit === harvestConstants.WAGON_UNIT) {\n setTrailerVolume(data.volume);\n\n if (data.unitNumber === harvestConstants.DRY_CONTENT_UNIT_TYPE)\n setVolumeWeight(data.volumeWeight);\n }\n\n if (data.beginDate && props.selectEvent.selectedElement) {\n setDate(dayjs(data.beginDate).format());\n }\n else {\n setDate(dayjs(Date.now()).format());\n }\n\n if (data.unitText)\n setUnit(data.unitText || 'kg');\n }\n\n const formatProductGroups = (harvestSuggestions, products) => {\n\n let unique = [];\n\n harvestSuggestions = harvestSuggestions.filter(p => {\n var match = products.find(a => a.product === p.product);\n if (match) {\n p.value = match.value;\n p.label = match.label;\n p.unitText = match.unitText;\n p.explanation = match.explanation;\n p.suggestion = true;\n return true;\n }\n\n return false;\n });\n\n\n harvestSuggestions.sort((a, b) => {\n\n if (a.product === b.product) {\n if (a.farmYear > b.farmYear) {\n return -1;\n }\n if (a.farmYear < b.farmYear) {\n return 1;\n }\n if (a.farmYear === b.farmYear) {\n if (dayjs(a.modificationDate).isAfter(dayjs(b.modificationDate))) {\n return -1;\n }\n if (dayjs(b.modificationDate).isAfter(dayjs(a.modificationDate))) {\n return 1;\n }\n if (dayjs(a.modificationDate).isSame(dayjs(b.modificationDate))) {\n return -1;\n }\n }\n }\n else {\n if (a.product > b.product) {\n return 1;\n }\n if (a.product < b.product) {\n return -1;\n }\n\n }\n return 0;\n });\n\n\n for (let i = 0; i < harvestSuggestions.length; i++) { // nested for loop\n for (let j = 0; j < harvestSuggestions.length; j++) {\n if (harvestSuggestions[i].harvestId !== harvestSuggestions[j].harvestId) {\n if (harvestSuggestions[i].product === harvestSuggestions[j].product) {\n if (harvestSuggestions[i].farmYear > harvestSuggestions[j].farmYear) {\n if (!unique.some((e) => e.product === harvestSuggestions[i].product)) {\n unique.push(harvestSuggestions[i]);\n }\n continue;\n }\n if (harvestSuggestions[i].farmYear < harvestSuggestions[j].farmYear) {\n if (!unique.some((e) => e.product === harvestSuggestions[i].product)) {\n unique.push(harvestSuggestions[i]);\n }\n continue;\n }\n if (harvestSuggestions[i].farmYear === harvestSuggestions[j].farmYear) {\n if (dayjs(harvestSuggestions[i].modificationDate).isAfter(dayjs(harvestSuggestions[j].modificationDate))) {\n if (!unique.some((e) => e.product === harvestSuggestions[i].product)) {\n unique.push(harvestSuggestions[i]);\n }\n continue;\n }\n if (dayjs(harvestSuggestions[j].modificationDate).isAfter(dayjs(harvestSuggestions[i].modificationDate))) {\n if (!unique.some((e) => e.product === harvestSuggestions[i].product)) {\n unique.push(harvestSuggestions[j]);\n }\n continue;\n }\n if (dayjs(harvestSuggestions[i].modificationDate).isSame(dayjs(harvestSuggestions[j].modificationDate))) {\n if (!unique.some((e) => e.product === harvestSuggestions[i].product)) {\n unique.push(harvestSuggestions[i]);\n }\n continue;\n }\n }\n continue;\n }\n if (!unique.some((e) => e.product === harvestSuggestions[i].product)) {\n unique.push(harvestSuggestions[i]);\n }\n if (!unique.some((e) => e.product === harvestSuggestions[j].product)) {\n unique.push(harvestSuggestions[j]);\n }\n }\n }\n }\n\n setProducts([\n { label: t('Previously_Used'), options: unique },\n { label: t('All'), options: products },\n ]);\n };\n\n const formatFields = () => {\n setAmount(0);\n setSelectedStorage(0);\n setSelectedProduct(0);\n setDate(dayjs(Date.now()).format());\n setSelectedHarvestUnit(harvestConstants.SMALL_BALE_UNIT);\n }\n\n const deleteHarvest = () => {\n setSaveInProgress(true);\n postContentWithAction(auth.getAccessToken(), 'harvest', 'delete', {\n harvestId: props.selectEvent.selectedElement.harvestId, plotId: getSelectedPlot().apNumber\n }, () => {\n props.setRefresh(Date.now());\n props.onHide();\n alert.show(t('SavedSuccesfully'), { type: 'success' });\n setSaveInProgress(false);\n }).catch(e => {\n alert.show(t('SavedFailed'), { type: 'error' });\n setSaveInProgress(false);\n });\n }\n\n const compareArea = (a, b) => {\n if (a.plotArea < b.plotArea)\n return 1;\n if (a.plotArea > b.plotArea)\n return -1;\n return 0;\n }\n\n const checkMultipleAndCalculateLoadAmounts = (loadNumber) => {\n // left to share with plots (everyone gets one)\n var loadPerPlot = loadNumber - props.selectEvent.selectedPlots.length;\n\n var newPlotArray = [];\n props.selectEvent.selectedPlots.forEach((plot) => {\n newPlotArray.push({\n plotArea: plot.area,\n plotId: plot.apNumber,\n loadAmount: 0,\n amount: 0\n });\n });\n\n newPlotArray.sort(compareArea);\n var selectedArea = newPlotArray.reduce((total, plot) => plot.plotArea + total, 0);\n\n // share first loads\n var addInStart = true;\n newPlotArray.forEach((plot, index) => {\n if (loadNumber <= index) addInStart = false;\n\n plot.loadAmount = addInStart ? 1 : 0\n });\n\n // share loads which left over \n newPlotArray.forEach(plot => {\n var plotloads = 0;\n if (loadPerPlot > 0) {\n plotloads =\n Math.floor((plot.plotArea / selectedArea) *\n loadPerPlot); // area divided totalarea * perplotloads --> floor takes integer part\n }\n plot.loadAmount += plotloads;\n\n });\n\n // extras, add to first one\n var attachedLoads = newPlotArray.reduce((total, plot) => plot.loadAmount + total, 0); // attached loads\n if (newPlotArray.length && attachedLoads && loadNumber > 0) {\n newPlotArray[0].loadAmount += loadNumber - attachedLoads;\n }\n\n newPlotArray.forEach(plot => {\n\n //calculate new amount for plot\n let totalValue = calculateAmountFromLoadValues(plot);\n\n var newValue = totalValue\n ? Math.round((Number(totalValue)) * 100) / 100\n : 0;\n\n plot.amount = newValue;\n });\n\n return newPlotArray;\n }\n\n const calculateAmountFromLoadValues = (plot) => {\n return (selectedHarvestUnit === harvestConstants.WAGON_UNIT) ?\n ((plot.loadAmount * trailerVolume * volumeWeight) / plot.plotArea) * (dryMateriaContent / 100)\n : ((plot.loadAmount * freshContent) / plot.plotArea) * (dryMateriaContent / 100)\n }\n\n const saveHarvest = () => {\n let loadAmount = 0, baleWeight = 0, volume = 0, vWeight = 0, harvestedUnit = 0;\n let newAmount = amount;\n\n if (selectedProduct && ((selectedProduct.unitType && selectedProduct.unitType === harvestConstants.DRY_CONTENT_UNIT_TYPE) ||\n (selectedProduct.unitNumber && selectedProduct.unitNumber === harvestConstants.DRY_CONTENT_UNIT_TYPE)) && selectedHarvestUnitInputType === 1) {\n loadAmount = unitPcs;\n\n if (selectedHarvestUnit === harvestConstants.WAGON_UNIT) {\n volume = trailerVolume;\n vWeight = volumeWeight;\n\n //validate\n if (!dryMateriaContent || !vWeight || !trailerVolume || !unitPcs)\n return;\n }\n else {\n baleWeight = freshContent;\n\n //validate\n if (!dryMateriaContent || !freshContent || !unitPcs)\n return;\n }\n\n harvestedUnit = Number(selectedHarvestUnit);\n newAmount = dryMateriaPerHa;\n }\n\n //validate\n if (!newAmount) return;\n if ((!multiSelect && !harvestArea) || (multiSelect && !totalArea)) return;\n\n if (!selectedProduct || !selectedProduct.product) return;\n\n if (!selectedStorage || !selectedStorage.id) return;\n\n var newHarvests = [];\n\n setSaveInProgress(true);\n if (multiSelect) {\n\n let balesArr = undefined;\n if (selectedProduct && ((selectedProduct.unitType && selectedProduct.unitType === harvestConstants.DRY_CONTENT_UNIT_TYPE) ||\n (selectedProduct.unitNumber && selectedProduct.unitNumber === harvestConstants.DRY_CONTENT_UNIT_TYPE))) {\n\n if (loadAmount >= props.selectEvent.selectedPlots.length) {\n balesArr = checkMultipleAndCalculateLoadAmounts(unitPcs);\n }\n }\n\n props.selectEvent.selectedPlots.forEach((plot) => {\n\n //if balesArr != null -> loadAmount and newAmount can be changed\n if (balesArr && balesArr.length) {\n let baleinfo = balesArr.find(b => b.plotId === plot.apNumber);\n if (!baleinfo || !baleinfo.amount) return;\n\n newAmount = baleinfo.amount;\n loadAmount = baleinfo.loadAmount;\n }\n\n newHarvests.push({\n plotId: plot.apNumber,\n product: selectedProduct.product,\n area: plot.area,\n amount: newAmount,\n beginDate: date,\n plannedDate: null,\n storageId: selectedStorage && selectedStorage.id ? selectedStorage.id : Number(selectedStorage) > 0 ? Number(selectedStorage) : 0,\n dryMateriaContent: dryMateriaContent,\n harvestedUnit: Number(harvestedUnit),\n hectoliterWeight: 0,\n volume: volume,\n volumeWeight: vWeight,\n loadAmount: loadAmount,\n baleWeight: baleWeight\n });\n });\n\n postContentWithAction(auth.getAccessToken(), 'harvest', 'new', {\n models: newHarvests\n }, () => {\n props.onHide();\n props.setRefresh(Date.now());\n alert.show(t('SavedSuccesfully'), { type: 'success' });\n setSaveInProgress(false);\n }).catch(e => {\n alert.show(t('SavedFailed'), { type: 'error' });\n setSaveInProgress(false);\n });\n }\n\n else {\n if (!props.selectEvent.selectedElement) {\n newHarvests.push({\n plotId: getSelectedPlot().apNumber,\n product: selectedProduct.product,\n area: harvestArea,\n amount: newAmount,\n beginDate: date,\n plannedDate: null,\n storageId: selectedStorage && selectedStorage.id ? selectedStorage.id : Number(selectedStorage) > 0 ? Number(selectedStorage) : 0,\n dryMateriaContent: dryMateriaContent,\n harvestedUnit: Number(harvestedUnit),\n hectoliterWeight: 0,\n volume: volume,\n volumeWeight: vWeight,\n loadAmount: loadAmount,\n baleWeight: baleWeight\n });\n\n postContentWithAction(auth.getAccessToken(), 'harvest', 'new', {\n models: newHarvests\n }, () => {\n props.onHide();\n props.setRefresh(Date.now());\n alert.show(t('SavedSuccesfully'), { type: 'success' });\n setSaveInProgress(false);\n }).catch(e => {\n alert.show(t('SavedFailed'), { type: 'error' });\n setSaveInProgress(false);\n });\n }\n else {\n putContentWithAction(auth.getAccessToken(), 'harvest', 'update', {\n harvestId: props.selectEvent.selectedElement.harvestId,\n plotId: getSelectedPlot().apNumber,\n product: selectedProduct.product,\n area: harvestArea,\n amount: newAmount,\n beginDate: date,\n plannedDate: null,\n storageId: selectedStorage && selectedStorage.id ? selectedStorage.id : Number(selectedStorage) > 0 ? Number(selectedStorage) : 0,\n dryMateriaContent: dryMateriaContent,\n harvestedUnit: Number(harvestedUnit),\n hectoliterWeight: 0,\n volume: volume,\n volumeWeight: vWeight,\n loadAmount: loadAmount,\n baleWeight: baleWeight\n }).then(() => {\n props.onHide();\n props.setRefresh(Date.now());\n alert.show(t('SavedSuccesfully'), { type: 'success' });\n setSaveInProgress(false);\n }).catch(e => {\n alert.show(t('SavedFailed'), { type: 'error' });\n setSaveInProgress(false);\n });\n }\n }\n }\n\n const validateHarvestArea = (value) => {\n if (value === 0 || value > selectedPlot.current.area) {\n setValidHarvestArea(false);\n }\n else {\n setValidHarvestArea(true);\n }\n }\n\n const checkSaveDisabled = () => {\n if (multiSelect) {\n return false;\n }\n\n return validHarvestArea ? false : true;\n }\n\n return (\n <>\n \n \n {t('Yield')} \n \n \n {pageIsLoading ? \n \n {props.selectEvent.selectedElement && buttonWriteShow === true ?\n \n : ''}\n\n \n\n {buttonWriteShow === true ?\n \n : ''}\n \n \n setCalendarShow(false)}\n onChange={setDate}\n selecteddate={date}\n />\n\n {siloShow ?\n setSiloShow(false)}\n selectedProduct={selectedProduct.product}\n defaultName={selectedProduct.explanation}\n buttonWriteShow={buttonWriteShow}\n existingStorages={storages}\n saveSilo={(selectedValu) => {\n\n setStoragesIsLoading(true);\n\n getContentWithAction(auth.getAccessToken(), 'resource', 'storages', {}).then((storages) => {\n setStorages(storages ? storages : []);\n setDrawStorages(storages ? storages.filter(s => Number(s.product) === Number(selectedProduct.product)) : []);\n setSelectedStorage(storages && selectedValu ?\n storages.find(s => Number(s.value) === Number(selectedValu)) : []\n );\n\n alert.show(t('SavedSuccesfully'), { type: 'success' });\n setStoragesIsLoading(false);\n }).catch(e => {\n alert.show(t('SavedFailed'), { type: 'error' });\n });\n }}\n />\n : ''}\n\n\n \n );\n}\n\nexport default HarvestModal;","export const SMALL_BALE_UNIT = 80;\nexport const ROUND_BALE_UNIT = 81;\nexport const CUBIC_BALE_UNIT = 82;\nexport const WAGON_UNIT = 83;\n\nexport const DRY_CONTENT_UNIT_TYPE = 15;","import React, { useState, useEffect, useContext, useRef } from 'react';\nimport Modal from 'react-bootstrap/Modal'\nimport Select from 'react-select';\nimport Form from 'react-bootstrap/Form';\nimport Button from 'react-bootstrap/Button';\nimport Spinner from 'react-bootstrap/Spinner';\nimport { Col, Row } from \"react-bootstrap\";\nimport NumberFormat from 'react-number-format';\nimport Accordion from 'react-bootstrap/Accordion';\nimport { useTranslation } from 'react-i18next';\nimport * as dayjs from 'dayjs'\nimport CalendarModal from './CalendarModal';\nimport { getContentWithActionAndPlantId, getContentWithAction, postContentWithAction, postContentWithAction_, getContentWithActionAndLanguage } from '../../apiConnect';\nimport { getSelectedPlot, formatGroupLabel, customStyles, getSelectedLang } from '../../common';\nimport { deleteRowStyle, deleteGrowthStage } from '../ComponentStyles/ButtonStyles';\nimport { ICONS } from '../../img/icons'\nimport Icon from '../../img/Icon'\nimport { useAlert } from 'react-alert'\nimport { valueMax, valueMaxObservation, dayJsFormatDate, round } from '../../commonFunctions';\nimport AppContext from '../../AppContext';\nimport MapModal from './MapModal';\nimport { featuresReader, retrieveWgsCoordinates } from '../../Map/commonMapFunctions';\nimport * as GardenPlants from '../../Constants/GardenPlantsConstants.js';\n\nimport '../../css/general.css'\nimport '../../css/plotOperation.css'\n\nconst PlantProtectionModal = (props) => {\n const { t } = useTranslation();\n const { auth } = useContext(AppContext);\n\n const [calendarShow, setCalendarShow] = useState(false);\n const [mapShow, setMapShow] = useState(false);\n\n\n const [observes, setObserves] = useState([]);\n const [fertilizers, setFertilizers] = useState([]);\n const [growthStages, setGrowthStages] = useState([]);\n const [pesticides, setPesticides] = useState([]);\n const [observationMeasures, setObservationMeasures] = useState([]);\n\n const [growthInfo, setGrowthInfo] = useState(0);\n const [newSelectedGrowthInfo, setNewSelectedGrowthInfo] = useState(0);\n const [growthInfoSelected, setGrowthInfoSelected] = useState(0);\n const [observationRows, setObservationRows] = useState([]);\n const [pesticideRows, setPesticideRows] = useState([]);\n const [fertilizerRows, setFertilizerRows] = useState([]);\n\n const [selectedGrowthStage, setSelectedGrowthStage] = useState(null);\n const [pesticideArea, setPesticideArea] = useState(0);\n const [date, setDate] = useState(dayjs().format());\n const [updatePlantProtections, setUpdatePP] = useState(0);\n const [multiSelect, setMultiSelect] = useState(false);\n const [validate, setValidation] = useState(false);\n const [visibility, setVisibility] = useState(false);\n\n const [disableGrowthStage, setDisableGrowthStage] = useState(true);\n const [gardenPlant, setGardenPlant] = useState(false);\n const [disableSaveButton, setDisableSaveButton] = useState(true);\n\n //EXTRA INFO FIELDS\n const [startTime, setStartTime] = useState(null);\n const [temperature, setTemperature] = useState(null);\n const [waterLha, setWaterLha] = useState(null);\n const [wind, setWind] = useState(null);\n const textt = (t('Select'));\n const windDirectionList = [\n { label: t('North'), value: 1 },\n { label: t('NorthEast'), value: 2 },\n { label: t('East'), value: 3 },\n { label: t('SouthEast'), value: 4 },\n { label: t('South'), value: 5 },\n { label: t('SouthWest'), value: 6 },\n { label: t('West'), value: 7 },\n { label: t('NorthWest'), value: 8 }];\n const [windDirection, setWindDirection] = useState(null);\n const [safeDistanceWind, setSafeDistanceWind] = useState(null);\n const [safeDistanceWindTarget, setSafeDistanceWindTarget] = useState(null);\n const [safeDistanceSoil, setSafeDistanceSoil] = useState(null);\n const [safeDistanceSoilTarget, setSafeDistanceSoilTarget] = useState(null);\n const [sprayBoom, setSprayBoom] = useState(null);\n const [serviceLocation, setServiceLocation] = useState(null);\n const [maker, setMaker] = useState(null);\n\n const [mapModalParameters, setMapModalParameters] = useState(null);\n const [coordinates, setCoordinates] = useState(null);\n const [coordinatesLoading, setCoordinatesLoading] = useState(false);\n const [buttonWriteShow, setButtonWriteShow] = useState(false); // allowed save btn disabled\n const [saveInProgress, setSaveInProgress] = useState(false);\n\n let selectedPlot = useRef(getSelectedPlot());\n const alert = useAlert();\n let plantId = undefined;\n let plotId = undefined;\n let plotArea = undefined;\n\n const OBSERVATION_AMOUNT_DISABLED = [7, 14, 15, 16, 17];\n\n const OBSERVATION_AMOUNT_LITTLE = {\n value: 15,\n mode: 15,\n label: t('AmountLittle')\n };\n\n const OBSERVATION_AMOUNT_MODERATE = {\n value: 16,\n mode: 16,\n label: t('AmountModerate')\n };\n\n const OBSERVATION_AMOUNT_ALOT = {\n value: 17,\n mode: 17,\n label: t('AmountAlot')\n };\n\n if (selectedPlot?.current) {\n plotId = selectedPlot.current?.apNumber ? selectedPlot.current.apNumber : 0;\n plotArea = selectedPlot.current?.area ? selectedPlot.current.area : 0;\n }\n else if (props.selectEvent?.selectedPlots) {\n plantId = props.selectEvent?.selectedPlots[0]?.plantId;\n plotId = 0;\n plotArea = 0;\n }\n if (props.mapEvent?.plotData) {\n plantId = props.mapEvent.plotData.plantId;\n plotId = props.mapEvent.plotData.apNumber;\n plotArea = props.mapEvent.plotData.area;\n }\n\n useEffect(() => {\n Promise.all([\n //ALL FERTILIZERS\n getContentWithAction(auth.getAccessToken(), 'resource', 'fertilizers', {}),\n //PREVIOUS FERTILIZERS\n getContentWithAction(auth.getAccessToken(), 'resource', 'previousfertilizers', {}),\n //OBSERVATIONS\n getContentWithAction(auth.getAccessToken(), 'resource', 'observe', {}),\n //PREVIOUS OBSERVATIONS\n getContentWithAction(auth.getAccessToken(), 'resource', 'previousObserves', {}),\n //GROWTH STAGES \n !plantId ? getContentWithActionAndPlantId(auth.getAccessToken(), 'resource', 'growthStage', {})\n : getContentWithAction(auth.getAccessToken(), 'resource', 'growthStage', { plantId: plantId }),\n //PESTICIDES\n getContentWithAction(auth.getAccessToken(), 'resource', 'pesticides', {}),\n //OBSERVATION MEASURES\n getContentWithActionAndLanguage(auth.getAccessToken(), 'resource', 'observationMeasure', {}),\n // session\n getContentWithAction(auth.getAccessToken(), 'session', 'storeAllowed', {})\n ]).then(([allFertilizers, previousfertilizers, observations, previousObservations, growthStages, pesticides, observationMeasures, sessionResult]) => {\n\n // pest fertilizer, only specials.\n allFertilizers = allFertilizers.filter(m => {\n if (m.particleSpecial > 0) return m;\n });\n previousfertilizers = previousfertilizers.filter(p => {\n if (allFertilizers.some(a => a.product === p.product)) return true;\n\n return false;\n });\n\n setFertilizers(handleArraySorting(previousfertilizers, allFertilizers));\n if (growthStages)\n setGrowthStages(growthStages.map(p => (\n !p.value.includes('T') && Number(p.value).toString().length < 4 ? { ...p, label: p.label.substring(p.label.indexOf(\"-\") + 1).trim(), type: 'selectableHeader' } : p)));\n\n setObserves(handleArraySorting(previousObservations, observations));\n\n //PESTICIDES filtering for correct default scrolling position in dropdown list\n var prevPesticides = pesticides.filter(p => p.farmUsed === 1).map(v => {\n const { farmUsed, ...newObject } = v;\n return newObject;\n });\n var allPesticides = pesticides.map(p => {\n const { farmUsed, ...newObject } = p;\n return newObject;\n\n });\n //\n setPesticides(handleArraySorting(prevPesticides, allPesticides));\n if (observationMeasures)\n setObservationMeasures(handleObservationUnitSorting(observationMeasures));\n //observationMeasures.push(OBSERVATION_AMOUNT_LITTLE, OBSERVATION_AMOUNT_MODERATE, OBSERVATION_AMOUNT_ALOT);\n\n setButtonWriteShow(sessionResult);\n });\n }, []);\n\n useEffect(() => {\n formatFields();\n plantTypeDetector();\n\n if (props.mapEvent && props.mapEvent.plotData) {\n setCoordinates(props.mapEvent.coordinates);\n if (!props.mapEvent.new) {\n postContentWithAction(auth.getAccessToken(), 'plotOperation', 'getPlantProtectionOperations', { models: [{ plotId: props.mapEvent.plotData.apNumber }], lang: getSelectedLang() }, (protections) => {\n if (protections.length > 0) {\n let filteredObservationItem = protections.find(x => x.observations.some(v => v.featureGeometryId === props.mapEvent.geometryID));\n responseHandler(filteredObservationItem);\n if (filteredObservationItem.observations.length > 0) {\n setVisibility(filteredObservationItem.observations[0].visibility);\n\n }\n }\n }).catch((c) => { });\n }\n else\n responseHandler(null);\n\n // Add this to prevent a bug where modal closes when clicking a map feature\n // this happens because click happens an extra time and calls props.onHide\n // TODO: Fix the bug later?\n setTimeout(() => { props.allowHide() }, 250);\n }\n\n if (props.selectEvent) { \n props.selectEvent.selectedElement\n ? responseHandler(props.selectEvent.selectedElement)\n : responseHandler(null);\n if (!props.selectEvent.selectedElement) return;\n\n let obs = props.selectEvent.selectedElement.observations;\n if (obs && obs.length && obs[0].featureGeometryId) {\n\n getContentWithAction(auth.getAccessToken(), 'map', 'mapFeatureWithId', { id: obs[0].featureGeometryId })\n .then((data) => {\n var features = featuresReader(data);\n // find just in case, should be only one element\n const observationFeature = features.find(f => f.getProperties().FeatureGeometryId === obs[0].featureGeometryId);\n if (observationFeature) {\n var coordinates = observationFeature.getProperties().geometry.flatCoordinates;\n const wgscoord = retrieveWgsCoordinates(coordinates);\n /*setCoordinates({ longitude: coordinates[0], latitude: coordinates[1], wgs: wgscoord });*/\n setCoordinates({ longitude: obs[0].longitude, latitude: obs[0].latitude, wgs: wgscoord });\n setVisibility(observationFeature.getProperties().Visibility);\n }\n setCoordinatesLoading(false);\n });\n\n }\n else\n setCoordinatesLoading(false);\n }\n }, [props.selectEvent, props.mapEvent]);\n\n useEffect(() => {\n /* Update function if needed? */\n }, [updatePlantProtections]);\n\n useEffect(() => {\n if (growthStages && growthStages.length) {\n setDisableGrowthStage(false);\n let found = growthStages.find(v => v.value === selectedGrowthStage);\n if (found) {\n setGrowthInfoSelected(found);\n }\n else {\n setGrowthInfoSelected({ label: (t('SelectGrowthStage')), value: null })\n }\n }\n }, [growthStages, selectedGrowthStage]);\n\n\n const handleArraySorting = (previousList, allList) => {\n const completeList = [\n { label: t('Previously_Used'), options: previousList },\n { label: t('All'), options: allList }\n ];\n return completeList;\n };\n\n const handleObservationUnitSorting = (observationUnits) => {\n const sortedList = [...observationUnits];\n sortedList.unshift(OBSERVATION_AMOUNT_LITTLE, OBSERVATION_AMOUNT_MODERATE, OBSERVATION_AMOUNT_ALOT);\n //sortedList.some((item, i, arr) => item.value == 14 && arr.unshift(item));\n sortedList.some((item, idx) =>\n item.value === 14 &&\n sortedList.unshift(\n // remove the found item, in-place (by index with splice), \n // returns an array of a single item removed\n sortedList.splice(idx, 1)[0]\n )\n )\n //sortedList.unshift(sortedList.pop());\n return sortedList;\n };\n\n const responseHandler = (data) => {\n if (!data) {\n setMultiSelect(props.selectEvent?.selectedPlots ? true : false); \n\n setGrowthInfo(formatGrowthInfo());\n\n setPesticideArea(props.selectEvent?.selectedPlots ? props.selectEvent.selectedPlots.reduce((total, currentItem) => total = total + currentItem.area, 0) : plotArea ? plotArea : 0);\n\n // Add one empty row for inputs\n addEmptyObservation(plotId ? plotId : 0);\n if (props.selectEvent) {\n addEmptyPesticide();\n } \n\n return;\n }\n // Only observation data\n if (!data.growthInformation.date && data.growthInformation.area === 0) {\n setGrowthInfo(formatGrowthInfo());\n setPesticideArea(props.selectEvent?.selectedPlots ? props.selectEvent.selectedPlots.reduce((total, currentItem) => total = total + currentItem.area, 0) : plotArea ? plotArea : 0);\n setObservationRows(ArrayCopier(data.observations));\n if (props.selectEvent) {\n addEmptyPesticide();\n } \n return;\n }\n\n if (data.observations.length === 0)\n addEmptyObservation(multiSelect ? 0 : plotId);\n else {\n setObservationRows(ArrayCopier(data.observations));\n }\n\n if (data.pesticides.length === 0)\n addEmptyPesticide();\n else {\n setPesticideRows(ArrayCopier(data.pesticides));\n }\n\n setFertilizerRows(ArrayCopier(data.fertilizings));\n\n setGrowthInfo(data.growthInformation);\n setSelectedGrowthStage(data.growthInformation.growthStage);\n\n if (data.growthInformation.date)\n setDate(data.growthInformation.date);\n\n if (data.growthInformation) {\n ///EXTRA FIELDS\n\n if (data.growthInformation.waterArea)\n setWaterLha(data.growthInformation.waterArea);\n if (data.growthInformation.windDirection)\n setWindDirection(windDirectionList.find(item => item.value === data.growthInformation.windDirection));\n if (data.growthInformation.wind)\n setWind(data.growthInformation.wind);\n if (data.growthInformation.startHour)\n setStartTime(data.growthInformation.startHour);\n if (data.growthInformation.temperature)\n setTemperature(data.growthInformation.temperature);\n if (data.growthInformation.safeDistanceSoil)\n setSafeDistanceSoil(data.growthInformation.safeDistanceSoil);\n if (data.growthInformation.safeDistanceSoilTarget)\n setSafeDistanceSoilTarget(data.growthInformation.safeDistanceSoilTarget);\n if (data.growthInformation.safeDistanceWind)\n setSafeDistanceWind(data.growthInformation.safeDistanceWind);\n if (data.growthInformation.safeDistanceWindTarget)\n setSafeDistanceWindTarget(data.growthInformation.safeDistanceWindTarget);\n if (data.growthInformation.sprayBoom)\n setSprayBoom(data.growthInformation.sprayBoom);\n if (data.growthInformation.maker)\n setMaker(data.growthInformation.maker);\n if (data.growthInformation.serviceLocation)\n setServiceLocation(data.growthInformation.serviceLocation);\n }\n let sprayArea = data.growthInformation ? data.growthInformation.area : plotArea;\n setPesticideArea(sprayArea);\n }\n\n const formatFields = () => {\n setGrowthInfo(0);\n setNewSelectedGrowthInfo(0);\n setObservationRows([]);\n setPesticideRows([]);\n setFertilizerRows([]);\n setPesticideArea(0);\n setSelectedGrowthStage(null);\n setCoordinates(null);\n }\n\n const formatGrowthInfo = () => {\n\n let newGrowthInfo = {\n saveSpray: true,\n visibilityChanged: false,\n pesticideId: 0,\n plotId: props.selectEvent?.selectedPlots ? 0 : plotId,\n area: props.selectEvent?.selectedPlots ? 0 : plotArea,\n waterArea: 0,\n growthStage: '',\n date: dayjs(date).format(\"YYYY-MM-DD\"),\n plannedDate: '',\n windDirection: 0,\n wind: 0,\n startHour: 0,\n temperature: 0,\n safeDistanceSoil: 0,\n safeDistanceSoilTarget: '',\n safeDistanceWind: 0,\n safeDistanceWindTarget: '',\n sprayBoom: '',\n maker: '',\n growthStageName: '',\n serviceLocation: ''\n };\n return newGrowthInfo;\n }\n\n\n const plantTypeDetector = () => {\n if (selectedPlot?.current?.plantId) {\n if (GardenPlants.gardenPlantTypes.includes(selectedPlot.current.plantId.toString().substring(0, 2))) {\n setGardenPlant(true);\n }\n }\n if (props?.selectEvent?.selectedPlots) {\n if (GardenPlants.gardenPlantTypes.includes(props.selectEvent.selectedPlots[0].plantId.toString().substring(0, 2))) {\n setGardenPlant(true);\n }\n }\n if (props?.mapEvent?.plotData?.plantId) {\n if (GardenPlants.gardenPlantTypes.includes(props.mapEvent.plotData.plantId.toString().substring(0, 2))) {\n setGardenPlant(true);\n }\n }\n }\n\n // Required for the information not to be passed to props without saving\n const ArrayCopier = (array) => {\n let newArray = [];\n array.forEach(v => { // Copy values to the new array\n let copyData = { ...v };\n newArray.push(copyData);\n });\n return newArray;\n }\n\n const updateArrayValue = (index, value, array) => {\n let newArray = [];\n array.forEach(v => { // Copy values to the new array\n let copyData = { ...v };\n newArray.push(copyData);\n });\n newArray[index] = value;\n return newArray;\n }\n\n const updateGrowthInfoDate = (value) => {\n var updatedGrowthInfo = { ...growthInfo }\n setDate(value);\n updatedGrowthInfo.date = value;\n updatedGrowthInfo.saveSpray = true;\n setGrowthInfo(updatedGrowthInfo);\n\n var updatedGrowthInfo2 = { ...newSelectedGrowthInfo }\n updatedGrowthInfo2.date = value;\n setNewSelectedGrowthInfo(updatedGrowthInfo2);\n setDisableSaveButton(false);\n\n // update also fertilizer date\n if (fertilizerRows) {\n fertilizerRows.forEach(f => {\n f.date = value\n });\n }\n }\n\n const removeGrowthStage = () => {\n\n //Remove pesticide row from DB altogether if growthstage is only element left\n if ((!pesticideRows.length || (pesticideRows.length && pesticideRows[0].hasOwnProperty(\"insert\"))) && (!fertilizerRows.length || (fertilizerRows.length && fertilizerRows[0].hasOwnProperty(\"insert\"))) && (!observationRows.length || (observationRows.length && observationRows[0].hasOwnProperty(\"insert\")))) {\n\n var operations = [];\n var deleteOperation = {\n pesticideId: growthInfo.pesticideId,\n plotId: growthInfo.plotId\n };\n operations.push(deleteOperation);\n\n postContentWithAction_(auth.getAccessToken(), 'plotOperation', 'deletePlantProtectionOperations',\n { models: operations }).then(() => {\n if (props.selectEvent) {\n setGrowthInfoSelected({ label: (t('SelectGrowthStage')), value: null });\n setGrowthInfo(formatGrowthInfo());\n setDisableSaveButton(true);\n props.setRefresh(Date.now());\n }\n if (props.mapEvent) {\n props.deleteObservation();\n }\n alert.show(t('SavedSuccesfully'), { type: 'success' });\n }).catch(e => {\n alert.show(t('SavedFailed'), { type: 'error' });\n });;\n }\n else {\n var updatedGrowthInfo = { ...growthInfo };\n var growths = [];\n // Delete previously saved growthstage to DB\n if (newSelectedGrowthInfo === 0) {\n updatedGrowthInfo.growthStage = '';\n updatedGrowthInfo.growthStageName = '';\n growths.push(updatedGrowthInfo);\n postContentWithAction_(auth.getAccessToken(), 'plotOperation', 'deleteGrowthStage',\n { models: growths }).then(() => {\n setGrowthInfoSelected({ label: (t('SelectGrowthStage')), value: null });\n setGrowthInfo(updatedGrowthInfo);\n if (props.selectEvent) {\n props.setRefresh(Date.now());\n }\n });\n }\n else {\n // Delete previously saved growthstage to DB with new one selected\n if (updatedGrowthInfo.growthStage) {\n updatedGrowthInfo.growthStage = '';\n updatedGrowthInfo.growthStageName = '';\n growths.push(updatedGrowthInfo);\n postContentWithAction_(auth.getAccessToken(), 'plotOperation', 'deleteGrowthStage',\n { models: growths }).then(() => {\n setGrowthInfoSelected({ label: (t('SelectGrowthStage')), value: null });\n setGrowthInfo(updatedGrowthInfo);\n if (props.selectEvent) {\n props.setRefresh(Date.now());\n }\n });\n }\n // Empty recently selected growthstage, but not saved to DB \n setGrowthInfoSelected({ label: (t('SelectGrowthStage')), value: null });\n setNewSelectedGrowthInfo(0);\n }\n }\n\n }\n\n\n const removePesticide = (pest, index) => {\n //Remove pesticide row from DB altogether if pesticide is only element left\n if (index === 0 && (!growthInfo.growthStage && !growthInfo.growthStageName) && (!fertilizerRows.length || (fertilizerRows.length && fertilizerRows[0].hasOwnProperty(\"insert\"))) && (!observationRows.length || (observationRows.length && observationRows[0].hasOwnProperty(\"insert\")))) {\n\n var operations = [];\n var deleteOperation = {\n pesticideId: growthInfo.pesticideId,\n plotId: growthInfo.plotId\n };\n operations.push(deleteOperation);\n\n postContentWithAction_(auth.getAccessToken(), 'plotOperation', 'deletePlantProtectionOperations',\n { models: operations }).then(() => {\n if (props.selectEvent) {\n clearPesticideRow(pest, index);\n setGrowthInfo(formatGrowthInfo());\n setDisableSaveButton(true);\n props.setRefresh(Date.now());\n }\n if (props.mapEvent) {\n props.deleteObservation();\n }\n alert.show(t('SavedSuccesfully'), { type: 'success' });\n }).catch(e => {\n alert.show(t('SavedFailed'), { type: 'error' });\n });;\n }\n else {\n var pests = [];\n pests.push(pest);\n postContentWithAction(auth.getAccessToken(), 'plotOperation', 'deletePlantProtectionPesticide', { models: pests }, () => {\n clearPesticideRow(pest, index);\n props.setRefresh(Date.now());\n });\n }\n }\n\n const removeFertilizer = (fert, index) => {\n //Remove pesticide row from DB altogether if fertilizer is only element left\n if (index === 0 && (!growthInfo.growthStage && !growthInfo.growthStageName) && (!pesticideRows.length || (pesticideRows.length && pesticideRows[0].hasOwnProperty(\"insert\"))) && (!observationRows.length || (observationRows.length && observationRows[0].hasOwnProperty(\"insert\")))) {\n\n var operations = [];\n var deleteOperation = {\n pesticideId: growthInfo.pesticideId,\n plotId: growthInfo.plotId\n };\n operations.push(deleteOperation);\n\n postContentWithAction_(auth.getAccessToken(), 'plotOperation', 'deletePlantProtectionOperations',\n { models: operations }).then(() => {\n if (props.selectEvent) {\n clearFertilizerRow(fert, index);\n setGrowthInfo(formatGrowthInfo());\n setDisableSaveButton(true);\n props.setRefresh(Date.now());\n }\n if (props.mapEvent) {\n props.deleteObservation();\n }\n alert.show(t('SavedSuccesfully'), { type: 'success' });\n }).catch(e => {\n alert.show(t('SavedFailed'), { type: 'error' });\n });;\n }\n else {\n var ferts = [];\n ferts.push(fert);\n postContentWithAction(auth.getAccessToken(), 'plotOperation', 'deletePlantProtectionFertilizing', { models: ferts }, () => {\n clearFertilizerRow(fert, index);\n props.setRefresh(Date.now());\n });\n }\n }\n\n const removeObservation = (obs, index) => {\n //Remove pesticide row from DB altogether if observation is only element left\n if (index === 0 && (!growthInfo.growthStage && !growthInfo.growthStageName) && (!pesticideRows.length || (pesticideRows.length && pesticideRows[0].hasOwnProperty(\"insert\"))) && (!fertilizerRows.length || (fertilizerRows.length && fertilizerRows[0].hasOwnProperty(\"insert\")))) {\n\n var operations = [];\n var deleteOperation = {\n pesticideId: growthInfo.pesticideId,\n plotId: growthInfo.plotId\n };\n operations.push(deleteOperation);\n\n postContentWithAction_(auth.getAccessToken(), 'plotOperation', 'deletePlantProtectionOperations',\n { models: operations }).then(() => {\n if (props.selectEvent) {\n clearObservationRow(obs, index);\n clearCoordinates();\n setGrowthInfo(formatGrowthInfo());\n setDisableSaveButton(true);\n props.setRefresh(Date.now());\n }\n if (props.mapEvent) {\n props.deleteObservation();\n }\n alert.show(t('SavedSuccesfully'), { type: 'success' });\n }).catch(e => {\n alert.show(t('SavedFailed'), { type: 'error' });\n });;\n }\n else {\n postContentWithAction(auth.getAccessToken(), 'plotOperation', 'deleteObservation', obs, () => {\n clearObservationRow(obs, index);\n clearCoordinates();\n props.setRefresh(Date.now());\n });\n }\n }\n\n const removeCoordinates = () => {\n const dataModel = {\n models: observationRows\n };\n postContentWithAction(auth.getAccessToken(), 'plotOperation', 'deleteCoordinates', dataModel, () => {\n clearCoordinates();\n props.setRefresh(Date.now());\n });\n }\n\n const clearFertilizerRow = (fert, index) => {\n let newFertRows = [...fertilizerRows];\n newFertRows.splice(index, 1);\n setFertilizerRows(newFertRows);\n if (index === 0 && (!growthInfo.growthStage && !growthInfo.growthStageName && !newSelectedGrowthInfo.growthStage && !newSelectedGrowthInfo.growthStageName) && !pesticideRows.length && !observationRows.length) {\n setDisableSaveButton(true);\n }\n }\n\n const clearPesticideRow = (pest, index) => {\n let newPestRows = [...pesticideRows];\n newPestRows.splice(index, 1);\n setPesticideRows(newPestRows);\n if (index === 0 && (!growthInfo.growthStage && !growthInfo.growthStageName && !newSelectedGrowthInfo.growthStage && !newSelectedGrowthInfo.growthStageName) && !fertilizerRows.length && !observationRows.length) {\n setDisableSaveButton(true);\n }\n }\n\n const clearObservationRow = (obs, index) => {\n let newSelectedObs = [...observationRows];\n newSelectedObs.splice(index, 1);\n setObservationRows(newSelectedObs);\n if (index === 0 && (!growthInfo.growthStage && !growthInfo.growthStageName && !newSelectedGrowthInfo.growthStage && !newSelectedGrowthInfo.growthStageName) && !pesticideRows.length && !fertilizerRows.length) {\n setDisableSaveButton(true);\n }\n }\n\n const clearCoordinates = () => {\n setCoordinates(null);\n }\n\n const addEmptyObservation = (plotNumber) => {\n let selectedObs = [...observationRows];\n let newObservation = {\n observationId: -1,\n plotId: plotNumber,\n mode: 0,\n product: '',\n insert: true,\n density: 0,\n date: dayjs(Date.now()).format(\"YYYY-MM-DD\"),\n plannedDate: '',\n pesticideId: pesticideRows[0] ? pesticideRows[0].pesticideId : 0,\n productName: ''\n };\n\n selectedObs.push(newObservation);\n\n setObservationRows(selectedObs); \n }\n\n const addEmptyPesticide = () => {\n let latestElement = pesticideRows[pesticideRows.length - 1];\n let selectedPests = [...pesticideRows];\n let newPesticide = {\n pesticideId: latestElement ? latestElement.pesticideId : 0,\n product: '',\n insert: true,\n amount: 0,\n unitType: latestElement ? latestElement.unitType : 0,\n area: pesticideArea,\n withdrawal: latestElement ? latestElement.withdrawal : 0,\n productName: ''\n };\n\n selectedPests.push(newPesticide);\n\n setPesticideRows(selectedPests); \n }\n\n const addEmptyFertilizer = () => {\n let latestElement = fertilizerRows[fertilizerRows.length - 1];\n let selectedFerts = [...fertilizerRows];\n let newFertilizer = {\n amount: 0,\n area: pesticideArea,\n date: dayjs(Date.now()).format(\"YYYY-MM-DD\"),\n description: '',\n product: '',\n insert: true,\n fertilizingId: undefined,\n pesticideId: latestElement ? latestElement.pesticideId : 0,\n plannedDate: latestElement ? latestElement.plannedDate : '',\n plotId: props.selectEvent?.selectedPlots ? 0 : plotId,\n productName: '',\n unitType: latestElement ? latestElement.unitType : 0\n };\n\n selectedFerts.push(newFertilizer);\n\n setFertilizerRows(selectedFerts); \n }\n\n const validateOperation = () => {\n //validate\n let valid = true;\n pesticideRows.forEach(o => {\n if (!o.amount || !o.product) valid = false;\n });\n fertilizerRows.forEach(o => {\n if (!o.amount || !o.product) valid = false;\n });\n observationRows.forEach(o => { \n if (!o.product) {\n valid = false;\n }\n if (o.product && !o.density && o.mode !== 7 && o.mode !== 14 && o.mode !== 15 && o.mode !== 16 && o.mode !== 17) {\n valid = false;\n }\n\n });\n\n if (!pesticideRows.length && !fertilizerRows.length && !observationRows.length && !growthInfo.growthStage) valid = false;\n\n if (!pesticideRows.length && !fertilizerRows.length && !observationRows.length) {\n\n valid = false;\n alert.show(t('ErrorOnlyGrowthstage'), { type: 'info', style: \"alternative\", timeout: 0 });\n }\n\n if (selectedPlot.current) {\n if (selectedPlot.current.area < pesticideArea) valid = false;\n }\n\n return valid;\n }\n\n const updateObservationCoordinates = (coord) => {\n observationRows.forEach(row => {\n row.longitude = coord.longitude;\n row.latitude = coord.latitude;\n row.updated = true;\n });\n setDisableSaveButton(false);\n }\n\n const saveMultiSelectPlantProtection = () => {\n if (!validateOperation()) return;\n\n // Filtering inserts\n let filteredFertRows = fertilizerRows.filter(row => row.insert);\n let filteredPestRows = pesticideRows.filter(row => row.insert);\n let filteredObsRows = observationRows.filter(row => row.insert);\n let operations = [];\n\n props.selectEvent.selectedPlots.forEach(plot => {\n var newFertRows = [];\n var newPestRows = [];\n var newObsRows = [];\n\n // Deep copying rows (assigning doesn't work)\n filteredFertRows.forEach(row => {\n row.plotId = plot.apNumber;\n newFertRows.push({ ...row }); // Copy\n });\n filteredPestRows.forEach(row => {\n row.plotId = plot.apNumber;\n newPestRows.push({ ...row }); // Copy\n });\n filteredObsRows.forEach(row => {\n row.plotId = plot.apNumber;\n newObsRows.push({ ...row }); // Copy\n });\n\n var newGrowthInfo = growthInfoEnlargement(growthInfo, plot);\n\n let updateOperations = {\n pesticideId: newGrowthInfo.pesticideId,\n growthInformation: newGrowthInfo,\n fertilizings: [],\n pesticides: [],\n observations: []\n }\n\n let insertOperations = {\n pesticideId: 0,\n growthInformation: newGrowthInfo,\n fertilizings: newFertRows,\n pesticides: newPestRows,\n observations: newObsRows\n };\n\n let protectionOperation = {\n growthInfo: newGrowthInfo,\n inserts: insertOperations,\n updates: updateOperations\n };\n\n let protectionSaveModel = {\n plotId: plot.apNumber,\n protectionOperations: [protectionOperation]\n };\n\n operations.push(protectionSaveModel);\n });\n\n postContentWithAction(auth.getAccessToken(), 'plotOperation', 'savePlantProtectionOperations',\n { models: operations }, () => {\n props.setRefresh(Date.now());\n alert.show(t('SavedSuccesfully'), { type: 'success' });\n }).catch(e => {\n alert.show(t('SavedFailed'), { type: 'error' });\n });\n props.onHide();\n }\n\n const savePlantProtection = () => {\n if (!validateOperation()) return;\n setSaveInProgress(true);\n\n let updatedFertRows = fertilizerRows.filter(row => row.updated && !row.insert);\n let updatedPestRows = pesticideRows.filter(row => row.updated && !row.insert);\n let updatedObsRows = observationRows.filter(row => row.updated && !row.insert);\n\n let newFertRows = fertilizerRows.filter(row => row.insert);\n let newPestRows = pesticideRows.filter(row => row.insert);\n let newObsRows = observationRows.filter(row => row.insert);\n /* let newObsRows = observationRows.filter(row => row.insert || (!row.insert && !row.updated && row.observationId > -1));*/\n\n var newGrowthInfo = growthInfoEnlargement(growthInfo);\n\n updatedObsRows.forEach(row => {\n if (coordinates) {\n row.longitude = coordinates.longitude;\n row.latitude = coordinates.latitude;\n }\n });\n\n newObsRows.forEach(row => {\n if (coordinates) {\n row.longitude = coordinates.longitude;\n row.latitude = coordinates.latitude;\n }\n });\n\n let updateOperations = {\n pesticideId: newGrowthInfo.pesticideId,\n growthInformation: null, // used only in get method\n fertilizings: updatedFertRows,\n pesticides: updatedPestRows,\n observations: updatedObsRows\n }\n\n let insertOperations = {\n pesticideId: newGrowthInfo.pesticideId,\n growthInformation: newGrowthInfo, // used only in get method\n fertilizings: newFertRows,\n pesticides: newPestRows,\n observations: newObsRows\n };\n\n let protectionOperation = {\n growthInfo: newGrowthInfo,\n inserts: insertOperations,\n updates: updateOperations\n };\n let protectionSaveModel = {\n plotId: plotId,\n protectionOperations: [protectionOperation]\n };\n let operations = [];\n operations.push(protectionSaveModel);\n\n postContentWithAction_(auth.getAccessToken(), 'plotOperation', 'savePlantProtectionOperations',\n { models: operations }).then((data) => {\n if (props.mapEvent) {\n props.saveObservation(data);\n }\n else {\n props.setRefresh(Date.now());\n }\n alert.show(t('SavedSuccesfully'), { type: 'success' });\n setSaveInProgress(false);\n }).catch(e => {\n alert.show(t('SavedFailed'), { type: 'error' });\n setSaveInProgress(false);\n });\n props.onHide();\n }\n\n const growthInfoEnlargement = (growthInfo, plot) => {\n if (growthInfo !== 0) {\n var newGrowthInfo = { ...growthInfo };\n\n if (newSelectedGrowthInfo !== 0) {\n newGrowthInfo.growthStage = newSelectedGrowthInfo.growthStage;\n newGrowthInfo.growthStageName = newSelectedGrowthInfo.growthStageName;\n newGrowthInfo.date = newSelectedGrowthInfo.date;\n newGrowthInfo.saveSpray = true;\n }\n\n if (multiSelect && plot !== undefined) {\n newGrowthInfo.area = plot.area;\n newGrowthInfo.plotId = plot.apNumber;\n }\n\n if (pesticideArea && !multiSelect)\n newGrowthInfo.area = pesticideArea;\n if (waterLha)\n newGrowthInfo.waterArea = waterLha;\n if (windDirection)\n newGrowthInfo.windDirection = windDirection.value;\n if (wind)\n newGrowthInfo.wind = wind;\n if (startTime)\n newGrowthInfo.startHour = startTime;\n if (temperature)\n newGrowthInfo.temperature = temperature;\n if (safeDistanceSoil)\n newGrowthInfo.safeDistanceSoil = safeDistanceSoil;\n if (safeDistanceSoilTarget)\n newGrowthInfo.safeDistanceSoilTarget = safeDistanceSoilTarget;\n if (safeDistanceWind)\n newGrowthInfo.safeDistanceWind = safeDistanceWind;\n if (safeDistanceWindTarget)\n newGrowthInfo.safeDistanceWindTarget = safeDistanceWindTarget;\n if (sprayBoom)\n newGrowthInfo.sprayBoom = sprayBoom;\n if (maker)\n newGrowthInfo.maker = maker;\n if (serviceLocation)\n newGrowthInfo.serviceLocation = serviceLocation;\n\n return newGrowthInfo;\n }\n }\n\n const setObservationsToUpdate = (visValue) => {\n // Set update to true for all observation rows\n observationRows.forEach((obs, i) => {\n let newValue = obs;\n newValue.updated = true;\n newValue.visibility = visValue;\n let updatedSelections = updateArrayValue(i, newValue, observationRows);\n setObservationRows(updatedSelections);\n });\n\n var updatedGrowthInfo = { ...growthInfo }\n updatedGrowthInfo.visibilityChanged = true;\n setGrowthInfo(updatedGrowthInfo);\n setDisableSaveButton(false);\n setUpdatePP(Date.now());\n }\n\n const growthUpdate = () => {\n if (growthInfo.pesticideId !== 0) {\n var update = growthInfo;\n update.saveSpray = true;\n setGrowthInfo(update); \n }\n setDisableSaveButton(false);\n };\n\n const updateFertilizingAreas = (area) => {\n fertilizerRows.forEach((f, i) => {\n let newRowData = fertilizerRows[i];\n newRowData.area = area;\n\n let updatedRows = updateArrayValue(i, newRowData, fertilizerRows);\n setFertilizerRows(updatedRows);\n });\n }\n\n const deletePlantProtection = () => {\n setSaveInProgress(true);\n var operations = [];\n var deleteOperation = {\n pesticideId: growthInfo.pesticideId,\n plotId: growthInfo.plotId\n };\n operations.push(deleteOperation);\n\n postContentWithAction_(auth.getAccessToken(), 'plotOperation', 'deletePlantProtectionOperations',\n { models: operations }).then(() => {\n if (props.selectEvent) {\n props.onHide();\n props.setRefresh(Date.now());\n }\n if (props.mapEvent) {\n props.deleteObservation();\n }\n alert.show(t('SavedSuccesfully'), { type: 'success' });\n setSaveInProgress(false);\n }).catch(e => {\n alert.show(t('SavedFailed'), { type: 'error' });\n setSaveInProgress(false);\n });;\n }\n\n const buttonTypeForGrowthStageDeletion = () => {\n if (newSelectedGrowthInfo && growthInfoSelected && (!growthInfoSelected.value || growthInfoSelected.value) && growthInfo.growthStage === \"\") {\n return 'X';\n }\n if (newSelectedGrowthInfo && growthInfoSelected && growthInfoSelected.value && growthInfo.growthStage !== \"\") {\n return \n \n {t('PlantProtection')} \n \n \n
\n {t('Forecast_HeatSum')}\n
\n {forecastIsLoading ?
\n \n \n {forecastIsLoading ?
\n {t('Forecast_RainSum')}\n
\n {forecastIsLoading ?
\n \n\n {/* --- D-Value --- */}\n { dValueIsLoading || getButtonDValue(DValueData) ? \n \n {forecastIsLoading ?
\n {t('DValue')}\n
\n {(dValueIsLoading) ?
\n \n : ''}\n\n {/* --- GrowthStage --- */}\n { growthStageIsLoading || barleyStageCard ? \n \n {(dValueIsLoading) ?
\n {t('Plant_Barley')}\n
\n {(growthStageIsLoading) ?
\n \n : ''}\n\n { growthStageIsLoading || wheatStageCard ?\n \n {(growthStageIsLoading) ?
\n
\n }\n \n
\n {barleyStageCard && barleyStageCard.growthStage != -1 ? barleyStageCard.growthStage : ''}
\n {barleyStageCard ? shortenText(getGrowthStageText (barleyStageCard.growthStage, t)) : ''}
\n {barleyStageCard && barleyStageCard.harvest ? dayJsFormatDate(barleyStageCard.harvest) : ''}
\n \n {t('Plant_Wheat')}\n
\n {(growthStageIsLoading) ? {\n setGrowthStageListModalShow(true);\n setGrowthStageListModalData(growthStageData.filter(d => d.plantId.startsWith(\"14\")));\n }}\n className=\"customButton\">\n
\n \n \n : ''}\n {/* --- END OF Forecasts */}\n\n {/* STORAGES & INVENTORY (WISUPRO) */} \n \n {(growthStageIsLoading) ?
\n
\n \n : ''}\n\n { growthStageIsLoading || oatStageCard ?\n \n
\n }\n {wheatStageCard && wheatStageCard.growthStage != -1 ? wheatStageCard.growthStage : ''}\n
\n {wheatStageCard ? shortenText(getGrowthStageText (wheatStageCard.growthStage, t)) : ''}
\n {wheatStageCard && wheatStageCard.harvest ? dayJsFormatDate (wheatStageCard.harvest) : ''}
\n \n {t('Plant_Oat')}\n
\n {(growthStageIsLoading) ?
\n \n {(growthStageIsLoading) ?
\n
\n \n : ''}\n\n \n
\n }\n {oatStageCard && oatStageCard.growthStage != -1 ? oatStageCard.growthStage : ''} \n
\n {oatStageCard ? shortenText(getGrowthStageText (oatStageCard.growthStage, t)) : ''}
\n {oatStageCard && oatStageCard.harvest ? dayJsFormatDate (oatStageCard.harvest) : ''}
\n \n
\n\n {(storageLoading) ? {t('Inventory_Storages')}
\n\n
\n : {t('Inventory_Activation_Message')}
}\n\n \n \n
\n \n : {t('WisuPro_Upgrade')}
}\n \n }\n \n
\n {(isLoadingMemos) ? {t('Notes')}
\n\n {(isLoadingMemos) ? '' :
\n \n {(isLoadingMemos) ? '' : }\n
\n \n
\n {(isLoadingSamples) ? {t('Fertility')}
\n\n
\n \n
\n \n {(isLoadingSamples || !sessionResult) ? '' :\n noSampleSets ?\n \n :\n \n }\n
\n {task.plotDesignator}
\n {task.taskName}
\n {task.products[0]}
\n \n )}\n {t('Fertiliser')}
\n {fertData.productDesignator}
\n {t('OnAverage') + ' ' + fertData.averageAmount + ' ' + fertData.unitDesignator}
\n \n {t('Seed')}
\n {sowData.productDesignator}
\n {t('OnAverage') + ' ' + sowData.averageAmount + ' ' + sowData.unitDesignator}
\n \n {t(taskTypeTextMapping[props.taskSpecificData.taskType])}
\n {props.taskSpecificData.products[0].productDesignator}
\n {t('OnAverage') + ' ' + props.taskSpecificData.products[0].averageAmount + ' ' + props.taskSpecificData.products[0].unitDesignator}
\n {t(taskTypeTextMapping[props.taskSpecificData.taskType])}
\n {props.taskSpecificData.products[0].productDesignator}
\n {t('OnAverage') + ' ' + props.taskSpecificData.products[0].averageAmount + ' ' + props.taskSpecificData.products[0].unitDesignator}
\n {t(taskTypeTextMapping[props.taskSpecificData.taskType])}
\n {props.taskSpecificData.products[0].productDesignator}
\n {t('OnAverage') + ' ' + props.taskSpecificData.products[0].averageAmount + ' ' + props.taskSpecificData.products[0].unitDesignator}
\n {taskSpecificData.taskType ?
\n \n \n\n \n {t('Name')}: \n {\n checkSiloName(e.currentTarget.value);\n }}\n placeholder='' />\n \n\n \n {t('Volume')}: \n {\n if (values.floatValue !== null) {\n setVolume(values.floatValue);\n }\n }}\n displayType={'input'}\n thousandSeparator={' '}\n suffix={' m3'}\n allowNegative={false}\n allowedDecimalSeparators={['.', ',']} />\n\n \n\n \n {t('Capacity')}: \n {\n if (values.floatValue !== null) {\n setCapacity(values.floatValue);\n }\n }}\n displayType={'input'}\n thousandSeparator={' '}\n suffix={' kg'}\n allowNegative={false}\n allowedDecimalSeparators={['.', ',']} />\n\n \n
\n