\r\n);\r\n\r\nexport default logo;\r\n","import React from 'react';\r\nimport Modal from 'react-modal';\r\nimport {useTranslation} from 'react-i18next';\r\nimport './AllModal.css';\r\nimport cross from '../../assets/images/times-solid.svg';\r\n\r\n/**\r\n * General modal can be used to create new modals or used as standard modal\r\n */\r\nModal.setAppElement('#root');\r\nconst generalModal = (props) => {\r\n // eslint-disable-next-line react-hooks/rules-of-hooks\r\n const {t} = useTranslation();\r\n return (\r\n
\r\n \r\n
\r\n {t(props.header)}\r\n \r\n
\r\n
\r\n {props.children}\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default generalModal;\r\n","import React from 'react';\r\nimport Modal from 'react-modal';\r\nimport '../AllModal.css';\r\nimport GeneralModal from '../GeneralModal';\r\n\r\nModal.setAppElement('#root');\r\nconst DetailsModal = ({header, isOpen, details, close}) => {\r\n return (\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n )\r\n };\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n account: state.login.account\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n onSavingRequirement: (productArea, languageCode, description, accountId, status) => dispatch(requirementAction.saveRequirement(productArea, languageCode, description, accountId, status)),\r\n onUpdatingRequirement: (id, languageCode, description, status) => dispatch(requirementAction.editRequirement(id, languageCode, description, status))\r\n }\r\n};\r\n\r\nconst NewRequirementModalWithRedux = connect(mapStateToProps, mapDispatchToProps)(NewRequirementModal);\r\nexport default withTranslation()(NewRequirementModalWithRedux);\r\n","import * as actionTypes from './actionTypes';\r\n\r\nexport function toggleRequirementInformationList(ids) {\r\n return (dispatch) => {\r\n dispatch(buildInformationListStart());\r\n try {\r\n let toggleInformation = [];\r\n if (ids !== undefined) {\r\n const filterUndefinedIds = ids.filter(id => id !== undefined);\r\n const filterEmptyIds = filterUndefinedIds.filter(id => id !== '');\r\n toggleInformation = filterEmptyIds.map(id => ({id: id, toggle: false}));\r\n }\r\n dispatch(buildInformationListSuccess(toggleInformation))\r\n } catch (error) {\r\n dispatch(buildInformationListFail(error))\r\n }\r\n };\r\n}\r\n\r\nfunction buildInformationListFail(error) {\r\n return {\r\n type: actionTypes.BUILD_TOGGLE_REQUIREMENT_INFORMATION_LIST_FAIL,\r\n error: error\r\n };\r\n}\r\n\r\nfunction buildInformationListSuccess(toggleInformation) {\r\n return {\r\n type: actionTypes.BUILD_TOGGLE_REQUIREMENT_INFORMATION_LIST_SUCCESS,\r\n toggleRequirementList: toggleInformation\r\n };\r\n}\r\n\r\nfunction buildInformationListStart() {\r\n return {\r\n type: actionTypes.BUILD_TOGGLE_REQUIREMENT_INFORMATION_LIST_START\r\n };\r\n}\r\n\r\nexport function toggleRequirement(requirementId) {\r\n return (dispatch) => {\r\n dispatch(toggle(requirementId))\r\n };\r\n}\r\n\r\nfunction toggle(requirementId) {\r\n return {\r\n type: actionTypes.TOGGLE_REQUIREMENT,\r\n requirementId: requirementId\r\n };\r\n}\r\n\r\nexport function toggleRequirements(toggleBoolean) {\r\n return (dispatch) => {\r\n dispatch(toggleAll(toggleBoolean))\r\n };\r\n}\r\n\r\nfunction toggleAll(toggleBoolean) {\r\n return {\r\n type: actionTypes.TOGGLE_REQUIREMENTS,\r\n toggleAllRequirementResponses: !toggleBoolean\r\n };\r\n}\r\n\r\nexport function clearToggleAllRequirement() {\r\n return {\r\n type: actionTypes.CLEAR_TOGGLE_ALL_REQUIREMENT\r\n };\r\n}\r\n","/*\r\nid can be number or string\r\ncopylist has data structure\r\n[\r\n {id: '3', toggle: false},\r\n {id: '5', toggle: false},\r\n {id: '6', toggle: false},\r\n {id: '7', toggle: false}\r\n]\r\n */\r\nexport function changeToggleInformationFor(id, copyList) {\r\n if (id === undefined || id === null || copyList === undefined || copyList === null) {\r\n throw new Error('Please insert values for function parameter and not undefined or null!');\r\n }\r\n let toggleInfo = copyList.find(toggle => id.toString() === toggle.id.toString());\r\n if (toggleInfo === undefined) {\r\n toggleInfo = {\r\n 'id': id,\r\n 'toggle': false\r\n }\r\n copyList.push(toggleInfo);\r\n return copyList;\r\n }\r\n toggleInfo.toggle = !toggleInfo.toggle;\r\n return copyList;\r\n}\r\n\r\n/*\r\nchange all toggle information\r\n* */\r\nexport function setToggleAll(copyList, toggleAll) {\r\n const filter = copyList.filter(toggle => toggle.toggle === toggleAll);\r\n return filter.length === 0;\r\n}\r\n\r\n/*filter undefined ids out of list and create a toggleInformationList*/\r\nexport function createToggleInformationList(ids) {\r\n let toggleInformation = [];\r\n if (ids !== undefined) {\r\n const filterUndefinedIds = ids.filter(id => id !== undefined);\r\n const filterEmptyIds = filterUndefinedIds.filter(id => id !== '');\r\n toggleInformation = filterEmptyIds.map(id => ({id: id, toggle: false}));\r\n }\r\n return toggleInformation;\r\n}\r\n\r\n/*\r\ntoggle attribute from toggleInformationList will set to for every object to true or false\r\n* */\r\nexport function toggleAllInList(toggleAll, toggleList) {\r\n toggleList.map(toggle => toggle.toggle = toggleAll);\r\n return toggleList;\r\n}\r\n\r\n","import * as actionTypes from '../actions/actionTypes';\r\nimport {createToggleInformationList} from '../../utility/ToggleHandler';\r\n\r\nexport function toggleCategoriesInformationList(categoryIds) {\r\n return (dispatch) => {\r\n dispatch(buildInformationListStart());\r\n try {\r\n const toggleInformation = createToggleInformationList(categoryIds);\r\n dispatch(buildInformationListSuccess(toggleInformation))\r\n } catch (error) {\r\n dispatch(buildInformationListFail(error))\r\n }\r\n };\r\n}\r\n\r\nfunction buildInformationListFail(error) {\r\n return {\r\n type: actionTypes.BUILD_TOGGLE_CATEGORIES_INFORMATION_LIST_FAIL,\r\n error: error\r\n };\r\n}\r\n\r\nfunction buildInformationListSuccess(toggleInformation) {\r\n return {\r\n type: actionTypes.BUILD_TOGGLE_CATEGORIES_INFORMATION_LIST_SUCCESS,\r\n toggleCategoriesInformationList: toggleInformation\r\n };\r\n}\r\n\r\nfunction buildInformationListStart() {\r\n return {\r\n type: actionTypes.BUILD_TOGGLE_CATEGORIES_INFORMATION_LIST_START\r\n };\r\n}\r\n\r\n\r\nexport function toggleCategory(categoryId) {\r\n return (dispatch) => {\r\n dispatch(toggle(categoryId))\r\n };\r\n}\r\n\r\nfunction toggle(categoryId) {\r\n return {\r\n type: actionTypes.TOGGLE_CATEGORY,\r\n categoryId: categoryId\r\n };\r\n}\r\n\r\nexport function toggleCategories(b) {\r\n return (dispatch) => {\r\n dispatch(toggleAll(b))\r\n };\r\n}\r\n\r\nfunction toggleAll(toggle) {\r\n return {\r\n type: actionTypes.TOGGLE_CATEGORIES,\r\n toggleAllCategories: !toggle\r\n };\r\n}\r\n\r\nexport function clearToggleAllCategories() {\r\n return {\r\n type: actionTypes.CLEAR_TOGGLE_ALL_CATEGORIES\r\n };\r\n}\r\n","import {SERVER_URL} from \"../config\";\r\n\r\n\r\nexport function sendFilterActivity(producerIds, account) {\r\n try {\r\n const countryId = (account.countryId != null && account.countryId > 0 ? account.countryId : 1);\r\n const response = fetch(`${SERVER_URL}/activity`, {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n },\r\n credentials: 'include',\r\n body: JSON.stringify({\r\n \"customerCountryId\": countryId,\r\n \"affectedProducerIds\": producerIds,\r\n \"affectedRequirementIds\": null,\r\n \"customerId\": account.id,\r\n \"eventType\": 'EVENT_FILTER_PRODUCER'\r\n })\r\n }\r\n );\r\n if (response.status >= 400) {\r\n console.log(response.statusText);\r\n //Das kann man dem Anwender nicht melden. Jedoch dürfte die Anwendung gleich nicht mehr funktionieren.\r\n }\r\n } catch (error) {\r\n console.log(error); //Tja. Traue nur der Statistik, die du selbst gefälscht hast.\r\n }\r\n}\r\n\r\n// + 1 Eintrag in activitycount wenn ein requirement via XLS exportiert wurde\r\n// (Datum, Requirement, country des customer, customer, Aktion=EVENT_DOWNLOAD_REQUIREMENT)\r\nexport function sendDownloadRequirementsActivity(affectedRequirementIds) {\r\n console.log(\"sendDownloadRequirementsActivity:\" + affectedRequirementIds);\r\n if (!affectedRequirementIds || affectedRequirementIds.length === 0) return null;\r\n try {\r\n const response = fetch(`${SERVER_URL}/activity`, {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n },\r\n credentials: 'include',\r\n body: JSON.stringify({\r\n \"affectedRequirementIds\": affectedRequirementIds,\r\n \"eventType\": 'EVENT_DOWNLOAD_REQUIREMENT'\r\n })\r\n }\r\n );\r\n if (response.status >= 400) {\r\n //Das kann man dem Anwender nicht melden. Jedoch dürfte die Anwendung gleich nicht mehr funktionieren.\r\n console.log(response.statusText);\r\n }\r\n } catch (error) {\r\n console.log(error); //Tja. Traue nur der Statistik, die du selbst gefälscht hast.\r\n }\r\n}\r\n\r\n//+ 1 Eintrag in activitycount wenn eine Antwort eines producer via XLS exportiert wurde\r\n// (Datum, Requirement, country des customer, customer, producer, Aktion=EVENT_DOWNLOAD_RESPONSE)\r\nexport function sendDownloadResponsesActivity(affectedRequirementIds, affectedResponseIds) {\r\n sendDownloadRequirementsActivity(affectedRequirementIds);\r\n console.log(\"sendDownloadResponsesActivity:\" + affectedResponseIds);\r\n if (!affectedResponseIds || affectedResponseIds.length === 0) return null;\r\n try {\r\n const response = fetch(`${SERVER_URL}/activity`, {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n },\r\n credentials: 'include',\r\n body: JSON.stringify({\r\n \"affectedResponseIds\": affectedResponseIds,\r\n \"eventType\": 'EVENT_DOWNLOAD_RESPONSE'\r\n })\r\n }\r\n );\r\n if (response.status >= 400) {\r\n console.log(response.statusText);\r\n //Das kann man dem Anwender nicht melden. Jedoch dürfte die Anwendung gleich nicht mehr funktionieren.\r\n }\r\n return response;\r\n } catch (error) {\r\n console.log(error); //Tja. Traue nur der Statistik, die du selbst gefälscht hast.\r\n }\r\n return null;\r\n}\r\n\r\n// 1 Eintrag in activitycount wenn eine Antwort eines producer gelesen wurde\r\n// (Datum, Requirement, producer, country des customer, customer, Aktion=EVENT_READ_RESPONSE_PRODUCER)\r\nexport function sendReadResponseActivity(responseIds) {\r\n try {\r\n const response = fetch(`${SERVER_URL}/activity`, {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n },\r\n credentials: 'include',\r\n body: JSON.stringify({\r\n \"customerCountryId\": null,\r\n \"affectedProducerIds\": null,\r\n \"affectedRequirementIds\": null,\r\n \"affectedResponseIds\": responseIds,\r\n \"customerId\": null,\r\n \"eventType\": 'EVENT_READ_RESPONSE'\r\n })\r\n }\r\n );\r\n if (response.status >= 400) {\r\n console.log(response.statusText);\r\n //Das kann man dem Anwender nicht melden. Jedoch dürfte die Anwendung gleich nicht mehr funktionieren.\r\n }\r\n } catch (error) {\r\n console.log(error); //Tja. Traue nur der Statistik, die du selbst gefälscht hast.\r\n }\r\n}\r\n","import * as actionTypes from './actionTypes';\r\nimport {createToggleInformationList} from '../../utility/ToggleHandler';\r\nimport {sendReadResponseActivity} from '../../activity/ActivityNotifier';\r\n\r\nfunction buildInformationListStart() {\r\n return {\r\n type: actionTypes.BUILD_TOGGLE_RESPONSE_INFORMATION_LIST_START\r\n };\r\n}\r\n\r\nfunction buildInformationListSuccess(toggleInformation) {\r\n return {\r\n type: actionTypes.BUILD_TOGGLE_RESPONSE_INFORMATION_LIST_SUCCESS,\r\n toggleResponsesList: toggleInformation\r\n };\r\n}\r\n\r\nfunction buildInformationListFail(error) {\r\n return {\r\n type: actionTypes.BUILD_TOGGLE_RESPONSE_INFORMATION_LIST_FAIL,\r\n error: error\r\n };\r\n}\r\n\r\nexport function toggleResponseInformationList(responseIds) {\r\n return (dispatch) => {\r\n dispatch(buildInformationListStart());\r\n try {\r\n const toggleInformation = createToggleInformationList(responseIds);\r\n dispatch(buildInformationListSuccess(toggleInformation))\r\n } catch (error) {\r\n dispatch(buildInformationListFail(error))\r\n }\r\n };\r\n}\r\n\r\n\r\nexport function clearToggleAllResponses() {\r\n return {\r\n type: actionTypes.CLEAR_TOGGLE_ALL_RESPONSES\r\n };\r\n}\r\n\r\n\r\nexport function toggleResponse(responseId) {\r\n sendReadResponseActivity([responseId]);\r\n return (dispatch) => {\r\n dispatch(toggle(responseId))\r\n };\r\n}\r\n\r\nexport function toggleResponses(toggleBoolean, listForActivity) {\r\n console.log(listForActivity);\r\n if(!toggleBoolean)sendReadResponseActivity(listForActivity.map(toggle => toggle.id));\r\n return (dispatch) => {\r\n dispatch(toggleAll(toggleBoolean))\r\n }\r\n}\r\n\r\nfunction toggleAll(toggleBoolean) {\r\n return {\r\n type: actionTypes.TOGGLE_RESPONSES,\r\n toggleAllResponses: !toggleBoolean\r\n };\r\n}\r\n\r\nfunction toggle(responseId) {\r\n return {\r\n type: actionTypes.TOGGLE_RESPONSE,\r\n responseId: responseId\r\n }\r\n}\r\n","import React, {Component} from 'react';\r\nimport angleDown from '../../../assets/images/angle-down-solid.svg';\r\nimport './AngleRotationIcon.css';\r\n\r\n/*\r\n* @param props\r\n* clicked: action what will happen when clicking the angle icon\r\n*/\r\nclass AngleRotationIcon extends Component {\r\n\r\n state = {\r\n rotate: false\r\n }\r\n\r\n angelRotation() {\r\n if (this.props.direction === undefined) {\r\n return this.state.rotate ? 'Up' : 'Down';\r\n }\r\n return this.props.direction ? 'Up' : 'Down';\r\n }\r\n\r\n rotationAction() {\r\n this.props.clicked();\r\n if (this.props.notRotate) {\r\n return;\r\n }\r\n this.setState({rotate: !this.state.rotate});\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n this.rotationAction()}/>\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default AngleRotationIcon;\r\n","import React from 'react';\r\n\r\nimport './Button.css';\r\nimport AngleRotationIcon from '../AngleRotationIcon/AngleRotationIcon';\r\n\r\n/**\r\n *\r\n * @param props\r\n * * title='title of the button'\r\n * * color='default color of button is green. Other options are: color='Blue', color='DarkBlue', color='Orange'\r\n * * clicked={function which the button should call}\r\n * @returns {*}\r\n */\r\nconst angleButton = (props) => (\r\n \r\n);\r\n\r\nexport default angleButton;\r\n","import React from 'react';\r\n\r\nimport './MenuItem.css'\r\n\r\n/**\r\n *\r\n * @param props\r\n * * title='title of menu item'\r\n * * clicked='action of menu item'\r\n * @returns {*}\r\n */\r\nconst menuItem = (props) => (\r\n \r\n);\r\n\r\nexport default menuItem;\r\n","import React from 'react';\r\nimport MenuItem from '../UI/DropDownMenu/MenuItem/MenuItem';\r\nimport ReactExport from 'react-data-export';\r\n\r\n/**\r\n *\r\n * @param props:\r\n * title: for the excel export button\r\n * dataSet: information for the excel file\r\n * name: of the excel sheet\r\n * @returns {JSX.Element}\r\n */\r\nconst ExcelFile = ReactExport.ExcelFile;\r\nconst ExcelSheet = ReactExport.ExcelFile.ExcelSheet;\r\n\r\nconst requirementExcelExportFile = (props) => {\r\n return }>\r\n \r\n ;\r\n}\r\n\r\nexport default requirementExcelExportFile;\r\n","import React, {Component} from 'react';\r\nimport {withTranslation} from 'react-i18next';\r\n\r\nimport '../UI/DropDownMenu/DropDownMenu.css'\r\nimport AngleButton from '../UI/Button/AngleButton';\r\n\r\nimport RequirementExcelExportFile from './RequirementExcelExportFile';\r\n\r\n/**\r\n * props:\r\n */\r\nclass ExcelExportDropDownMenu extends Component {\r\n state = {\r\n showDrop: false\r\n }\r\n\r\n onClickedDropHandler = () => {\r\n this.setState({showDrop: !this.state.showDrop});\r\n }\r\n\r\n render() {\r\n const {t} = this.props;\r\n return (\r\n