{ if (!showWait) { setShowPopup(false); } }} />\r\n
\r\n
{t(\"common:download\")} \r\n
{t(\"common:pleaseWait\")}
\r\n
\r\n
\r\n
{t(\"common:download\")} \r\n\r\n
{ if (!showWait) { setShowPopup(false); } }} />\r\n {t(\"common:fromDateTime\")}
\r\n {t(\"common:toDateTime\")}
\r\n {error}
\r\n\r\n {search && Object.keys(search).length !== 0 &&\r\n \r\n {t(\"common:applyFilter\")} \r\n
}\r\n \r\n \r\n
{formats.map(f => download(f)}>{f.toUpperCase()} )}
\r\n
{t(\"common:downloadAs\")} \r\n
\r\n ;\r\n};\r\n\r\nconst translated = withTranslation()(DownloadButton);\r\nexport default translated;","// const s = require(\"./sheetHeader.module.scss\");\r\n\r\nimport { default as React } from \"react\";\r\nimport DownloadButton from \"components/downloadButton\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faInfoCircle } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { PageList } from \"core/pages/pageList\";\r\n\r\ninterface State {\r\n applicationState: ApplicationState;\r\n title: string;\r\n senderId?: string;\r\n showDownload: boolean;\r\n showTestData?: boolean;\r\n disclaimer?: string;\r\n search?: any;\r\n children?: any;\r\n pageConfig: PageList;\r\n downloadFormats?: string[];\r\n}\r\n\r\nconst SheetHeader = (props: State) => { //{ applicationState, title, pageConfig, showDownload }: State\r\n return
;\r\n};\r\nexport default SheetHeader;","import * as React from \"react\";\r\n\r\ninterface Props {\r\n rowSpan: number;\r\n date: Date;\r\n left?: number;\r\n className?: string;\r\n}\r\n\r\nconst TDate = ({ rowSpan, date, left, className }: Props) => {\r\n\r\n // If you change the timezone on your local computer, it should still show CWE times\r\n // a day should start at 00:00:00 (UTC 23:00 or 22:00 DST)\r\n\r\n //This logic is also in app.tsx getCweTimeForDisplayPurposes(date);\r\n var localCweDate = new Date(date.toLocaleString('en-US', { timeZone: 'Europe/Brussels' }));\r\n\r\n return
\r\n {localCweDate.getFullYear() + \"-\" + (\"0\" + (localCweDate.getMonth() + 1)).slice(-2) + \"-\" + (\"0\" + (localCweDate.getDate())).slice(-2)}\r\n ;\r\n}\r\nexport default TDate;","const s = require(\"./monitoring.module.scss\");\r\nimport * as React from \"react\";\r\n\r\nimport TDate from \"components/TDate\";\r\nimport { MonitoringDto } from \"core/backend/common\";\r\nimport CheckIcon from \"components/checkIcon\";\r\n\r\ninterface OwnProps {\r\n dto: MonitoringDto;\r\n left: number;\r\n}\r\nconst Row = ({ dto, left }: OwnProps) =>\r\n
\r\n {dto.page} \r\n {dto.status} \r\n \r\n\r\nexport default Row;","import { default as React } from \"react\";\r\n\r\nimport { WithTranslation, withTranslation } from \"react-i18next\";\r\nimport Row from \"./row\";\r\nimport { MonitoringDto } from \"core/backend/common\";\r\nimport { ApplicationState } from \"core/app\";\r\n\r\ninterface OwnProps {\r\n scrollPosition?: { left: number, top: number };\r\n data: MonitoringDto[];\r\n applicationState: ApplicationState;\r\n}\r\n\r\nconst List = ({ t, applicationState, data, scrollPosition }: OwnProps & WithTranslation) => {\r\n const top = Math.max(0, ((scrollPosition?.top || 0) - 16));\r\n const left = Math.max(0, ((scrollPosition?.left || 0) - 16));\r\n\tconst pageList = applicationState.pages.map(p => p.config);\r\n \r\n return (\r\n
\r\n \r\n \r\n {t(\"common:Date\")} \r\n {t(\"monitoring:page\")} \r\n {t(\"monitoring:status\")} \r\n {t(\"monitoring:followUpAction\")} \r\n \r\n \r\n \r\n {\r\n data && data.sort((a, b) =>\r\n pageList.findIndex(x => t(x.menu).toLowerCase() == a.page.toLowerCase() || t(x.title).toLowerCase() == a.page.toLowerCase()) <=\r\n pageList.findIndex(x => t(x.menu).toLowerCase() == b.page.toLowerCase() || t(x.title).toLowerCase() == b.page.toLowerCase()) ? -1 : 1\r\n ).map((d) => |
)\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nconst translated = withTranslation(\"monitoring\")(List);\r\n\r\nexport default translated;","const s = require(\"./monitoring.module.scss\");\r\n\r\nimport { default as React, useEffect, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { MonitoringDto, GetMonitoringDataResponse, GetMonitoringDataQuery } from \"core/backend/common\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport List from \"./list\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport { faCog } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { PageList, sortParameters } from \"core/pages/pageList\";\r\n\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\n\r\nexport const senderId = \"monitoring\";\r\n\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"monitoring\",\r\n webUrl: \"monitoring\",\r\n menu: \"\", //no menu link should be created for this page\r\n apiType: \"system\",\r\n title: \"menu:titleMonitoring\",\r\n response: JSON.stringify(keys
()),\r\n dto: JSON.stringify(keys()),\r\n parameters: JSON.stringify(sortParameters(keys())),\r\n dateSteps: \"D\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Day()\r\n};\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n\r\n const initialData: MonitoringDto[] = [];\r\n const [data, setData] = useState(initialData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, false, false, keys());\r\n setLoading(true);\r\n setData([]);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/\" + page_config.apiUrl,\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: page_config.getDefaultToDateTime(applicationState).toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n setLoading(false);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n\r\n return (\r\n <>\r\n \r\n Overview per BusinessDay \r\n Failed Files \r\n
\r\n : \"\"\r\n }\r\n \r\n
\r\n \r\n \r\n\r\n );\r\n}\r\n\r\nexport default withTranslation(\"monitoring\")(Page);\r\n","import { ApplicationState } from \"core/app\";\r\nimport * as monitoring from \"./system/monitoring\";\r\n\r\nexport interface PageList {\r\n apiUrl: string;\r\n webUrl: string,\r\n menu: string,\r\n title: string;\r\n apiType: string;\r\n response: string;\r\n dto: string;\r\n parameters: string;\r\n dateSteps: string;\r\n getDefaultToDateTime(applicationState: ApplicationState): Date;\r\n filterFields?: FilterField[];\r\n}\r\nexport interface FilterField {\r\n title: string;\r\n parameter: string;\r\n type: string;\r\n options?: FilterOption[];\r\n}\r\nexport interface FilterOption {\r\n title: string;\r\n value: string;\r\n}\r\n\r\n\r\n\r\nexport function sortParameters(list: string[]): string[] {\r\n const parameterOrder = [\"fromUtc\", \"toUtc\", \"skip\", \"take\", \"filter\"];\r\n return list.sort((a, b) => {\r\n if (parameterOrder.indexOf(a) === -1 && parameterOrder.indexOf(b) === -1) return (a < b) ? -1 : (a > b) ? 1 : 0;\r\n if (!parameterOrder.includes(a)) return 1; //if not in the parameterOrder, move down\r\n if (!parameterOrder.includes(b)) return -1; //if not in the parameterOrder, move down\r\n if (parameterOrder.indexOf(a) < parameterOrder.indexOf(b)) return -1;\r\n if (parameterOrder.indexOf(b) < parameterOrder.indexOf(a)) return 1;\r\n return 0;\r\n });\r\n};","const s = require(\"../monitoring/monitoring.module.scss\");\r\nimport * as React from \"react\";\r\n\r\nimport TDatetime from \"components/TDatetime\";\r\nimport { MonitoringFailedDto } from \"core/backend/common\";\r\n\r\ninterface OwnProps {\r\n dto: MonitoringFailedDto;\r\n left: number;\r\n}\r\nconst Row = ({ dto, left }: OwnProps) =>\r\n \r\n {dto.fileName} \r\n {dto.error} \r\n \r\n\r\nexport default Row;","import { default as React } from \"react\";\r\n\r\nimport { WithTranslation, withTranslation } from \"react-i18next\";\r\nimport Row from \"./row\";\r\nimport { MonitoringFailedDto } from \"core/backend/common\";\r\n\r\ninterface OwnProps {\r\n scrollPosition?: { left: number, top: number };\r\n data: MonitoringFailedDto[];\r\n}\r\n\r\nconst List = ({ t, data, scrollPosition }: OwnProps & WithTranslation) => {\r\n const top = Math.max(0, ((scrollPosition?.top || 0) - 16));\r\n const left = Math.max(0, ((scrollPosition?.left || 0) - 16));\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"common:Date\")} \r\n {t(\"monitoring:fileName\")} \r\n {t(\"monitoring:error\")} \r\n \r\n \r\n \r\n {\r\n data.map((d) => |
)\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nconst translated = withTranslation(\"monitoring\")(List);\r\n\r\nexport default translated;","const s = require(\"../monitoring/monitoring.module.scss\");\r\n\r\nimport { default as React, useEffect, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { MonitoringFailedDto, GetMonitoringFailedDataResponse, ApiResponse } from \"core/backend/common\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport List from \"./list\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faCog } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { PageList } from \"core/pages/pageList\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\n\r\nexport const senderId = \"monitoringFailed\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"\",\r\n webUrl: \"monitoringFailed\",\r\n menu: \"\", //no menu link should be created for this page\r\n apiType: \"system\",\r\n title: \"menu:titleMonitoring\",\r\n response: \"\",\r\n dto: \"\",\r\n parameters: \"\",\r\n dateSteps: \"D\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Day()\r\n};\r\n\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n\r\n const initialData: MonitoringFailedDto[] = [];\r\n const [data, setData] = useState(initialData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(\"D\", false, false, keys());\r\n setLoading(true);\r\n setData([]);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/system/monitoringFailed\",\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: page_config.getDefaultToDateTime(applicationState).toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n setLoading(false);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n\r\n //\r\n return (\r\n <>\r\n \r\n Overview per BusinessDay \r\n Failed Files \r\n
\r\n : \"\"\r\n }\r\n \r\n
\r\n \r\n \r\n\r\n );\r\n}\r\n\r\nexport default withTranslation(\"monitoring\")(Page);\r\n","const s = require(\"./config.module.scss\");\r\nimport { default as React } from \"react\";\r\nimport { withTranslation } from \"react-i18next\";\r\n\r\ninterface OwnProps {\r\n values: string[];\r\n selected: string;\r\n onChange: (s: string) => void;\r\n}\r\n\r\nconst SelectField = ({ selected, values, onChange }: OwnProps) => (\r\n onChange(e.target.value)} value={selected}>\r\n {values.concat(\"\").map(x => {x} )}\r\n \r\n);\r\n\r\nexport default withTranslation()(SelectField);","const s = require(\"./config.module.scss\");\r\nimport { default as React, useEffect, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\n\r\nimport { MonitoringConfigDto } from \"core/backend/common\";\r\nimport SelectField from \"./selectField\";\r\n\r\ninterface OwnProps {\r\n dto: MonitoringConfigDto;\r\n pages: string[];\r\n files: string[];\r\n setEditDto: (dto: MonitoringConfigDto) => void;\r\n}\r\n\r\nconst EditableRow = ({ t, dto, pages, files, setEditDto }: OwnProps & WithTranslation) => {\r\n\r\n return (\r\n <>\r\n \r\n t(p))} selected={dto.page} onChange={s => setEditDto({ ...dto, page: s })} />\r\n \r\n {dto.tableName} \r\n \r\n setEditDto({ ...dto, fileType: s })} />\r\n \r\n \r\n setEditDto({ ...dto, backupFileType: s })} />\r\n \r\n \r\n setEditDto({ ...dto, spanningFile: s })} />\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default withTranslation()(EditableRow);","const s = require(\"./config.module.scss\");\r\nimport { default as React, useEffect, useState } from \"react\";\r\n\r\nimport { MonitoringConfigDto } from \"core/backend/common\";\r\nimport CheckIcon from \"components/checkIcon\";\r\n\r\ninterface OwnProps {\r\n dto: MonitoringConfigDto;\r\n}\r\n\r\nconst ReadonlyRow = ({ dto }: OwnProps) => (\r\n <>\r\n {dto.page} \r\n {dto.tableName} \r\n {dto.fileType} \r\n {dto.backupFileType} \r\n {dto.spanningFile} \r\n {dto.deadline} \r\n \r\n {isEdit ? \r\n {readOnly\r\n ? <>\r\n : isEdit\r\n ? <> { setEdit(false); editConfig(editDto); }} /> { setEdit(false); setEditDto(dto); if (cancelEditConfig) cancelEditConfig(); }} />\r\n : <> setEdit(true)} /> deleteConfig && deleteConfig(dto.id)} />}\r\n \r\n );\r\n}\r\n\r\nexport default Row;","const s = require(\"./config.module.scss\");\r\n\r\nimport { default as React, useState } from \"react\";\r\nimport { WithTranslation, withTranslation } from \"react-i18next\";\r\nimport Row from \"./row\";\r\nimport { MonitoringConfigDto } from \"core/backend/common\";\r\nimport { faPlusSquare } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\n\r\n\r\nconst emptyDto: MonitoringConfigDto = { id: 0, page: \"\", tableName: \"\", fileType: \"\", backupFileType: \"\", spanningFile: \"\", deadline: \"\", active: false };\r\n\r\ninterface OwnProps {\r\n scrollPosition?: { left: number, top: number };\r\n data: MonitoringConfigDto[];\r\n deleteConfig: (id: number) => void;\r\n editConfig: (dto: MonitoringConfigDto) => void;\r\n addConfig: (dto: MonitoringConfigDto) => void;\r\n pages: string[];\r\n files: string[];\r\n readOnly: boolean;\r\n}\r\n\r\nconst List = ({ t, data, scrollPosition, deleteConfig, editConfig, addConfig, pages, files, readOnly }: OwnProps & WithTranslation) => {\r\n const top = Math.max(0, ((scrollPosition?.top || 0) - 16));\r\n const left = Math.max(0, ((scrollPosition?.left || 0) - 16));\r\n\r\n const [isAddition, setAddition] = useState(false);\r\n const [editDto, setEditDto] = useState(emptyDto);\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n {t(\"monitoringConfig:page\")} \r\n {t(\"monitoringConfig:table\")} \r\n {t(\"monitoringConfig:fileType\")} \r\n {t(\"monitoringConfig:backupFileType\")} \r\n {t(\"monitoringConfig:spanningFile\")} \r\n {t(\"monitoringConfig:deadline\")} \r\n {t(\"monitoringConfig:active\")} \r\n {t(\"comonitoringConfignfiguration:actions\")} \r\n \r\n \r\n \r\n {\r\n data && data.map((d) => |
)\r\n }\r\n {\r\n isAddition ? setAddition(false)} editConfig={x => { setAddition(false); addConfig(x) }} pages={pages} files={files} readOnly={readOnly} /> : null\r\n }\r\n
\r\n
\r\n {readOnly === false &&\r\n \r\n setAddition(true)} />\r\n
\r\n }\r\n \r\n );\r\n};\r\n\r\nconst translated = withTranslation()(List);\r\n\r\nexport default translated;","const s = require(\"../monitoring/monitoring.module.scss\");\r\n\r\nimport { default as React, useEffect, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { MonitoringConfigDto, GetMonitorConfigDataResponse, InsertMonitorConfigDataResponse } from \"core/backend/common\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport List from \"./list\";\r\nimport { ApiResponse } from \"core/backend/data\";\r\nimport { PageList } from \"core/pages/pageList\";\r\nimport { faCog } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { NavLink } from \"react-router-dom\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\n\r\nexport const senderId = \"config\";\r\n\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"\",\r\n webUrl: \"monitoringConfig\",\r\n menu: \"\", //no menu link should be created for this page\r\n apiType: \"system\",\r\n title: \"menu:titleMonitoring\",\r\n response: JSON.stringify(keys()),\r\n dto: JSON.stringify(keys()),\r\n parameters: \"\",\r\n dateSteps: \"D\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Day()\r\n};\r\n\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n const pageList = applicationState.pages.map(p => p.config);\r\n const initialLists: string[] = [];\r\n const initialData: MonitoringConfigDto[] = [];\r\n const [data, setData] = useState(initialData);\r\n const [pages, setPages] = useState(initialLists);\r\n const [files, setFiles] = useState(initialLists);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n\r\n const deleteConfig = async (id: number) => {\r\n setLoading(true);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/system/monitoringConfig/delete\",\r\n query: { id: id },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setData(data.filter(d => d.id !== id));\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n setLoading(false);\r\n }\r\n\r\n const editConfig = async (dto: MonitoringConfigDto) => {\r\n setLoading(true);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/system/monitoringConfig/update\",\r\n query: { id: dto.id, page: dto.page, fileType: dto.fileType, backupFileType: dto.backupFileType, spanningFile: dto.spanningFile, deadline: dto.deadline, active: dto.active },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setData(data.map(d => { if (d.id === dto.id) return dto; else return d; }));\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n setLoading(false);\r\n }\r\n\r\n const addConfig = async (dto: MonitoringConfigDto) => {\r\n setLoading(true);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/system/monitoringConfig/insert\",\r\n query: { page: dto.page, fileType: dto.fileType, backupFileType: dto.backupFileType, spanningFile: dto.spanningFile, deadline: dto.deadline, active: dto.active },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setData(data.concat(response.data.data));\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n setLoading(false);\r\n }\r\n\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(\"D\", false, false, keys());\r\n setLoading(true);\r\n setData([]);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/system/monitoringConfig\",\r\n query: { Date: applicationState.selectedDate.toISOString() },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setData(response.data.data);\r\n setFiles(response.data.filetypes);\r\n setPages(pageList.map(p => p.menu));\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n setLoading(false);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n\r\n //\r\n return (\r\n <>\r\n \r\n Overview per BusinessDay \r\n Failed Files \r\n
\r\n : \"\"\r\n }\r\n \r\n
\r\n \r\n \r\n\r\n );\r\n}\r\n\r\nexport default withTranslation()(Page);\r\n","const s = require(\"./login.module.scss\");\r\n\r\nimport { default as React, useEffect, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport {PageList} from \"core/pages/pageList\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\n\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"\",\r\n webUrl: \"jaoLogin\",\r\n menu: \"\", //no menu link should be created for this page\r\n apiType: \"system\",\r\n title: \"menu:titleMonitoring\",\r\n response: \"\",\r\n dto: \"\",\r\n parameters: \"\",\r\n dateSteps: \"D\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Day()\r\n};\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n\r\n const [userName, setUserName] = useState(\"\");\r\n const [password, setPassword] = useState(\"\");\r\n const [error, setError] = useState(\"\");\r\n\r\n const doLogon = () => {\r\n if (password == null || password === \"\" || password === \"empty\") {\r\n setError(\"Password cannot be empty.\");\r\n return;\r\n }\r\n (async function runAsync() {\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.applicationRoot + \"systemLogin\",\r\n query: { username: userName, password: password },\r\n senderId: \"login\"\r\n })();\r\n\r\n if (response.ok) {\r\n if (response.data.message) {\r\n setError(response.data.message);\r\n } else {\r\n setPassword(\"\");\r\n window.location.reload(); //refresh the page, so user data will be visible\r\n }\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n })();\r\n }\r\n const doLogoff = () => {\r\n setUserName(applicationState.userMail);\r\n (async function runAsync() {\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.applicationRoot + \"systemLogoff\",\r\n senderId: \"login\"\r\n })();\r\n\r\n if (response.ok) {\r\n applicationState.changeToken(\"\", \"Guest\", applicationState.guestToken);\r\n setError(\"\");\r\n setPassword(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n })();\r\n }\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(\"\", false, false, []);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n\r\n return applicationState.userRole === \"JaoUser\" || applicationState.userRole === \"JaoAdmin\" || applicationState.userRole === \"Licquid\" ?\r\n (\r\n \r\n
{t(\"login:profile\")} \r\n
\r\n
\r\n
{t(\"login:login\")} \r\n
\r\n
{ handleChange(e, item); }} onMouseDown={handleMouseDown} onBlur={handleBlur} href=\"#\">{item.text} );\r\n };\r\n\r\n const handleChange = (event: any, item: SelectItem) => {\r\n clickedOnOption = false;\r\n interceptEvent(event);\r\n onChange(item);\r\n handleClose(event);\r\n };\r\n const handleClose = (event: any) => {\r\n interceptEvent(event);\r\n if (!clickedOnOption) {\r\n setState({ open: false });\r\n }\r\n clickedOnOption = false;\r\n };\r\n let clickedOnOption: Boolean = false;\r\n let blurTimeout: any = undefined;\r\n const handleBlur = () => {\r\n clearTimeout(blurTimeout);\r\n blurTimeout = setTimeout(handleClose, 0);\r\n };\r\n const toggleOpenClose = (event: any) => {\r\n interceptEvent(event);\r\n setState({ open: !state.open });\r\n if (state.open) {\r\n return setState({ open: false });\r\n }\r\n setSearch(\"\");\r\n };\r\n const handleMouseDown = () => {\r\n clickedOnOption = true;\r\n };\r\n\r\n const classNameInput = classnames(s.textField, \"inputBorder\", enabled ? s.enabled : s.disabled, state.open ? s.xxx : \"\");\r\n const classNameDropDown = classnames(s.dropdownmenu, state.open ? \"\" : s.hidden);\r\n const classNameSearch = classnames(\"inputBorder\", s.search, state.open ? \"\" : s.hidden);\r\n\r\n const selectedItems = data.filter((f) => { return f.id === selectedItem.id; });\r\n\r\n return (\r\n
\r\n {data === undefined ? \"None available\"\r\n : data.length === 0 ? \"None available\"\r\n : selectedItems.length === 0 ? \"\"\r\n : selectedItems[0].text}\r\n \r\n
setSearch(e.currentTarget.value)} />\r\n
\r\n {\r\n data && data.filter((d) => d.text.toLowerCase().includes(search.toLowerCase())).map(renderListItem)\r\n }\r\n
\r\n
\r\n {method == \"POST\" ?\r\n
\r\n
Curl
\r\n curl -X POST \"{url}\"\r\n ^
\r\n {/*-H \"Authorization: Bearer {(applicationState.userRole === \"Guest\" ? \"***Enter Your Personal Token Here***\" : applicationState.userToken)}\"\r\n ^
*/}\r\n -H \"Content-Type: application/json;charset=UTF-8\"\r\n ^
\r\n -d \"{JSON.stringify(data).replace(/\\\"/g, \"\\\\\\\"\")}\"\r\n
\r\n :\r\n
\r\n
Curl
\r\n curl -X {method} \"{url}{data}\"\r\n {/*^
\r\n -H \"Authorization: Bearer {(applicationState.userRole === \"Guest\" ? \"***Enter Your Personal Token Here***\" : applicationState.userToken)}\"*/}\r\n
\r\n }
\r\n True \r\n False \r\n Unset \r\n
\r\n )\r\n case \"multiselect\": {\r\n multiselectRef = React.createRef();\r\n return (\r\n setValue(list.map((l: { value: any; }) => l.value))}\r\n onRemove={(list, v) => setValue(list.map((l: { value: any; }) => l.value))}\r\n showCheckbox={true}\r\n closeOnSelect={false}\r\n showArrow={true}\r\n avoidHighlightFirstOption={true}\r\n displayValue=\"title\"\r\n style={{\r\n 'chips': {\r\n 'fontSize': '8px',\r\n 'background': '#88a4bf'\r\n }\r\n }}\r\n />\r\n );\r\n }\r\n default:\r\n return \r\n {option.title} \r\n \r\n setOptionValue(option.parameter, v)} />\r\n \r\n \r\n};\r\n\r\nexport default SearchOption;\r\n","import { default as React, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport SearchOption from \"./searchOption\";\r\nimport Collapsible from 'react-collapsible';\r\nconst s = require(\"./search.module.scss\");\r\n\r\n\r\ninterface OwnState {\r\n search: (params: any) => void;\r\n isLoading: boolean;\r\n /*filter: { totalRows: number, totalRowsWithFilter: number, maxRows: number };*/\r\n searchFields?: SearchField[];\r\n}\r\nexport interface SearchField {\r\n title: string;\r\n parameter: string;\r\n type: string;\r\n options?: Option[];\r\n defaultValue?: any;\r\n}\r\nexport interface Option {\r\n title: string;\r\n value: any;\r\n}\r\n\r\ntype SearchProps = OwnState & WithTranslation;\r\n\r\nconst SearchField = ({ search, isLoading, /*filter,*/ searchFields, t }: SearchProps) => {\r\n\r\n const [searchOptions, setSearchOptions] = useState({});\r\n const [reset, setReset] = useState(false);\r\n\r\n const setOptionValue = (option: string, value: any) => {\r\n const newFilter = {\r\n ...searchOptions,\r\n [option]: value\r\n };\r\n setSearchOptions(newFilter);\r\n search(newFilter);\r\n }\r\n\r\n const resetFilter = () => {\r\n (document.getElementById(\"searchForm\") as HTMLFormElement).reset();\r\n setReset(true);\r\n setSearchOptions({});\r\n search({});\r\n }\r\n\r\n return (\r\n searchFields == undefined || searchFields == null || searchFields.length == 0 ? <>\r\n : \r\n
(document.getElementsByClassName('Collapsible__contentOuter')[0] as HTMLElement).style.overflow = 'hidden'}\r\n onOpen={() => (document.getElementsByClassName('Collapsible__contentOuter')[0] as HTMLElement).style.overflow = 'inherit'}\r\n trigger={\r\n \r\n {t(\"common:filter\")} \r\n
\r\n }>\r\n \r\n\r\n \r\n ({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/data/availableDates\",\r\n query: {\r\n Utc: applicationState.getRootUtcTime().toISOString(),\r\n Page: path\r\n },\r\n senderId: \"navigation\"\r\n })();\r\n\r\n if (response.ok && response.data != null) {\r\n setAvailableDates(response.data.availableDates);\r\n }\r\n })();\r\n }, [selectedEndpoint]);\r\n\r\n const Line = ({ title }: any) => {title}
;\r\n\r\n const UtcDateInput = forwardRef((a: any, ref) => (\r\n {JSON.parse(selectedEndpoint.parameters).map((p: string) =>\r\n
\r\n {(p === \"utc\") ?\r\n <>\r\n UTC
\r\n From UTC
\r\n To UTC (exclusive)
\r\n Skip
\r\n Take (max 100 in this test-tool)
\r\n \r\n )}\r\n\r\n
{ setSearch(s); }} />\r\n\r\n Invoke
\r\n \r\n
doRequest()}>GET
\r\n
doRequestPost()}>POST
\r\n
Request Method
\r\n {method}\r\n {method == \"GET\" && <>\r\n Requested url + Querystring
\r\n {url + getQueryString()}\r\n }\r\n {method == \"POST\" && <>\r\n Requested url
\r\n {url}\r\n }\r\n\r\n {/*Request headers
\r\n Requested body {method == \"GET\" && \"(as querystring)\"}
\r\n Duration
\r\n {response.duration} seconds\r\n Response size
\r\n {response.size} kb\r\n Number Of Rows
\r\n {response.numberOfRows} rows\r\n }\r\n {/*Response headers
\r\n httpService.apiCancel()}>
\r\n : <>\r\n Response content
\r\n \r\n {/*
Request headers
\r\n
*/}\r\n
Request parameters
\r\n
\r\n {selectedEndpoint.filterFields != null && selectedEndpoint.filterFields.length > 0 && <>
Filter
\r\n
f.parameter + \": \" + f.type.replace(\"text\", \"string\").replace(\"multiselect\", \"string[]\"))} theme={jsonStyle}> \r\n }\r\n
\r\n
Response
\r\n
\r\n
Structure of \"Data\"
\r\n
\r\n
\r\n
\r\n
Endpoint
\r\n
\r\n
Url
\r\n
\r\n
\r\n\r\n
\r\n
setSelectedTab(\"request\")}>Request
\r\n
setSelectedTab(\"response\")}>Response
\r\n
setSelectedTab(\"tryout\")}>Try it out
\r\n
\r\n
\r\n {\"request\" === selectedTab ?
\r\n
();\r\n const dtoBorders = borders.filter((x) => keysInDto.some((key) => key.toLowerCase().endsWith(x.id.toLowerCase())));\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"common:Date\")} \r\n {dtoBorders.map((border) => \r\n \r\n \r\n {\r\n data && data.map((d) => |
)\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nconst translated = withTranslation()(List);\r\n\r\nexport default translated;","import { default as React, useEffect, useContext, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { ScheduledExchangesDto, GetScheduledExchangesResponse, GetScheduledExchangesQuery } from \"core/backend/data\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport { PageList } from \"core/pages/pageList\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"scheduledExchanges\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"scheduledExchanges\",\r\n webUrl: \"scheduledExchanges\",\r\n menu: \"menu:menuScheduledExchanges\",\r\n title: \"menu:titleScheduledExchanges\",\r\n apiType: \"data\",\r\n response: JSON.stringify(keys()),\r\n dto: JSON.stringify(keys()),\r\n parameters: JSON.stringify(keys()),\r\n dateSteps: \"D\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Day()\r\n};\r\n\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n const initialData: ScheduledExchangesDto[] = [];\r\n const [data, setData] = useState(initialData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, true, false, keys());\r\n setLoading(true);\r\n setData([]);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/\" + page_config.apiUrl,\r\n\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n setLoading(false);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n\r\n return (\r\n <>\r\n \r\n f.selected)} />\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default withTranslation()(Page);\r\n","import * as React from \"react\";\r\n\r\nimport { AlphaFactorDto } from \"core/backend/data\";\r\nimport TDatetime from \"components/TDatetime\";\r\n\r\ninterface OwnProps {\r\n dto: AlphaFactorDto;\r\n left: number;\r\n}\r\n\r\nconst Row = ({ dto, left }: OwnProps) =>\r\n \r\n {dto.alphaFactor} \r\n ;\r\n\r\nexport default Row;","import { default as React, useContext } from \"react\";\r\n\r\nimport { WithTranslation, withTranslation } from \"react-i18next\";\r\nimport Row from \"./row\";\r\nimport { AlphaFactorDto } from \"core/backend/data\";\r\n\r\ninterface OwnProps {\r\n scrollPosition?: { left: number, top: number };\r\n data: AlphaFactorDto[];\r\n}\r\n\r\nconst List = ({ t, data, scrollPosition }: OwnProps & WithTranslation) => {\r\n const top = Math.max(0, ((scrollPosition?.top || 0) - 16));\r\n const left = Math.max(0, ((scrollPosition?.left || 0) - 16));\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"common:Date\")} \r\n {t(\"page_AlphaFactor:alpha\")} \r\n \r\n \r\n \r\n {\r\n data && data.map((d) => |
)\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nconst translated = withTranslation(\"page_AlphaFactor\")(List);\r\n\r\nexport default translated;","import { default as React, useEffect, useContext, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { AlphaFactorDto, GetAlphaFactorResponse, GetAlphaFactorQuery } from \"core/backend/data\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport { PageList } from \"core/pages/pageList\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"alphaFactor\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"alphaFactor\",\r\n webUrl: \"alphaFactor\",\r\n menu: \"menu:menuAlphaFactor\",\r\n title: \"menu:titleAlphaFactor\",\r\n apiType: \"data\",\r\n response: JSON.stringify(keys()),\r\n dto: JSON.stringify(keys()),\r\n parameters: JSON.stringify(keys()),\r\n dateSteps: \"D\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Day()\r\n};\r\n\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n const initialData: AlphaFactorDto[] = [];\r\n const [data, setData] = useState(initialData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, false, false, keys());\r\n setLoading(true);\r\n setData([]);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/\" + page_config.apiUrl,\r\n\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n setLoading(false);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default withTranslation(\"page_AlphaFactor\")(Page);\r\n","import { default as React, useContext } from \"react\";\r\n\r\n\r\nimport { WithTranslation, withTranslation } from \"react-i18next\";\r\nimport Row from \"./row\";\r\nimport { AllocationConstraintDto } from \"core/backend/data\";\r\n\r\ninterface OwnProps {\r\n scrollPosition?: { left: number, top: number };\r\n data: AllocationConstraintDto[];\r\n}\r\n\r\nconst List = ({ t, data, scrollPosition }: OwnProps & WithTranslation) => {\r\n const top = Math.max(0, ((scrollPosition?.top || 0) - 16));\r\n const left = Math.max(0, ((scrollPosition?.left || 0) - 16));\r\n const borders = [\"BE\", \"PL\"];\r\n\r\n return (\r\n \r\n \r\n \r\n {border} \r\n )}\r\n \r\n \r\n {t(\"common:Date\")} \r\n {borders.map(b =>\r\n \r\n {t(\"page_allocationConstraint:import\")} \r\n {t(\"page_allocationConstraint:export\")} \r\n \r\n )}\r\n \r\n \r\n \r\n {\r\n data && data.map((d) => |
)\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nconst translated = withTranslation(\"page_allocationConstraint\")(List);\r\n\r\nexport default translated;","import { default as React, useEffect, useContext, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { AllocationConstraintDto, GetAllocationConstraintQuery, GetAllocationConstraintResponse } from \"core/backend/data\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport { PageList } from \"core/pages/pageList\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"allocationConstraint\";\r\n\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"allocationConstraint\",\r\n webUrl: \"allocationConstraint\",\r\n menu: \"menu:menuAllocationConstraint\",\r\n title: \"menu:titleAllocationConstraint\",\r\n apiType: \"data\",\r\n response: JSON.stringify(keys()),\r\n dto: JSON.stringify(keys()),\r\n parameters: JSON.stringify(keys()),\r\n dateSteps: \"D\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Day()\r\n};\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n const initialData: AllocationConstraintDto[] = [];\r\n const [data, setData] = useState(initialData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, false, false, keys());\r\n setLoading(true);\r\n setData([]);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/\" + page_config.apiUrl, query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n setLoading(false);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default withTranslation()(Page);\r\n","import { default as React } from \"react\";\r\n\r\n\r\nimport { WithTranslation, withTranslation } from \"react-i18next\";\r\nimport Row from \"./row\";\r\nimport { AtcDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport BorderName from \"components/borderName\";\r\nimport { keys } from \"ts-transformer-keys\";\r\n\r\ninterface OwnProps {\r\n scrollPosition?: { left: number, top: number };\r\n data: AtcDto[];\r\n borders: MultiSelectItem[];\r\n}\r\n\r\nconst List = ({ t, data, borders, scrollPosition }: OwnProps & WithTranslation) => {\r\n const top = Math.max(0, ((scrollPosition?.top || 0) - 16));\r\n const left = Math.max(0, ((scrollPosition?.left || 0) - 16));\r\n\r\n const keysInDto = keys();\r\n const dtoBorders = borders.filter((x) => keysInDto.some((key) => key.toLowerCase().endsWith(x.id.toLowerCase())));\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"common:Date\")} \r\n {dtoBorders.map((border) => \r\n \r\n \r\n {\r\n data && data.map((d) => |
)\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nconst translated = withTranslation()(List);\r\n\r\nexport default translated;","import { default as React, useEffect, useContext, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { AtcDto, GetAtcQuery, GetAtcResponse } from \"core/backend/data\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport { PageList } from \"core/pages/pageList\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"atc\";\r\n\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"atc\",\r\n webUrl: \"atc\",\r\n menu: \"menu:menuATCs\",\r\n title: \"menu:titleATCs\",\r\n apiType: \"data\",\r\n response: JSON.stringify(keys()),\r\n dto: JSON.stringify(keys()),\r\n parameters: JSON.stringify(keys()),\r\n dateSteps: \"D\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Day()\r\n};\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n\r\n const selectedBorders = applicationState.selectedBorders.filter((f) => f.selected);\r\n const initialData: AtcDto[] = [];\r\n const [data, setData] = useState(initialData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, true, false, keys());\r\n setLoading(true);\r\n setData([]);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/\" + page_config.apiUrl,\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n setLoading(false);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default withTranslation()(Page);\r\n","import { default as React } from \"react\";\r\n\r\n\r\nimport { WithTranslation, withTranslation } from \"react-i18next\";\r\nimport Row from \"./row\";\r\nimport { AtcDto, ScheduledExchangesDto, PriceSpreadDto, CongestionIncomeDto, LtnDto, ShadowAuctionAtcDto, IntradayAtcDto } from \"core/backend/data\";\r\nimport { keys } from \"ts-transformer-keys\";\r\n\r\ninterface OwnProps {\r\n scrollPosition?: { left: number, top: number };\r\n border: string;\r\n dates: Date[];\r\n atcData: AtcDto[];\r\n qtyData: ScheduledExchangesDto[];\r\n psData: PriceSpreadDto[];\r\n ciData: CongestionIncomeDto[];\r\n ltnData: LtnDto[];\r\n sAtcData: ShadowAuctionAtcDto[];\r\n iAtcData: IntradayAtcDto[];\r\n}\r\n\r\nconst List = ({ t, border, dates, atcData, qtyData, psData, ciData, ltnData, sAtcData, iAtcData, scrollPosition }: OwnProps & WithTranslation) => {\r\n const top = Math.max(0, ((scrollPosition?.top || 0) - 16));\r\n const left = Math.max(0, ((scrollPosition?.left || 0) - 16));\r\n\r\n const hasAtcData = keys().map(m => m.toString()).includes(\"border_\" + border.toUpperCase());\r\n const hasQtyData = keys().map(m => m.toString()).includes(\"border_\" + border.toUpperCase());\r\n const hasPsData = keys().map(m => m.toString()).includes(\"border_\" + border.toUpperCase());\r\n const hasCiData = keys().map(m => m.toString()).includes(\"border_\" + border.toUpperCase());\r\n const hasLtnData = keys().map(m => m.toString()).includes(\"border_\" + border.toUpperCase());\r\n const hasSAtcData = keys().map(m => m.toString()).includes(\"border_\" + border.toUpperCase());\r\n const hasIAtcData = keys().map(m => m.toString()).includes(\"initial_\" + border.toUpperCase());\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"common:Date\")} \r\n {hasAtcData && {t(\"page_borderDataOverview:Atc\")} }\r\n {hasQtyData && {t(\"page_borderDataOverview:Sec\")} }\r\n {hasPsData && {t(\"page_borderDataOverview:Ps\")} }\r\n {hasCiData && {t(\"page_borderDataOverview:Ci\")} }\r\n {hasLtnData && {t(\"page_borderDataOverview:Ltn\")} }\r\n {hasSAtcData && {t(\"page_borderDataOverview:SaAtc\")} }\r\n {hasIAtcData && {t(\"page_borderDataOverview:IAtc\")} }\r\n \r\n \r\n \r\n {\r\n dates\r\n && atcData.length + qtyData.length + psData.length + ciData.length + ltnData.length + sAtcData.length + iAtcData.length > 0\r\n && dates.map((d) => |
)\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nconst translated = withTranslation(\"page_borderDataOverview\")(List);\r\n\r\nexport default translated;","const s = require(\"./borderDataOverview.module.scss\");\r\n\r\nimport { default as React, useEffect, useContext, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { GetAtcResponse, GetScheduledExchangesResponse, GetPriceSpreadResponse, GetCongestionIncomeResponse, GetLtnResponse, GetShadowAuctionAtcResponse, GetIntradayAtcResponse, AtcDto, ScheduledExchangesDto, PriceSpreadDto, CongestionIncomeDto, LtnDto, IntradayAtcDto, ShadowAuctionAtcDto } from \"core/backend/data\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport BorderName from \"components/borderName\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport classNames from \"classnames\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport { PageList } from \"core/pages/pageList\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"borderDataOverview\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"\",\r\n webUrl: \"borderDataOverview\",\r\n menu: \"menu:menuBorderDataOverview\",\r\n title: \"menu:titleBorderDataOverview\",\r\n apiType: \"data\",\r\n response: \"\",\r\n dto: \"\",\r\n parameters: \"\",\r\n dateSteps: \"D\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Day()\r\n};\r\n\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n\r\n const keysInDto: string[] =\r\n keys().filter(k => k.startsWith(\"border_\")).map(k => k.toString()) //specify type\r\n .concat(keys().filter(k => k.startsWith(\"border_\")))\r\n .concat(keys().filter(k => k.startsWith(\"border_\")))\r\n .concat(keys().filter(k => k.startsWith(\"border_\")))\r\n .concat(keys().filter(k => k.startsWith(\"border_\")))\r\n .concat(keys().filter(k => k.startsWith(\"border_\")))\r\n .concat(keys().filter(k => k.startsWith(\"initial_\")).map(k => k.replace(\"initial_\", \"border_\")))\r\n .filter((value, index, self) => self.indexOf(value) === index) // =distinct\r\n .sort();\r\n const dtoBorders = applicationState.selectedBorders.filter(f => f.selected && f.isDisplayed);\r\n const [selectedBorder, setSelectedBorder] = useState(dtoBorders.length == 0 ? \"\" : dtoBorders[0].id);\r\n\r\n const initialAtcData: AtcDto[] = [];\r\n const initialQTYData: ScheduledExchangesDto[] = [];\r\n const initialPsData: PriceSpreadDto[] = [];\r\n const initialCiData: CongestionIncomeDto[] = [];\r\n const initialLtnData: LtnDto[] = [];\r\n const initialSAtcData: ShadowAuctionAtcDto[] = [];\r\n const initialIAtcData: IntradayAtcDto[] = [];\r\n const initialDates: Date[] = [];\r\n\r\n const [atcData, setAtcData] = useState(initialAtcData);\r\n const [qtyData, setQtyData] = useState(initialQTYData);\r\n const [psData, setPsData] = useState(initialPsData);\r\n const [ciData, setCiData] = useState(initialCiData);\r\n const [ltnData, setLtnData] = useState(initialLtnData);\r\n const [sAtcData, setSAtcData] = useState(initialSAtcData);\r\n const [iAtcData, setIAtcData] = useState(initialIAtcData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n const [dates, setDates] = useState(initialDates);\r\n\r\n const loadAtc = async () => {\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/atc\",\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setAtcData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n };\r\n const loadQty = async () => {\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/scheduledExchanges\",\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setQtyData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n };\r\n const loadPriceSpread = async () => {\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/priceSpread\",\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setPsData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n };\r\n const loadCongestionIncome = async () => {\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/congestionIncome\",\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setCiData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n };\r\n const loadLtn = async () => {\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/ltn\",\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setLtnData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n };\r\n const loadSAtc = async () => {\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/shadowAuctionAtc\",\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setSAtcData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n };\r\n const loadIAtc = async () => {\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/intradayAtc\",\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setIAtcData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, true, false, keysInDto);\r\n setLoading(true);\r\n setAtcData([]);\r\n setQtyData([]);\r\n setPsData([]);\r\n setCiData([]);\r\n setLtnData([]);\r\n setSAtcData([]);\r\n setIAtcData([]);\r\n\r\n const rootDate = applicationState.getRootUtcTime();\r\n let date = rootDate;\r\n let xxx: Date[] = [];\r\n while (rootDate.getDate() === date.getDate()) {\r\n xxx = [...xxx, new Date(date)];\r\n date = new Date(date.setHours(date.getHours() + 1));\r\n }\r\n setDates(xxx);\r\n\r\n //we cannot use Promis.All to request both data at the same time because of IP LIMIT\r\n //await Promise.all([\r\n await loadAtc();\r\n await loadQty();\r\n await loadPriceSpread();\r\n await loadCongestionIncome();\r\n await loadLtn();\r\n await loadSAtc();\r\n await loadIAtc();\r\n //]);\r\n setLoading(false);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n\r\n return (\r\n <>\r\n \r\n {dtoBorders.map(b =>
setSelectedBorder(b.id)}>
)}\r\n
\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default withTranslation(\"page_borderDataOverview\")(Page);\r\n","import { default as React, useContext } from \"react\";\r\n\r\n\r\nimport { WithTranslation, withTranslation } from \"react-i18next\";\r\nimport Row from \"./row\";\r\nimport { CongestionIncomeDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport BorderName from \"components/borderName\";\r\nimport classNames from \"classnames\";\r\n\r\ninterface OwnProps {\r\n scrollPosition?: { left: number, top: number };\r\n data: CongestionIncomeDto[];\r\n hubs: MultiSelectItem[];\r\n tsos: MultiSelectItem[];\r\n borders: MultiSelectItem[];\r\n}\r\n\r\nconst List = ({ t, data, hubs, tsos, borders, scrollPosition }: OwnProps & WithTranslation) => {\r\n const titleTop = Math.max(0, (scrollPosition?.top || 0) - 16);\r\n const top = Math.max(0, ((scrollPosition?.top || 0) - 16));\r\n const left = Math.max(0, ((scrollPosition?.left || 0) - 16));\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"page_congestionIncome:GrossHUB\")} \r\n {t(\"page_congestionIncome:GrossTSO\")} \r\n {t(\"page_congestionIncome:NetHUB\")} \r\n {t(\"page_congestionIncome:NetTSO\")} \r\n {t(\"page_congestionIncome:GrossExternalBorder\")} \r\n \r\n \r\n {t(\"common:Date\")} \r\n {hubs.length == 0 ? Check your filter : hubs.map((hub) => {t(\"common_hubs:\" + hub.id)} )}\r\n {tsos.length == 0 ? Check your filter : tsos.map((tso, index) => {t(\"common_tsos:\" + tso.id)} )}\r\n {hubs.length == 0 ? Check your filter : hubs.map((hub, index) => {t(\"common_hubs:\" + hub.id)} )}\r\n {tsos.length == 0 ? Check your filter : tsos.map((tso, index) => {t(\"common_tsos:\" + tso.id)} )}\r\n {borders.length == 0 ? Check your filter : borders.map((border, index) => \r\n \r\n \r\n {\r\n data && data.map((d) => |
)\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nconst translated = withTranslation(\"page_congestionIncome\")(List);\r\n\r\nexport default translated;","import { default as React, useEffect, useContext, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { CongestionIncomeDto, GetCongestionIncomeQuery, GetCongestionIncomeResponse } from \"core/backend/data\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport { PageList } from \"core/pages/pageList\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"congestionIncome\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"congestionIncome\",\r\n webUrl: \"congestionIncome\",\r\n menu: \"menu:menuCongestionIncome\",\r\n title: \"menu:titleCongestionIncome\",\r\n apiType: \"data\",\r\n response: JSON.stringify(keys()),\r\n dto: JSON.stringify(keys()),\r\n parameters: JSON.stringify(keys()),\r\n dateSteps: \"D\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Day()\r\n};\r\n\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n\r\n const selectedHubs = applicationState.selectedHubs.filter((f) => f.selected && f.isDisplayed);\r\n const selectedTsos = applicationState.selectedTsos.filter((f) => f.selected && f.isDisplayed);\r\n const selectedBorders = applicationState.selectedBorders.filter((f) => f.selected && f.isDisplayed);\r\n\r\n const initialData: CongestionIncomeDto[] = [];\r\n const [data, setData] = useState(initialData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n const dtoKeys = keys().filter(f => f.startsWith(\"gross\"))\r\n .map(k => k.replace(\"grossHub_\", \"hub_\")\r\n .replace(\"grossTso_\", \"tso_\")\r\n .replace(\"grossBorder_\", \"border_\"));\r\n\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, true, true, dtoKeys);\r\n setLoading(true);\r\n setData([]);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/\" + page_config.apiUrl,\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: page_config.getDefaultToDateTime(applicationState).toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n setLoading(false);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default withTranslation(\"page_congestionIncome\")(Page);\r\n","const s = require(\"./coreMap.module.scss\");\r\n\r\nimport { default as React } from \"react\";\r\nimport { WithTranslation, withTranslation } from \"react-i18next\";\r\nimport classNames from \"classnames\";\r\nimport { CardStyle } from \"./content\";\r\n\r\ninterface OwnProps {\r\n row: number;\r\n col: number;\r\n height: number;\r\n width: number;\r\n code: string;\r\n max: number;\r\n min: number;\r\n cardStyle: CardStyle;\r\n}\r\n\r\nconst Country = (props: OwnProps & WithTranslation) => {\r\n\r\n const elementHeight = props.cardStyle.elementHeight;\r\n const elementWidth = props.cardStyle.elementWidth;\r\n const margin = props.cardStyle.margin;\r\n\r\n const top = (props.row - 1) * (elementHeight + margin);\r\n const left = (props.col - 1) * (elementWidth + margin);\r\n const width = (props.width * (elementWidth + margin)) - margin;\r\n const height = (props.height * (elementHeight + margin)) - margin;\r\n return (\r\n \r\n
{props.t(\"common_country:\" + props.code)}
\r\n
\r\n \r\n {props.t(\"page_coreMap:export\")} {props.max} {props.t(\"page_coreMap:import\")} {props.min} \r\n
\r\n
\r\n
{(props.in && Math.floor(props.in)) ?? \"-\"}
\r\n
{(props.out && Math.floor(props.out)) ?? \"-\"}
\r\n
\r\n
{(props.in && Math.floor(props.in)) ?? \"-\"}
\r\n
{(props.out && Math.floor(props.out)) ?? \"-\"}
\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst translated = withTranslation()(List);\r\n\r\nexport default translated;","const s = require(\"./contentPart.module.scss\");\r\n\r\nimport { default as React, useState, useRef, useContext, useLayoutEffect, CSSProperties } from \"react\";\r\nimport { faExclamationTriangle } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\n\r\nconst ContentPart = (props: any) => {\r\n\r\n const containerRef: any = useRef(null);\r\n useLayoutEffect(() => {\r\n //calculate optimal zoom:\r\n if (!props.isLoading && containerRef.current.offsetWidth > 0) {\r\n setZoom(Math.max(0.5, Math.min(containerRef.current.offsetWidth * zoom / containerRef.current.scrollWidth,\r\n containerRef.current.offsetHeight * zoom / containerRef.current.scrollHeight)));\r\n }\r\n }, [props.isLoading]);\r\n const [zoom, setZoom] = useState(1);\r\n const style: CSSProperties = { border: \"1px solid gray\", textAlign: \"center\", cursor: \"pointer\" };\r\n\r\n return \r\n
\r\n
\r\n {props.isLoading &&
}\r\n {!props.isLoading && props.error !== \"\" &&
}\r\n {!props.isLoading && props.error === \"\" && !props.data &&
}\r\n {props.children && React.cloneElement(props.children, {})}\r\n
\r\n
({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/maxNetPos\",\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setMaxNetPosData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n };\r\n const loadMaxExchanges = async () => {\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/maxExchanges\",\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setMaxExchangesData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n };\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, false, false, []);\r\n setLoading(true);\r\n const date = applicationState.getRootUtcTime();\r\n if (loadedDate !== date) {\r\n setMaxNetPosData([]);\r\n setMaxExchangesData([]);\r\n //we cannot use Promis.All to request both data at the same time because of IP LIMIT\r\n /*await Promise.all([\r\n loadMaxNetPos(),\r\n loadMaxExchanges()\r\n ]);*/\r\n await loadMaxNetPos();\r\n await loadMaxExchanges();\r\n setLoadedDate(date);\r\n }\r\n setLoading(false);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n\r\n return (\r\n <>\r\n \r\n new Date(f.dateTimeUtc).toISOString() === applicationState.selectedDate.toISOString())[0]}\r\n maxExchangeHour={maxExchangesData.filter(f => new Date(f.dateTimeUtc).toISOString() === applicationState.selectedDate.toISOString())[0]}\r\n hubs={selectedHubs} />\r\n \r\n \r\n );\r\n};\r\n\r\nexport default withTranslation()(Page);\r\n","const s = require(\"./coreMarketGraph.module.scss\");\r\n\r\nimport { default as React, useEffect, useContext, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport Content from \"./content\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport { MaxNetPosDto, GetMaxNetPosResponse, MaxExchangesDto, GetMaxExchangesResponse } from \"core/backend/data\";\r\nimport ContentPart from \"components/contentPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport classNames from \"classnames\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport { PageList } from \"core/pages/pageList\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"coreMarketGraph\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"\",\r\n webUrl: \"coreMarketGraph\",\r\n menu: \"menu:menuCoreMarketGraphs\",\r\n title: \"menu:titleCoreMarketGraphs\",\r\n apiType: \"data\",\r\n response: \"\",\r\n dto: \"\",\r\n parameters: \"\",\r\n dateSteps: \"D\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Day()\r\n};\r\n\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n\r\n if (!applicationState.initialized) return
;\r\n\r\n const borders: string[] = keys();\r\n const hubs: string[] = keys().filter(f => f.startsWith(\"min\")).map(f => f.replace(\"min\", \"hub_\"));\r\n\r\n const selectedBorders = applicationState.selectedBorders.filter((f) => f.selected && f.isDisplayed);\r\n\r\n const initialMaxNetPosData: MaxNetPosDto[] = [];\r\n const [maxNetPosData, setMaxNetPosData] = useState(initialMaxNetPosData);\r\n const initialMaxExchangesData: MaxExchangesDto[] = [];\r\n const [maxExchangesData, setMaxExchangesData] = useState(initialMaxExchangesData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n const [selectedHubs, setSelectedHubs] = useState(\r\n hubs.map(f => f.replace(\"hub_\", \"\"))\r\n .filter(f => !f.startsWith(\"AL\"))// remove albe alde\r\n .map(h => {\r\n const x: MultiSelectItem = { id: h, text: h, isDisplayed: true, selected: true };\r\n return x;\r\n }).sort((a, b) => a.id.localeCompare(b.id))// ascending\r\n );\r\n\r\n const loadMaxNetPos = async () => {\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/maxNetPos\",\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setMaxNetPosData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n };\r\n const loadMaxExchanges = async () => {\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/maxExchanges\",\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setMaxExchangesData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n };\r\n const setSelected = (id: string) => {\r\n const newList = selectedHubs.map((item) => {\r\n if (item.id.startsWith(id)) {\r\n const updatedItem = {\r\n ...item,\r\n selected: !item.selected\r\n };\r\n return updatedItem;\r\n }\r\n return item;\r\n });\r\n setSelectedHubs(newList);\r\n };\r\n const clearSelection = () => {\r\n const newList = selectedHubs.map((item) => {\r\n const updatedItem = {\r\n ...item,\r\n selected: false\r\n };\r\n return updatedItem;\r\n });\r\n setSelectedHubs(newList);\r\n };\r\n\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, true, false, borders.concat(hubs));\r\n setLoading(true);\r\n setMaxNetPosData([]);\r\n setMaxExchangesData([]);\r\n //we cannot use Promis.All to request both data at the same time because of IP LIMIT\r\n /*await Promise.all([\r\n loadMaxNetPos(),\r\n loadMaxExchanges()\r\n ]);*/\r\n await loadMaxNetPos();\r\n await loadMaxExchanges();\r\n\r\n setLoading(false);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n\r\n return (\r\n <>\r\n \r\n
h.selected).length === 0 ? s.selected : \"\")} onClick={() => clearSelection()}>{t(\"common:none\")}
\r\n {selectedHubs.map(b =>
setSelected(b.id)}>{t(\"common_hubs:\" + b.id)}
)}\r\n
\r\n h.selected)} borders={selectedBorders} />\r\n \r\n \r\n );\r\n};\r\n\r\nexport default withTranslation()(Page);\r\n","import { default as React, useEffect, useContext, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport Content from \"./content\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { MaxNetPosDto, GetMaxNetPosResponse, MaxExchangesDto, GetMaxExchangesResponse, GetCheckVolumeQuery } from \"core/backend/data\";\r\nimport ContentPart from \"components/contentPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport { PageList } from \"core/pages/pageList\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"coreMarketView\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"\",\r\n webUrl: \"coreMarketView\",\r\n menu: \"menu:menuCoreMarketView\",\r\n title: \"menu:titleCoreMarketView\",\r\n apiType: \"data\",\r\n response: \"\",\r\n dto: \"\",\r\n parameters: \"\",\r\n dateSteps: \"H\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Hour()\r\n};\r\n\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n\r\n if (!applicationState.initialized) return
;\r\n\r\n const initialMaxNetPosData: MaxNetPosDto[] = [];\r\n const [maxNetPosData, setMaxNetPosData] = useState(initialMaxNetPosData);\r\n const initialMaxExchangesData: MaxExchangesDto[] = [];\r\n const [maxExchangesData, setMaxExchangesData] = useState(initialMaxExchangesData);\r\n const [isLoading, setLoading] = useState(true);\r\n const [error, setError] = useState(\"\");\r\n const [loadedDate, setLoadedDate] = useState(\"\");\r\n\r\n\r\n const loadMaxNetPos = async () => {\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/maxNetPos\",\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setMaxNetPosData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n };\r\n const loadMaxExchanges = async () => {\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/maxExchanges\",\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setMaxExchangesData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n };\r\n\r\n const dtoHubKeys: string[] = keys()\r\n .filter(f => f.startsWith(\"hub_\"));\r\n\r\n const dtoBorderKeys: string[] = keys()\r\n .filter(f => f.startsWith(\"border_\"));\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, false, false, dtoHubKeys.concat(dtoBorderKeys));\r\n //setLoading(true);\r\n const date = applicationState.getRootUtcTime().toISOString();\r\n if (loadedDate !== date) {\r\n setMaxNetPosData([]);\r\n setMaxExchangesData([]);\r\n //we cannot use Promis.All to request both data at the same time because of IP LIMIT\r\n /*await Promise.all([\r\n loadMaxNetPos(),\r\n loadMaxExchanges(),\r\n ]);*/\r\n await loadMaxNetPos();\r\n await loadMaxExchanges();\r\n\r\n setLoadedDate(date);\r\n }\r\n setLoading(false);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n const abc = {} as MaxNetPosDto;\r\n return (\r\n <>\r\n \r\n new Date(f.dateTimeUtc).toISOString() === applicationState.selectedDate.toISOString())[0] || undefined}\r\n maxExchangeData={maxExchangesData.filter(f => new Date(f.dateTimeUtc).toISOString() === applicationState.selectedDate.toISOString())[0] || undefined}\r\n />\r\n \r\n \r\n );\r\n};\r\n\r\nexport default withTranslation()(Page);\r\n","import { default as React } from \"react\";\r\n\r\nimport { WithTranslation, withTranslation } from \"react-i18next\";\r\nimport Row from \"./row\";\r\nimport { CraDto } from \"core/backend/data\";\r\nimport classNames from \"classnames\";\r\n\r\ninterface OwnProps {\r\n scrollPosition?: { left: number, top: number };\r\n data: CraDto[];\r\n}\r\n\r\nconst List = ({ t, data, scrollPosition }: OwnProps & WithTranslation) => {\r\n const top = Math.max(0, ((scrollPosition?.top || 0) - 16));\r\n const left = Math.max(0, ((scrollPosition?.left || 0) - 16));\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"page_cra:cra\") + i + \" \" + t(\"page_cra:information\")} )\r\n }\r\n \r\n \r\n {t(\"common:Date\")} \r\n\r\n {t(\"page_cra:cnecTso\")} \r\n {t(\"page_cra:cnecName\")} \r\n {\r\n [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]\r\n .map((i) => \r\n {t(\"page_cra:name\")} \r\n {t(\"page_cra:baseline\")} \r\n {t(\"page_cra:afterNrao\")} \r\n )\r\n }\r\n\r\n \r\n \r\n \r\n {\r\n data && data.map((d) => |
)\r\n }\r\n \r\n
\r\n\r\n );\r\n};\r\n\r\nconst translated = withTranslation(\"page_cra\")(List);\r\n\r\nexport default translated;","import { default as React, useEffect, useContext, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { CraDto, GetCraQuery, GetCraResponse } from \"core/backend/data\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport { PageList } from \"core/pages/pageList\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"cra\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"cra\",\r\n webUrl: \"cra\",\r\n menu: \"menu:menuRemedialActionCurative\",\r\n title: \"menu:titleRemedialActionCurative\",\r\n apiType: \"data\",\r\n response: JSON.stringify(keys()),\r\n dto: JSON.stringify(keys()),\r\n parameters: JSON.stringify(keys()),\r\n dateSteps: \"H\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Hour()\r\n};\r\n\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n const initialData: CraDto[] = [];\r\n const [data, setData] = useState(initialData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n const [search, setSearch] = useState(\"\");\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, false, false, keys());\r\n setLoading(true);\r\n setData([]);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/\" + page_config.apiUrl,\r\n\r\n query: {\r\n FromUtc: applicationState.selectedDate.toISOString(),\r\n ToUtc: applicationState.getUntilFor1Hour().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setData(response.data.data);\r\n setError(\"\");\r\n setLoading(false);\r\n } else if ((response.cancel || false) === false) {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n setLoading(false);\r\n }\r\n })();\r\n }, [applicationState.selectedDate, search]);\r\n\r\n const filteredData = data.filter((r: any) => {\r\n for (let name in r) if (r[name].toString().includes(search)) return true;\r\n return false;\r\n });\r\n\r\n return (\r\n <>\r\n \r\n
\r\n
{t(\"page_Search\")}
\r\n
setSearch(e.currentTarget.value)} />\r\n
\r\n
\r\n
{t(\"page_Total Rows\") + \": \" + data.length}
\r\n
{t(\"page_Search Rows\") + \": \" + filteredData.length}
\r\n
{t(\"page_Shown Rows\") + \": \" + Math.min(applicationState.maxRows, filteredData.length)}
\r\n
\r\n
\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default withTranslation(\"page_cra\")(Page);\r\n","import { default as React, useContext } from \"react\";\r\n\r\n\r\nimport { WithTranslation, withTranslation } from \"react-i18next\";\r\nimport Row from \"./row\";\r\nimport { D2CFDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport classNames from \"classnames\";\r\n\r\ninterface OwnProps {\r\n scrollPosition?: { left: number, top: number };\r\n data: D2CFDto[];\r\n hubs: MultiSelectItem[];\r\n tsos: MultiSelectItem[];\r\n}\r\n\r\nconst List = ({ t, data, hubs, tsos, scrollPosition }: OwnProps & WithTranslation) => {\r\n const titleTop = Math.max(0, (scrollPosition?.top || 0) - 16);\r\n const top = Math.max(0, ((scrollPosition?.top || 0) - 16));\r\n const left = Math.max(0, ((scrollPosition?.left || 0) - 16));\r\n\r\n const keysInDto = keys();\r\n const dtoHubs = hubs.filter((x) => keysInDto.some((key) => key.toLowerCase().endsWith(x.id.toLowerCase())));\r\n const dtoTsos = tsos.filter((x) => keysInDto.some((key) => key.toLowerCase().endsWith(x.id.toLowerCase())));\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"page_d2cf:hub\")} \r\n {t(\"page_d2cf:tso\")} \r\n \r\n \r\n {t(\"page_d2cf:VerticalLoad\")} \r\n {t(\"page_d2cf:Generation\")} \r\n {t(\"page_d2cf:CoreNetPosition\")} \r\n {dtoTsos.map((tso, index) => \r\n {t(\"page_d2cf:VertLoad\")} \r\n {t(\"page_d2cf:Gen\")} \r\n {t(\"page_d2cf:Cnp\")} \r\n )}\r\n \r\n \r\n {t(\"common:Date\")} \r\n {dtoHubs.length == 0 ? Check your filter : <>}\r\n {dtoHubs.map((hub, index) => {t(\"common_hubs:\" + hub.id)} )}\r\n {dtoHubs.map((hub, index) => {t(\"common_hubs:\" + hub.id)} )}\r\n {dtoHubs.map((hub, index) => {t(\"common_hubs:\" + hub.id)} )}\r\n {dtoTsos.length == 0 ? Check your filter : dtoTsos.map((tso, index) => {t(\"common_tsos:\" + tso.id)} )}\r\n \r\n \r\n \r\n {\r\n data && data.map((d) => |
)\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nconst translated = withTranslation(\"page_d2cf\")(List);\r\n\r\nexport default translated;","import { default as React, useEffect, useContext, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { D2CFDto, GetD2CFQuery, GetD2CFResponse } from \"core/backend/data\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport { PageList } from \"core/pages/pageList\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"d2CF\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"d2CF\",\r\n webUrl: \"d2CF\",\r\n menu: \"menu:menuD2CF\",\r\n title: \"menu:titleD2CF\",\r\n apiType: \"data\",\r\n response: JSON.stringify(keys()),\r\n dto: JSON.stringify(keys()),\r\n parameters: JSON.stringify(keys()),\r\n dateSteps: \"D\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Day()\r\n};\r\n\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n\r\n const keyss = keys()\r\n .filter(f => f.startsWith(\"verticalLoad_\"))\r\n .map(m => m.replace(\"verticalLoad_\", \"\"))\r\n .map(m => (m.length == 2 ? \"hub_\" : \"tso_\") + m);\r\n\r\n const selectedHubs = applicationState.selectedHubs.filter((f) => f.isDisplayed && f.selected);\r\n const selectedTsos = applicationState.selectedTsos.filter((f) => f.isDisplayed && f.selected);\r\n\r\n const initialData: D2CFDto[] = [];\r\n const [data, setData] = useState(initialData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, false, true, keyss);\r\n setLoading(true);\r\n setData([]);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/d2CF\",\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n setLoading(false);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n\r\n return (\r\n <>\r\n \r\n h1.id < h2.id ? -1 : 1)}\r\n tsos={selectedTsos.sort((h1, h2) => h1.id < h2.id ? -1 : 1)} />\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default withTranslation(\"page_d2cf\")(Page);\r\n","import { default as React, useContext } from \"react\";\r\n\r\nimport { WithTranslation, withTranslation } from \"react-i18next\";\r\nimport Row from \"./row\";\r\nimport { IntradayAtcDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport BorderName from \"components/borderName\";\r\nimport { keys } from \"ts-transformer-keys\";\r\n\r\ninterface OwnProps {\r\n scrollPosition?: { left: number, top: number };\r\n data: IntradayAtcDto[];\r\n borders: MultiSelectItem[];\r\n}\r\n\r\nconst List = ({ t, data, borders, scrollPosition }: OwnProps & WithTranslation) => {\r\n const top = Math.max(0, ((scrollPosition?.top || 0) - 16));\r\n const left = Math.max(0, ((scrollPosition?.left || 0) - 16));\r\n\r\n const deltaBorderNames = keys().filter(f => f.startsWith(\"delta_\")).map(m => m.replace(\"delta_\", \"\"))\r\n const bordersWithDelta = borders.filter(f => deltaBorderNames.includes(f.id));\r\n const bordersWithoutDelta = borders.filter(f => !deltaBorderNames.includes(f.id));\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n {t(\"page_intradayAtc:Cwe\")} \r\n {t(\"page_intradayAtc:Cee\")} \r\n \r\n \r\n \r\n \r\n {t(\"common:Date\")} \r\n {bordersWithDelta.map((border) => \r\n {t(\"page_intradayAtc:Initial\")} \r\n {t(\"page_intradayAtc:Delta\")} \r\n )}\r\n {bordersWithoutDelta.map((border) => {t(\"page_intradayAtc:Initial\")} )}\r\n \r\n \r\n \r\n {\r\n data && data.map((d) => |
)\r\n }\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nconst translated = withTranslation(\"page_intradayAtc\")(List);\r\n\r\nexport default translated;","import { default as React, useEffect, useContext, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { IntradayAtcDto, GetIntradayAtcResponse, GetIntradayAtcQuery } from \"core/backend/data\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport { PageList } from \"core/pages/pageList\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"intradayAtc\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"intradayAtc\",\r\n webUrl: \"intradayAtc\",\r\n menu: \"menu:menuIntradayATC\",\r\n title: \"menu:titleIntradayAtc\",\r\n apiType: \"data\",\r\n response: JSON.stringify(keys()),\r\n dto: JSON.stringify(keys()),\r\n parameters: JSON.stringify(keys()),\r\n dateSteps: \"D\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Day()\r\n};\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n const initialData: IntradayAtcDto[] = [];\r\n const [data, setData] = useState(initialData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, true, false,\r\n keys().filter(f => f.startsWith(\"initial_\"))\r\n .map(m => m.replace(\"initial_\", \"border_\")));\r\n setLoading(true);\r\n setData([]);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/\" + page_config.apiUrl,\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: page_config.getDefaultToDateTime(applicationState).toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n setLoading(false);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n\r\n return (\r\n <>\r\n \r\n f.selected && f.isDisplayed)} />\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default withTranslation(\"page_intradayAtc\")(Page);\r\n","import { default as React, useContext } from \"react\";\r\n\r\nimport { WithTranslation, withTranslation } from \"react-i18next\";\r\nimport Row from \"./row\";\r\nimport { IntradayNtcDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport BorderName from \"components/borderName\";\r\nimport { keys } from \"ts-transformer-keys\";\r\n\r\ninterface OwnProps {\r\n scrollPosition?: { left: number, top: number };\r\n data: IntradayNtcDto[];\r\n borders: MultiSelectItem[];\r\n}\r\n\r\nconst List = ({ t, data, borders, scrollPosition }: OwnProps & WithTranslation) => {\r\n const top = Math.max(0, ((scrollPosition?.top || 0) - 16));\r\n const left = Math.max(0, ((scrollPosition?.left || 0) - 16));\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n {t(\"common:Date\")} \r\n {borders.map((border) => \r\n \r\n {borders.map((border) =>\r\n \r\n {t(\"page_intradayNtc:Initial\")} \r\n )}\r\n \r\n \r\n \r\n {\r\n data && data.map((d) => |
)\r\n }\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nconst translated = withTranslation(\"page_intradayNtc\")(List);\r\n\r\nexport default translated;","import { default as React, useEffect, useContext, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { IntradayNtcDto, GetIntradayNtcResponse, GetIntradayNtcQuery } from \"core/backend/data\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport { PageList } from \"core/pages/pageList\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"intradayNtc\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"intradayNtc\",\r\n webUrl: \"intradayNtc\",\r\n menu: \"menu:menuIntradayNTC\",\r\n title: \"menu:titleIntradayNtc\",\r\n apiType: \"data\",\r\n response: JSON.stringify(keys()),\r\n dto: JSON.stringify(keys()),\r\n parameters: JSON.stringify(keys()),\r\n dateSteps: \"D\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Day()\r\n};\r\n\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n const initialData: IntradayNtcDto[] = [];\r\n const [data, setData] = useState(initialData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, true, false,\r\n keys().filter(f => f.startsWith(\"initial_\"))\r\n .map(m => m.replace(\"initial_\", \"border_\")));\r\n setLoading(true);\r\n setData([]);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/\" + page_config.apiUrl,\r\n\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n setLoading(false);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n\r\n return (\r\n <>\r\n \r\n f.selected && f.isDisplayed)} />\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default withTranslation(\"page_intradayNtc\")(Page);\r\n","import { default as React, useContext } from \"react\";\r\n\r\n\r\nimport { WithTranslation, withTranslation } from \"react-i18next\";\r\nimport Row from \"./row\";\r\nimport { LtaDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport BorderName from \"components/borderName\";\r\nimport { keys } from \"ts-transformer-keys\";\r\n\r\ninterface OwnProps {\r\n scrollPosition?: { left: number, top: number };\r\n data: LtaDto[];\r\n borders: MultiSelectItem[];\r\n}\r\n\r\nconst List = ({ t, data, borders, scrollPosition }: OwnProps & WithTranslation) => {\r\n const top = Math.max(0, ((scrollPosition?.top || 0) - 16));\r\n const left = Math.max(0, ((scrollPosition?.left || 0) - 16));\r\n\r\n const keysInDto = keys();\r\n const dtoBorders = borders.filter((x) => keysInDto.some((key) => key.toLowerCase().endsWith(x.id.toLowerCase())));\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"common:Date\")} \r\n {dtoBorders.map((border) => \r\n \r\n \r\n {\r\n data && data.map((d) => |
)\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nconst translated = withTranslation()(List);\r\n\r\nexport default translated;","import { default as React, useEffect, useContext, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { LtaDto, GetLtaResponse, GetLtaQuery } from \"core/backend/data\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport { PageList } from \"core/pages/pageList\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"lta\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"lta\",\r\n webUrl: \"lta\",\r\n menu: \"menu:menuLTA\",\r\n title: \"menu:titleLTA\",\r\n apiType: \"data\",\r\n response: JSON.stringify(keys()),\r\n dto: JSON.stringify(keys()),\r\n parameters: JSON.stringify(keys()),\r\n dateSteps: \"D\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Day()\r\n};\r\n\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n const initialResponse: any = {};\r\n const [lastRequestTime, setLastRequestTime] = useState(new Date());\r\n const [response, setResponse] = useState(initialResponse);\r\n \r\n const initialData: LtaDto[] = [];\r\n const [data, setData] = useState(initialData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n let requestTime = new Date();\r\n setLastRequestTime(requestTime);\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, true, false, keys());\r\n setLoading(true);\r\n setData([]);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/\" + page_config.apiUrl,\r\n\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n response.requestTime = requestTime;\r\n setResponse(response);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n\r\n useEffect(() => {\r\n if (lastRequestTime == response.requestTime) {\r\n if (response.ok) {\r\n setData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n setLoading(false);\r\n } else { /*we ignore this response, as it was not the last requested*alert(lastRequestTime + \" vs \" + response.requestTime);*/ }\r\n }, [response]);\r\n\r\n return (\r\n <>\r\n \r\n f.selected)} />\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default withTranslation()(Page);\r\n","import { default as React, useContext } from \"react\";\r\n\r\n\r\nimport { WithTranslation, withTranslation } from \"react-i18next\";\r\nimport Row from \"./row\";\r\nimport { LtnDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport BorderName from \"components/borderName\";\r\nimport { keys } from \"ts-transformer-keys\";\r\n\r\ninterface OwnProps {\r\n scrollPosition?: { left: number, top: number };\r\n data: LtnDto[];\r\n borders: MultiSelectItem[];\r\n}\r\n\r\nconst List = ({ t, data, borders, scrollPosition }: OwnProps & WithTranslation) => {\r\n const top = Math.max(0, ((scrollPosition?.top || 0) - 16));\r\n const left = Math.max(0, ((scrollPosition?.left || 0) - 16));\r\n\r\n const keysInDto = keys();\r\n const dtoBorders = borders.filter((x) => keysInDto.some((key) => key.toLowerCase().endsWith(x.id.toLowerCase())));\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"common:Date\")} \r\n {dtoBorders.map((border) => \r\n \r\n \r\n {\r\n data && data.map((d) => |
)\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nconst translated = withTranslation()(List);\r\n\r\nexport default translated;","import { default as React, useEffect, useContext, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { LtnDto, GetLtnResponse, GetLtnQuery } from \"core/backend/data\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport { PageList } from \"core/pages/pageList\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"ltn\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"ltn\",\r\n webUrl: \"ltn\",\r\n menu: \"menu:menuLTN\",\r\n title: \"menu:titleLTN\",\r\n apiType: \"data\",\r\n response: JSON.stringify(keys()),\r\n dto: JSON.stringify(keys()),\r\n parameters: JSON.stringify(keys()),\r\n dateSteps: \"D\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Day()\r\n};\r\n\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n const initialData: LtnDto[] = [];\r\n const [data, setData] = useState(initialData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n\r\n const availableBorders = applicationState.getCweTimeForDisplayPurposes(applicationState.selectedDate).getFullYear() >= 2023\r\n //AFTER 2023-01-01 -> only show HR<>SI\r\n ? keys().filter((f) => f.startsWith(\"border_\") && (f == \"border_HR_SI\" || f == \"border_SI_HR\"))\r\n //BEFORE 2023-01-01 -> show all selected borders\r\n : keys().filter((f) => f.startsWith(\"border_\"));\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, true, false, availableBorders);\r\n setLoading(true);\r\n setData([]);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/\" + page_config.apiUrl,\r\n\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n setLoading(false);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n\r\n return (\r\n <>\r\n \r\n f.selected && f.isDisplayed)} />\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default withTranslation()(Page);\r\n","import { default as React, useContext } from \"react\";\r\n\r\n\r\nimport { WithTranslation, withTranslation } from \"react-i18next\";\r\nimport Row from \"./row\";\r\nimport { MaxExchangesDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport BorderName from \"components/borderName\";\r\nimport { keys } from \"ts-transformer-keys\";\r\n\r\ninterface OwnProps {\r\n scrollPosition?: { left: number, top: number };\r\n data: MaxExchangesDto[];\r\n borders: MultiSelectItem[];\r\n}\r\n\r\nconst List = ({ t, data, borders, scrollPosition }: OwnProps & WithTranslation) => {\r\n const top = Math.max(0, ((scrollPosition?.top || 0) - 16));\r\n const left = Math.max(0, ((scrollPosition?.left || 0) - 16));\r\n const keysInDto = keys();\r\n const dtoBorders = borders.filter((x) => keysInDto.some((key) => key.toLowerCase().endsWith(x.id.toLowerCase())));\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"common:Date\")} \r\n {dtoBorders.map((border) => \r\n \r\n \r\n {\r\n data && data.map((d) => |
)\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nconst translated = withTranslation()(List);\r\n\r\nexport default translated;","import { default as React, useEffect, useContext, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { MaxExchangesDto, GetMaxExchangesResponse, GetMaxExchangesQuery } from \"core/backend/data\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport { PageList } from \"core/pages/pageList\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"maxExchanges\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"maxExchanges\",\r\n webUrl: \"maxExchanges\",\r\n menu: \"menu:menuMaxExchangesMaxBex\",\r\n title: \"menu:titleMaxExchangesMaxBex\",\r\n apiType: \"data\",\r\n response: JSON.stringify(keys()),\r\n dto: JSON.stringify(keys()),\r\n parameters: JSON.stringify(keys()),\r\n dateSteps: \"D\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Day()\r\n};\r\n\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n const initialData: MaxExchangesDto[] = [];\r\n const [data, setData] = useState(initialData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, true, false, keys());\r\n setLoading(true);\r\n setData([]);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/\" + page_config.apiUrl,\r\n\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n setLoading(false);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n\r\n return (\r\n <>\r\n \r\n f.selected)} />\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default withTranslation()(Page);\r\n","import { default as React, useContext } from \"react\";\r\n\r\n\r\nimport { WithTranslation, withTranslation } from \"react-i18next\";\r\nimport Row from \"./row\";\r\nimport { MaxNetPosDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport { keys } from \"ts-transformer-keys\";\r\n\r\ninterface OwnProps {\r\n scrollPosition?: { left: number, top: number };\r\n data: MaxNetPosDto[];\r\n hubs: MultiSelectItem[];\r\n}\r\n\r\nconst List = ({ t, data, hubs, scrollPosition }: OwnProps & WithTranslation) => {\r\n const top = Math.max(0, ((scrollPosition?.top || 0) - 16));\r\n const left = Math.max(0, ((scrollPosition?.left || 0) - 16));\r\n\r\n const keysInDto = keys();\r\n const dtoHubs = hubs.filter((x) => keysInDto.some((key) => key.toLowerCase().endsWith(x.id.toLowerCase())));\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"common:Date\")} \r\n {dtoHubs.map((hub) => {t(\"page_maxNetPos:Min\") + t(\"common_hubs:\" + hub.id)} )}\r\n {dtoHubs.map((hub) => {t(\"page_maxNetPos:Max\") + t(\"common_hubs:\" + hub.id)} )}\r\n \r\n \r\n \r\n {\r\n data && data.map((d) => |
)\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nconst translated = withTranslation(\"page_maxNetPos\")(List);\r\n\r\nexport default translated;","import { default as React, useEffect, useContext, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { MaxNetPosDto, GetMaxNetPosResponse, GetMaxNetPosQuery } from \"core/backend/data\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport { PageList } from \"core/pages/pageList\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"maxNetPos\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"maxNetPos\",\r\n webUrl: \"maxNetPos\",\r\n menu: \"menu:menuMaxNetPos\",\r\n title: \"menu:titleMaxNetPos\",\r\n apiType: \"data\",\r\n response: JSON.stringify(keys()),\r\n dto: JSON.stringify(keys()),\r\n parameters: JSON.stringify(keys()),\r\n dateSteps: \"D\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Day()\r\n};\r\n\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n\r\n const selectedHubs = applicationState.selectedHubs.filter((f) => f.selected);\r\n const initialData: MaxNetPosDto[] = [];\r\n const [data, setData] = useState(initialData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, false, true, keys().map(d => d.replace(\"min\", \"hub_\")));\r\n setLoading(true);\r\n setData([]);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/\" + page_config.apiUrl,\r\n\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n setLoading(false);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default withTranslation(\"page_maxNetPos\")(Page);\r\n","import { default as React, useContext } from \"react\";\r\n\r\n\r\nimport { WithTranslation, withTranslation } from \"react-i18next\";\r\nimport Row from \"./row\";\r\nimport { NetPosDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport { keys } from \"ts-transformer-keys\";\r\n\r\ninterface OwnProps {\r\n scrollPosition?: { left: number, top: number };\r\n data: NetPosDto[];\r\n hubs: MultiSelectItem[];\r\n}\r\n\r\nconst List = ({ t, data, hubs, scrollPosition }: OwnProps & WithTranslation) => {\r\n const top = Math.max(0, ((scrollPosition?.top || 0) - 16));\r\n const left = Math.max(0, ((scrollPosition?.left || 0) - 16));\r\n\r\n const keysInDto = keys();\r\n const dtoHubs = hubs.filter((x) => keysInDto.some((key) => key.toLowerCase().endsWith(x.id.toLowerCase())));\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"common:Date\")} \r\n {dtoHubs.map((hub) => {t(\"common_hubs:\" + hub.id)} )}\r\n \r\n \r\n \r\n {\r\n data && data.map((d) => |
)\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nconst translated = withTranslation()(List);\r\n\r\nexport default translated;","import { default as React, useEffect, useContext, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { NetPosDto, GetNetPosResponse, GetNetPosQuery } from \"core/backend/data\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport { PageList } from \"core/pages/pageList\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"netPos\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"netPos\",\r\n webUrl: \"netPos\",\r\n menu: \"menu:menuNetPosition\",\r\n title: \"menu:titleNetPosition\",\r\n apiType: \"data\",\r\n response: JSON.stringify(keys()),\r\n dto: JSON.stringify(keys()),\r\n parameters: JSON.stringify(keys()),\r\n dateSteps: \"D\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Day()\r\n};\r\n\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n\r\n const selectedHubs = applicationState.selectedHubs.filter((f) => f.selected);\r\n const initialData: NetPosDto[] = [];\r\n const [data, setData] = useState(initialData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, false, true, keys());\r\n setLoading(true);\r\n setData([]);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/\" + page_config.apiUrl,\r\n\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n setLoading(false);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default withTranslation()(Page);\r\n","import * as React from \"react\";\r\n\r\nimport { PraDto } from \"core/backend/data\";\r\nimport TDatetime from \"components/TDatetime\";\r\n\r\ninterface OwnProps {\r\n dto: PraDto;\r\n left: number;\r\n}\r\n\r\nconst Row = ({ dto, left }: OwnProps) =>\r\n \r\n {dto.reason} \r\n : <>\r\n {dto.name}{dto.reason} \r\n {dto.tso} \r\n {dto.baseline} \r\n {dto.afterNrao} \r\n \r\n }\r\n ;\r\n\r\nexport default Row;","import { default as React, useContext } from \"react\";\r\n\r\n\r\nimport { WithTranslation, withTranslation } from \"react-i18next\";\r\nimport Row from \"./row\";\r\nimport { PraDto } from \"core/backend/data\";\r\nimport classNames from 'classnames';\r\n\r\ninterface OwnProps {\r\n scrollPosition?: { left: number, top: number };\r\n data: PraDto[];\r\n}\r\n\r\nconst List = ({ t, data, scrollPosition }: OwnProps & WithTranslation) => {\r\n const top = Math.max(0, ((scrollPosition?.top || 0) - 16));\r\n const left = Math.max(0, ((scrollPosition?.left || 0) - 16));\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"page_pra:praInformation\")} \r\n {t(\"page_pra:parameters\")} \r\n \r\n \r\n {t(\"common:Date\")} \r\n\r\n {t(\"page_pra:pRaName\")} \r\n {t(\"page_pra:tso\")} \r\n {t(\"page_pra:baseline\")} \r\n {t(\"page_pra:afterNrao\")} \r\n \r\n \r\n \r\n {\r\n data && data.map((d) => |
)\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nconst translated = withTranslation(\"page_pra\")(List);\r\n\r\nexport default translated;","import { default as React, useEffect, useContext, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { PraDto, GetPraResponse, GetPraQuery } from \"core/backend/data\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport { PageList } from \"core/pages/pageList\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"pra\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"pra\",\r\n webUrl: \"pra\",\r\n menu: \"menu:menuRemedialActionPreventive\",\r\n title: \"menu:titleRemedialActionPreventive\",\r\n apiType: \"data\",\r\n response: JSON.stringify(keys()),\r\n dto: JSON.stringify(keys()),\r\n parameters: JSON.stringify(keys()),\r\n dateSteps: \"H\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Hour()\r\n};\r\n\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n const initialData: PraDto[] = [];\r\n const [data, setData] = useState(initialData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n const [search, setSearch] = useState(\"\");\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, false, false, keys());\r\n setLoading(true);\r\n setData([]);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/\" + page_config.apiUrl,\r\n\r\n query: {\r\n FromUtc: applicationState.selectedDate.toISOString(),\r\n ToUtc: applicationState.getUntilFor1Hour().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setData(response.data.data);\r\n setError(\"\");\r\n setLoading(false);\r\n } else if ((response.cancel || false) === false) {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n setLoading(false);\r\n }\r\n })();\r\n }, [applicationState.selectedDate, search]);\r\n\r\n const filteredData = data.filter((r: any) => {\r\n for (let name in r) if (r[name].toString().includes(search)) return true;\r\n return false;\r\n });\r\n\r\n return (\r\n <>\r\n \r\n
\r\n
{t(\"page_Search\")}
\r\n
setSearch(e.currentTarget.value)} />\r\n
\r\n
\r\n
{t(\"page_Total Rows\") + \": \" + data.length}
\r\n
{t(\"page_Search Rows\") + \": \" + filteredData.length}
\r\n
{t(\"page_Shown Rows\") + \": \" + Math.min(applicationState.maxRows, filteredData.length)}
\r\n
\r\n
\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default withTranslation(\"page_pra\")(Page);\r\n","import { default as React, useContext } from \"react\";\r\n\r\n\r\nimport { WithTranslation, withTranslation } from \"react-i18next\";\r\nimport Row from \"./row\";\r\nimport { PriceSpreadDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport BorderName from \"components/borderName\";\r\nimport { keys } from \"ts-transformer-keys\";\r\n\r\ninterface OwnProps {\r\n scrollPosition?: { left: number, top: number };\r\n data: PriceSpreadDto[];\r\n borders: MultiSelectItem[];\r\n}\r\n\r\nconst List = ({ t, data, borders, scrollPosition }: OwnProps & WithTranslation) => {\r\n const top = Math.max(0, ((scrollPosition?.top || 0) - 16));\r\n const left = Math.max(0, ((scrollPosition?.left || 0) - 16));\r\n\r\n const keysInDto = keys();\r\n const dtoBorders = borders.filter((x) => keysInDto.some((key) => key.toLowerCase().endsWith(x.id.toLowerCase())));\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"common:Date\")} \r\n {dtoBorders.map((border) => \r\n \r\n \r\n {\r\n data && data.map((d) => |
)\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nconst translated = withTranslation()(List);\r\n\r\nexport default translated;","import { default as React, useEffect, useContext, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { PriceSpreadDto, GetPriceSpreadResponse, GetPriceSpreadQuery } from \"core/backend/data\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport { PageList } from \"core/pages/pageList\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"priceSpread\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"priceSpread\",\r\n webUrl: \"priceSpread\",\r\n menu: \"menu:menuPriceSpread\",\r\n title: \"menu:titlePriceSpread\",\r\n apiType: \"data\",\r\n response: JSON.stringify(keys()),\r\n dto: JSON.stringify(keys()),\r\n parameters: JSON.stringify(keys()),\r\n dateSteps: \"D\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Day()\r\n};\r\n\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n const initialData: PriceSpreadDto[] = [];\r\n const [data, setData] = useState(initialData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, true, false, keys());\r\n setLoading(true);\r\n setData([]);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/\" + page_config.apiUrl,\r\n\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n setLoading(false);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n\r\n return (\r\n <>\r\n \r\n f.selected)} />\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default withTranslation()(Page);\r\n","import { default as React, useContext } from \"react\";\r\n\r\n\r\nimport { WithTranslation, withTranslation } from \"react-i18next\";\r\nimport Row from \"./row\";\r\nimport { FinalComputationDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport classNames from \"classnames\";\r\n\r\ninterface OwnProps {\r\n scrollPosition?: { left: number, top: number };\r\n data: FinalComputationDto[];\r\n hubs: MultiSelectItem[];\r\n}\r\n\r\nconst List = ({ t, data, hubs, scrollPosition }: OwnProps & WithTranslation) => {\r\n const top = Math.max(0, ((scrollPosition?.top || 0) - 16));\r\n const left = Math.max(0, ((scrollPosition?.left || 0) - 16));\r\n\r\n const keysInDto = keys();\r\n const dtoHubs = hubs.filter((x) => keysInDto.some((key) => key.toLowerCase().endsWith(x.id.toLowerCase())));\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"page_cnec:infoCnec\")} \r\n {t(\"page_cnec:infoContingency\")} \r\n {t(\"page_cnec:detailRam\")} \r\n \r\n \r\n {t(\"common:Date\")} \r\n\r\n {t(\"page_cnec:tso\")} \r\n {t(\"page_cnec:cneName\")} \r\n {t(\"page_cnec:cneEic\")} \r\n {t(\"page_cnec:direction\")} \r\n {t(\"page_cnec:hubFrom\")} \r\n {t(\"page_cnec:hubTo\")} \r\n {t(\"page_cnec:substationFrom\")} \r\n {t(\"page_cnec:substationTo\")} \r\n {t(\"page_cnec:elementType\")} \r\n {t(\"page_cnec:fmaxType\")} \r\n\r\n {t(\"page_cnec:tso\")} \r\n {t(\"page_cnec:contingencyName\")} \r\n {t(\"page_cnec:branchName\")} \r\n {t(\"page_cnec:branchEic\")} \r\n {t(\"page_cnec:hubFrom\")} \r\n {t(\"page_cnec:hubTo\")} \r\n {t(\"page_cnec:substationFrom\")} \r\n {t(\"page_cnec:substationTo\")} \r\n {t(\"page_cnec:elementType\")} \r\n\r\n\r\n {t(\"page_cnec:presolved\")} \r\n {t(\"page_cnec:ram\")} \r\n {t(\"page_cnec:imax\")} \r\n {t(\"page_cnec:u\")} \r\n {t(\"page_cnec:fmax\")} \r\n {t(\"page_cnec:frm\")} \r\n {t(\"page_cnec:frefinit\")} \r\n {t(\"page_cnec:fnrao\")} \r\n {t(\"page_cnec:fref\")} \r\n {t(\"page_cnec:fcore\")} \r\n {t(\"page_cnec:fall\")} \r\n {t(\"page_cnec:fuaf\")} \r\n {t(\"page_cnec:amr\")} \r\n {t(\"page_cnec:Ramr\")} \r\n {t(\"page_cnec:RamrJustification\")} \r\n {t(\"page_cnec:minRamTarget\")} \r\n {t(\"page_cnec:ltaMargin\")} \r\n {t(\"page_cnec:cva\")} \r\n {t(\"page_cnec:iva\")} \r\n {t(\"page_cnec:ftotalLtn\")} \r\n {t(\"page_cnec:fltn\")} \r\n\r\n {dtoHubs.map((hub) => {t(\"page_cnec:ptdf\") + t(\"common_hubs:\" + hub.id)} )}\r\n \r\n \r\n \r\n {\r\n data && data.map((d) => |
)\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nconst translated = withTranslation(\"page_cnec\")(List);\r\n\r\nexport default translated;","import { default as React } from \"react\";\r\nimport ReactPaginate from 'react-paginate';\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\n\r\ninterface OwnProps {\r\n currentPage: number;\r\n pageCount: number;\r\n realCount: number;\r\n onPageClick: (n: number) => void;\r\n}\r\n\r\nconst scrollPosition=document.getElementsByClassName(\"xx\"); \r\nconst Pagination = ({ pageCount, currentPage, realCount, onPageClick, t }: OwnProps & WithTranslation) =>\r\n (pageCount > 0 || realCount > pageCount) ?\r\n \r\n {onPageClick(n.selected);scrollPosition[0].scrollTo(0,0)}}\r\n breakClassName=\"page-item\"\r\n pageClassName=\"page-item\"\r\n previousClassName=\"page-item\"\r\n nextClassName=\"page-item\"\r\n pageLinkClassName=\"page-link\"\r\n previousLinkClassName=\"page-link\"\r\n nextLinkClassName=\"page-link\"\r\n breakLabel={... }\r\n activeClassName=\"active\"\r\n disabledClassName=\"disabled\"\r\n nextLabel={t(\"common:next\")}\r\n previousLabel={t(\"common:previous\")}\r\n marginPagesDisplayed={2}\r\n pageRangeDisplayed={8}\r\n />\r\n {(realCount > pageCount) && (pageCount == currentPage + 1) && \r\n : null;\r\n\r\nexport default withTranslation()(Pagination);","import { default as React } from \"react\";\r\nimport { SearchField } from \"components/search\";\r\nimport Multiselect from 'multiselect-react-dropdown';\r\n\r\ninterface OwnState {\r\n option: SearchField;\r\n setValue: (value: any) => void;\r\n reset: boolean;\r\n setReset: (value: boolean) => void;\r\n}\r\n\r\ntype SearchProps = OwnState;\r\n\r\nconst InputField = ({ option, reset, setReset, setValue }: SearchProps) => {\r\n\r\n let multiselectRef: any;\r\n React.useEffect(() => {\r\n if (reset && multiselectRef && multiselectRef.current) {\r\n multiselectRef.current.resetSelectedValues();\r\n setReset(false);\r\n }\r\n }, [reset]);\r\n\r\n switch (option.type) {\r\n case \"bool\":\r\n return (\r\n \r\n True \r\n False \r\n Unset \r\n
\r\n )\r\n case \"multiselect\": {\r\n multiselectRef = React.createRef();\r\n return (\r\n setValue(list.map((l: { value: any; }) => l.value))}\r\n onRemove={(list, v) => setValue(list.map((l: { value: any; }) => l.value))}\r\n showCheckbox={true}\r\n closeOnSelect={false}\r\n showArrow={true}\r\n avoidHighlightFirstOption={true}\r\n displayValue=\"title\"\r\n style={{\r\n 'chips': {\r\n 'fontSize': '8px',\r\n 'background': '#88a4bf'\r\n }\r\n }}\r\n />\r\n );\r\n }\r\n default:\r\n return \r\n {option.title} \r\n \r\n setOptionValue(option.parameter, v)} />\r\n \r\n \r\n};\r\n\r\nexport default SearchOption;\r\n","import { default as React, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport SearchOption from \"./searchOption\";\r\nimport Collapsible from 'react-collapsible';\r\nimport { FilterOption } from \"core/pages/pageList\";\r\nconst s = require(\"./search.module.scss\");\r\n\r\nexport const default_tsos: FilterOption[] = [\r\n { title: \"50Hertz\", value: \"10XDE-VE-TRANSMK\" },\r\n { title: \"Amprion\", value: \"10XDE-RWENET---W\" },\r\n { title: \"Apg\", value: \"10XAT-APG------Z\" },\r\n { title: \"Ceps\", value: \"10XCZ-CEPS-GRIDE\" },\r\n { title: \"Eles\", value: \"10XSI-ELES-----1\" },\r\n { title: \"Elia\", value: \"10X1001A1001A094\" },\r\n { title: \"Hops\", value: \"10XHR-HEP-OPS--A\" },\r\n { title: \"Mavir\", value: \"10X1001A1001A329\" },\r\n { title: \"Pse\", value: \"10XPL-TSO------P\" },\r\n { title: \"Rte\", value: \"10XFR-RTE------Q\" },\r\n { title: \"Seps\", value: \"10XSK-SEPS-GRIDB\" },\r\n { title: \"TennetBv\", value: \"10X1001A1001A361\" },\r\n { title: \"TransnetBw\", value: \"10XDE-ENBW--TNGX\" },\r\n { title: \"TennetGmbh\", value: \"10XDE-EON-NETZ-C\" },\r\n { title: \"Transelectrica\", value: \"10XRO-TEL------2\" }\r\n];\r\n\r\nexport const default_hubs: FilterOption[] = [\r\n { title: \"AT\", value: \"10YAT-APG------L\" },\r\n { title: \"BE\", value: \"10YBE----------2\" },\r\n { title: \"CZ\", value: \"10YCZ-CEPS-----N\" },\r\n { title: \"DE\", value: \"10YCB-GERMANY--8\" },\r\n { title: \"FR\", value: \"10YFR-RTE------C\" },\r\n { title: \"HU\", value: \"10YHU-MAVIR----U\" },\r\n { title: \"HR\", value: \"10YHR-HEP------M\" },\r\n { title: \"NL\", value: \"10YNL----------L\" },\r\n { title: \"PL\", value: \"10YPL-AREA-----S\" },\r\n { title: \"RO\", value: \"10YRO-TEL------P\" },\r\n { title: \"SI\", value: \"10YSI-ELES-----O\" },\r\n { title: \"SK\", value: \"10YSK-SEPS-----K\" }\r\n\r\n];\r\n\r\ninterface OwnState {\r\n search: (params: any) => void;\r\n isLoading: boolean;\r\n filter: { totalRows: number, totalRowsWithFilter: number, maxRows: number };\r\n searchFields?: SearchField[];\r\n}\r\nexport interface SearchField {\r\n title: string;\r\n parameter: string;\r\n type: string;\r\n options?: Option[];\r\n defaultValue?: any;\r\n}\r\nexport interface Option {\r\n title: string;\r\n value: any;\r\n}\r\n\r\ntype SearchProps = OwnState & WithTranslation;\r\n\r\nconst SearchField = ({ search, isLoading, filter, searchFields, t }: SearchProps) => {\r\n\r\n const [searchOptions, setSearchOptions] = useState({});\r\n const [reset, setReset] = useState(false);\r\n\r\n const setOptionValue = (option: string, value: any) => {\r\n setSearchOptions({\r\n ...searchOptions,\r\n [option]: value\r\n });\r\n }\r\n\r\n const resetFilter = () => {\r\n (document.getElementById(\"searchForm\") as HTMLFormElement).reset();\r\n setReset(true);\r\n setSearchOptions({});\r\n search({});\r\n }\r\n\r\n return (\r\n searchFields == undefined || searchFields == null || searchFields.length == 0 ? <>\r\n :\r\n (document.getElementsByClassName('Collapsible__contentOuter')[0] as HTMLElement).style.overflow = 'hidden'}\r\n onOpen={() => (document.getElementsByClassName('Collapsible__contentOuter')[0] as HTMLElement).style.overflow = 'inherit'}\r\n trigger={\r\n \r\n {t(\"common:search\")} \r\n
\r\n }>\r\n \r\n \r\n );\r\n};\r\n\r\nexport default withTranslation()(SearchField);\r\n","import httpService from \"core/infrastructure/http\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { PageList } from \"core/pages/pageList\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\n\r\n\r\nexport const mapUpTo = (n: number, fn: (idx: number) => T) => {\r\n var arr = [];\r\n for (var i = 0; i < n; i++) {\r\n arr.push(fn(i));\r\n }\r\n return arr;\r\n};\r\n\r\nexport const makePageChange = (pageNumber: number, applicationState: ApplicationState, data: any, setPageNumber: (num: number) => void, makeRequest: (skip: number, take: number) => void) => {\r\n setPageNumber(pageNumber);\r\n const rows = applicationState.maxRows * pageNumber;\r\n if (data.skip > rows || rows >= data.take) {\r\n let skip = Math.floor(pageNumber / 10) * applicationState.pageSize;\r\n makeRequest(skip, skip + applicationState.pageSize);\r\n }\r\n}\r\n\r\nexport const makeRequest = async (skip: number, take: number, applicationState: ApplicationState, initialData: T, search: any, senderId: string, page_config: PageList, setLoading: (loading: boolean) => void, setError: (error: string) => void, setData: (data: T) => void) => {\r\n setLoading(true);\r\n setData(initialData);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/\" + page_config.apiUrl,\r\n query: {\r\n FromUtc: applicationState.selectedDate.toISOString(),\r\n ToUtc: page_config.getDefaultToDateTime(applicationState).toISOString(),\r\n Filter: search,\r\n Skip: skip,\r\n Take: take\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setData(response.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || \"An unknown error occured.\"); //TODO\r\n }\r\n setLoading(false);\r\n}\r\n\r\nexport const handleMultiSelectChange = (selectedItems: MultiSelectItem[], itemKey: string, selectedItem: MultiSelectItem, special: string) => {\r\n const newList = selectedItems.map((item) => {\r\n if (special === \"ALL\") {\r\n return { ...item, selected: true };\r\n }\r\n if (special === \"NONE\") {\r\n return { ...item, selected: false };\r\n }\r\n if (item.id === selectedItem.id) {\r\n return { ...item, selected: !item.selected };\r\n }\r\n return item;\r\n });\r\n localStorage.setItem(itemKey, JSON.stringify(newList));\r\n localStorage.setItem('lastSavedOn', new Date().toISOString());\r\n return newList;\r\n}\r\n\r\nexport const filterSelectedItems = (selectedItems: MultiSelectItem[], availableColumns: string[], itemKey: string, itemMap: (item: MultiSelectItem) => any) => {\r\n return [\r\n ...selectedItems,\r\n ...availableColumns\r\n .filter((value, index, self) => self.indexOf(value) === index) // =distinct\r\n .filter(k => k.toLowerCase().startsWith(itemKey) && selectedItems.filter(s => s.id.toLowerCase() === k.toLowerCase().replace(itemKey, \"\")).length === 0)\r\n .map((key) => {\r\n return {\r\n isDisplayed: false,\r\n id: key.toLowerCase().replace(itemKey, \"\").toUpperCase(),\r\n text: key.toLowerCase().replace(itemKey, \"\").toUpperCase(),\r\n selected: true\r\n };\r\n })\r\n ].map((item) => itemMap(item)).sort((a, b) => a.id.localeCompare(b.id)) \r\n}\r\n\r\nexport function mapTranslations(allTranslations: any): MultiSelectItem[] {\r\n return Object.keys(allTranslations).map((k) => {\r\n return {\r\n id: k,\r\n text: allTranslations[k],\r\n selected: true,\r\n isDisplayed: true\r\n };\r\n })\r\n}\r\n","import { default as React, useEffect, useContext, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { FinalComputationDto, GetFinalComputationQuery, GetFinalComputationResponse } from \"core/backend/data\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport Pagination from \"components/pagination\";\r\nimport SearchField, { default_hubs, default_tsos } from \"components/search\"\r\nimport { FilterField, PageList } from \"core/pages/pageList\";\r\nimport {makePageChange, makeRequest} from \"utils\";\r\n\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"finalComputation\";\r\nconst pageSize = 1000;\r\n\r\nexport const filterFields_FinalComputation: FilterField[] = [\r\n { title: \"CnecName\", parameter: \"CnecName\", type: \"text\" },\r\n { title: \"Tso\", parameter: \"Tso\", type: \"multiselect\", options: default_tsos },\r\n { title: \"HubFrom\", parameter: \"HubFrom\", type: \"multiselect\", options: default_hubs },\r\n { title: \"HubTo\", parameter: \"HubTo\", type: \"multiselect\", options: default_hubs },\r\n { title: \"Contingency\", parameter: \"Contingency\", type: \"text\" },\r\n { title: \"Presolved\", parameter: \"Presolved\", type: \"bool\" }];\r\n\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"finalComputation\",\r\n webUrl: \"finalComputation\",\r\n menu: \"menu:menuFinalComputation\",\r\n title: \"menu:titleFinalComputation\",\r\n apiType: \"data\",\r\n response: JSON.stringify(keys()),\r\n dto: JSON.stringify(keys()),\r\n parameters: JSON.stringify(keys()),\r\n dateSteps: \"H\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Hour(),\r\n filterFields: filterFields_FinalComputation\r\n};\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n\r\n const initialResponse: any = {};\r\n const [lastRequestTime, setLastRequestTime] = useState(new Date());\r\n const [response, setResponse] = useState(initialResponse); \r\n \r\n const initialData: GetFinalComputationResponse = { data: [], totalRows: 0, totalRowsWithFilter: 0, lastModifiedOn: \"\", appliedFilter: { cnecName: \"\", tso: [], hubFrom: [], hubTo: [], contingency: \"\", presolved: true }, messages: [], rejected: false, skip: 0, take: 0 };\r\n const [data, setData] = useState(initialData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n const [search, setSearch] = useState({});\r\n const keysInDto = keys().filter((x) => x.startsWith(\"ptdf_\")).map(x => x.replace(\"ptdf_\", \"hub_\"));\r\n const [pageNumber, setPageNumber] = useState(0);\r\n\r\n function handlePageChange(pageNumber: number) {\r\n makePageChange(pageNumber, applicationState, data, setPageNumber, (skip, take) => makeRequest(skip, take, applicationState, initialData, search, senderId, page_config, setLoading, setError, setData));\r\n }\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, false, false, keysInDto);\r\n makeRequest(0, applicationState.pageSize, applicationState, initialData, search, senderId, page_config, setLoading, setError, setData);\r\n })();\r\n }, [applicationState.selectedDate, search]);\r\n\r\n useEffect(() => {\r\n if (lastRequestTime == response.requestTime) {\r\n if (response.ok) {\r\n setData(response.data);\r\n setError(\"\");\r\n setLoading(false);\r\n } else if ((response.cancel || false) === false) {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n setLoading(false);\r\n }\r\n } else { /*we ignore this response, as it was not the last requested*alert(lastRequestTime + \" vs \" + response.requestTime);*/ }\r\n }, [response]);\r\n\r\n\r\n const pageCount = Math.ceil(data.totalRowsWithFilter / applicationState.maxRows);\r\n return (\r\n <>\r\n \r\n { setSearch(s); setPageNumber(0); }}\r\n filter={{ totalRows: data.totalRows, totalRowsWithFilter: data.totalRowsWithFilter, maxRows: applicationState.maxRows }} />\r\n
\r\n \r\n h.selected && h.isDisplayed)}\r\n />\r\n \r\n ();\r\n const dtoHubs = hubs.filter((x) => keysInDto.some((key) => key.toLowerCase().endsWith(x.id.toLowerCase())));\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"page_cnec:infoCnec\")} \r\n {t(\"page_cnec:infoContingency\")} \r\n {t(\"page_cnec:detailRam\")} \r\n \r\n \r\n {t(\"common:Date\")} \r\n\r\n {t(\"page_cnec:tso\")} \r\n {t(\"page_cnec:cneName\")} \r\n {t(\"page_cnec:cneEic\")} \r\n {t(\"page_cnec:direction\")} \r\n {t(\"page_cnec:hubFrom\")} \r\n {t(\"page_cnec:hubTo\")} \r\n {t(\"page_cnec:substationFrom\")} \r\n {t(\"page_cnec:substationTo\")} \r\n {t(\"page_cnec:elementType\")} \r\n {t(\"page_cnec:fmaxType\")} \r\n\r\n {t(\"page_cnec:tso\")} \r\n {t(\"page_cnec:contingencyName\")} \r\n {t(\"page_cnec:branchName\")} \r\n {t(\"page_cnec:branchEic\")} \r\n {t(\"page_cnec:hubFrom\")} \r\n {t(\"page_cnec:hubTo\")} \r\n {t(\"page_cnec:substationFrom\")} \r\n {t(\"page_cnec:substationTo\")} \r\n {t(\"page_cnec:elementType\")} \r\n\r\n\r\n {t(\"page_cnec:presolved\")} \r\n {t(\"page_cnec:ram\")} \r\n {t(\"page_cnec:imax\")} \r\n {t(\"page_cnec:u\")} \r\n {t(\"page_cnec:fmax\")} \r\n {t(\"page_cnec:frm\")} \r\n {t(\"page_cnec:frefinit\")} \r\n {t(\"page_cnec:fnrao\")} \r\n {t(\"page_cnec:fref\")} \r\n {t(\"page_cnec:fcore\")} \r\n {t(\"page_cnec:fall\")} \r\n {t(\"page_cnec:fuaf\")} \r\n {t(\"page_cnec:amr\")} \r\n {t(\"page_cnec:Ramr\")} \r\n {t(\"page_cnec:RamrJustification\")} \r\n {t(\"page_cnec:minRamTarget\")} \r\n {t(\"page_cnec:ltaMargin\")} \r\n {t(\"page_cnec:cva\")} \r\n {t(\"page_cnec:iva\")} \r\n {t(\"page_cnec:ftotalLtn\")} \r\n\r\n {dtoHubs.map((hub) => {t(\"page_cnec:ptdf\") + t(\"common_hubs:\" + hub.id)} )}\r\n \r\n \r\n \r\n {\r\n data && data.map((d) => |
)\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nconst translated = withTranslation(\"page_cnec\")(List);\r\n\r\nexport default translated;","import { default as React, useEffect, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\r\nimport { PreFinalComputationDto, GetPreFinalComputationResponse, GetPreFinalComputationQuery } from \"core/backend/data\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport Pagination from \"components/pagination\";\r\nimport SearchField, { default_hubs, default_tsos } from \"components/search\"\r\nimport { PageList } from \"core/pages/pageList\";\r\nimport {makePageChange, makeRequest} from \"utils\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"preFinalComputation\";\r\n\r\nexport const filterFields_PreFinalComputation = [\r\n { title: \"CnecName\", parameter: \"CnecName\", type: \"text\" },\r\n { title: \"Tso\", parameter: \"Tso\", type: \"multiselect\", options: default_tsos },\r\n { title: \"HubFrom\", parameter: \"HubFrom\", type: \"multiselect\", options: default_hubs },\r\n { title: \"HubTo\", parameter: \"HubTo\", type: \"multiselect\", options: default_hubs },\r\n { title: \"Contingency\", parameter: \"Contingency\", type: \"text\" },\r\n { title: \"Presolved\", parameter: \"Presolved\", type: \"bool\" }];\r\n\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"preFinalComputation\",\r\n webUrl: \"preFinalComputation\",\r\n menu: \"menu:menuPreFinalComputation\",\r\n title: \"menu:titlePreFinalComputation\",\r\n apiType: \"data\",\r\n response: JSON.stringify(keys()),\r\n dto: JSON.stringify(keys()),\r\n parameters: JSON.stringify(keys()),\r\n dateSteps: \"H\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Hour(),\r\n filterFields: filterFields_PreFinalComputation\r\n};\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n\r\n const initialData: GetPreFinalComputationResponse = { data: [], totalRows: 0, totalRowsWithFilter: 0, lastModifiedOn: \"\", appliedFilter: { cnecName: \"\", tso: [], hubFrom: [], hubTo: [], contingency: \"\", presolved: false }, messages: [], rejected: false };\r\n const [data, setData] = useState(initialData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n const [search, setSearch] = useState({});\r\n const keysInDto = keys();\r\n const [pageNumber, setPageNumber] = useState(0);\r\n\r\n \r\n function handlePageChange(pageNumber: number) {\r\n makePageChange(pageNumber, applicationState, data, setPageNumber, (skip, take) => makeRequest(skip, take, applicationState, initialData, search, senderId, page_config, setLoading, setError, setData));\r\n }\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, false, false, keysInDto.map(d => d.replace(\"ptdfNtcs_IT_\", \"hub_\").replace(\"ptdfRefs_\", \"border_\")).concat([\"hub_IT\"]));\r\n makeRequest(0, applicationState.pageSize, applicationState, initialData, search, senderId, page_config, setLoading, setError, setData);\r\n })();\r\n }, [applicationState.selectedDate, search]);\r\n\r\n\r\n\r\n const pageCount = Math.ceil(data.totalRowsWithFilter / applicationState.maxRows);\r\n return (\r\n <>\r\n \r\n { setSearch(s); setPageNumber(0); }}\r\n filter={{ totalRows: data.totalRows, totalRowsWithFilter: data.totalRowsWithFilter, maxRows: applicationState.maxRows }} />\r\n
\r\n \r\n keysInDto.some((key) => key === \"ptdf_\" + h.id.toUpperCase()))}\r\n />\r\n \r\n ();\r\n const dtoHubs = hubs.filter((x) => keysInDto.some((key) => key.toLowerCase().endsWith(x.id.toLowerCase())));\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"common:Date\")} \r\n {dtoHubs.map((hub, index) => {t(\"common_hubs:\" + hub.id)} )}\r\n \r\n \r\n \r\n {\r\n data && data.map((d) => |
)\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nconst translated = withTranslation()(List);\r\n\r\nexport default translated;","import { default as React, useEffect, useContext, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { ReferenceNetPositionDto, GetReferenceNetPositionResponse, GetReferenceNetPositionQuery } from \"core/backend/data\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport { PageList } from \"core/pages/pageList\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"referenceNetPosition\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"referenceNetPosition\",\r\n webUrl: \"referenceNetPosition\",\r\n menu: \"menu:menuReferenceNetPosition\",\r\n title: \"menu:titleReferenceNetPosition\",\r\n apiType: \"data\",\r\n response: JSON.stringify(keys()),\r\n dto: JSON.stringify(keys()),\r\n parameters: JSON.stringify(keys()),\r\n dateSteps: \"D\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Day()\r\n};\r\n\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n\r\n const selectedHubs = applicationState.selectedHubs.filter((f) => f.selected);\r\n const initialData: ReferenceNetPositionDto[] = [];\r\n const [data, setData] = useState(initialData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n\r\n const availableDtoHubs = keys()\r\n .filter(f => f.startsWith(\"globalNetPosition_\"))\r\n .map(m => m.replace(\"globalNetPosition_\", \"hub_\"));\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, false, true, availableDtoHubs);\r\n setLoading(true);\r\n setData([]);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/referenceNetPosition\",\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n setLoading(false);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default withTranslation()(Page);\r\n","import { default as React, useContext } from \"react\";\r\n\r\n\r\nimport { WithTranslation, withTranslation } from \"react-i18next\";\r\nimport Row from \"./row\";\r\nimport { RefprogDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport BorderName from \"components/borderName\";\r\nimport { keys } from \"ts-transformer-keys\";\r\n\r\ninterface OwnProps {\r\n scrollPosition?: { left: number, top: number };\r\n data: RefprogDto[];\r\n borders: MultiSelectItem[];\r\n}\r\n\r\nconst List = ({ t, data, borders, scrollPosition }: OwnProps & WithTranslation) => {\r\n const top = Math.max(0, ((scrollPosition?.top || 0) - 16));\r\n const left = Math.max(0, ((scrollPosition?.left || 0) - 16));\r\n\r\n const keysInDto = keys();\r\n const dtoBorders = borders.filter((x) => keysInDto.some((key) => key.toLowerCase().endsWith(x.id.toLowerCase())));\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"common:Date\")} \r\n {dtoBorders.map((border) => \r\n \r\n \r\n {\r\n data && data.map((d) => |
)\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nconst translated = withTranslation()(List);\r\n\r\nexport default translated;","import { default as React, useEffect, useContext, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { RefprogDto, GetRefprogResponse, GetRefprogQuery } from \"core/backend/data\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport { PageList } from \"core/pages/pageList\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"refprog\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"refprog\",\r\n webUrl: \"refprog\",\r\n menu: \"menu:menuRefprog\",\r\n title: \"menu:titleRefprog\",\r\n apiType: \"data\",\r\n response: JSON.stringify(keys()),\r\n dto: JSON.stringify(keys()),\r\n parameters: JSON.stringify(keys()),\r\n dateSteps: \"D\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Day()\r\n};\r\n\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n const initialData: RefprogDto[] = [];\r\n const [data, setData] = useState(initialData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, true, false, keys());\r\n setLoading(true);\r\n setData([]);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/\" + page_config.apiUrl,\r\n\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n setLoading(false);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n\r\n return (\r\n <>\r\n \r\n f.selected)} />\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default withTranslation()(Page);\r\n","import { default as React, useContext } from \"react\";\r\n\r\n\r\nimport { WithTranslation, withTranslation } from \"react-i18next\";\r\nimport Row from \"./row\";\r\nimport { ShadowAuctionAtcDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport BorderName from \"components/borderName\";\r\nimport { keys } from \"ts-transformer-keys\";\r\n\r\ninterface OwnProps {\r\n scrollPosition?: { left: number, top: number };\r\n data: ShadowAuctionAtcDto[];\r\n borders: MultiSelectItem[];\r\n}\r\n\r\nconst List = ({ t, data, borders, scrollPosition }: OwnProps & WithTranslation) => {\r\n const top = Math.max(0, ((scrollPosition?.top || 0) - 16));\r\n const left = Math.max(0, ((scrollPosition?.left || 0) - 16));\r\n\r\n const keysInDto = keys();\r\n const dtoBorders = borders.filter((x) => keysInDto.some((key) => key.toLowerCase().endsWith(x.id.toLowerCase())));\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"common:Date\")} \r\n {dtoBorders.map((border) => \r\n \r\n \r\n {\r\n data && data.map((d) => |
)\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nconst translated = withTranslation()(List);\r\n\r\nexport default translated;","import { default as React, useEffect, useContext, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { ShadowAuctionAtcDto, GetShadowAuctionAtcResponse, GetShadowAuctionAtcQuery } from \"core/backend/data\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport { PageList } from \"core/pages/pageList\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"shadowAuctionAtc\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"shadowAuctionAtc\",\r\n webUrl: \"shadowAuctionAtc\",\r\n menu: \"menu:menuShadowAuctionATC\",\r\n title: \"menu:titleShadowAuctionATC\",\r\n apiType: \"data\",\r\n response: JSON.stringify(keys()),\r\n dto: JSON.stringify(keys()),\r\n parameters: JSON.stringify(keys()),\r\n dateSteps: \"D\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Day()\r\n};\r\n\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n const initialData: ShadowAuctionAtcDto[] = [];\r\n const [data, setData] = useState(initialData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, true, false, keys());\r\n setLoading(true);\r\n setData([]);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/\" + page_config.apiUrl,\r\n\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n setLoading(false);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n\r\n return (\r\n <>\r\n \r\n f.selected)} />\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default withTranslation()(Page);\r\n","import { default as React, useContext } from \"react\";\r\n\r\n\r\nimport { WithTranslation, withTranslation } from \"react-i18next\";\r\nimport Row from \"./row\";\r\nimport { ShadowPricesDto } from \"core/backend/data\";\r\nimport classNames from \"classnames\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport BorderName from \"components/borderName\";\r\n\r\ninterface OwnProps {\r\n scrollPosition?: { left: number, top: number };\r\n data: ShadowPricesDto[];\r\n hubs: MultiSelectItem[];\r\n}\r\n\r\nconst List = ({ t, data, hubs, scrollPosition }: OwnProps & WithTranslation) => {\r\n const top = Math.max(0, ((scrollPosition?.top || 0) - 16));\r\n const left = Math.max(0, ((scrollPosition?.left || 0) - 16));\r\n\r\n const keysInDto = keys();\r\n const dtoHubs = hubs.filter((x) => keysInDto.some((key) => key.toLowerCase().endsWith(x.id.toLowerCase())));\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"page_shadowPrices:infoCnec\")} \r\n {t(\"page_shadowPrices:ptdfs\")} \r\n \r\n \r\n {t(\"common:Date\")} \r\n\r\n {t(\"page_shadowPrices:tso\")} \r\n {t(\"page_shadowPrices:cneName\")} \r\n {t(\"page_shadowPrices:cneEic\")} \r\n {t(\"page_shadowPrices:direction\")} \r\n {t(\"page_shadowPrices:contName\")} \r\n {t(\"page_shadowPrices:branchEic\")} \r\n\r\n {t(\"page_shadowPrices:shadowPrice\")} \r\n {t(\"page_shadowPrices:ram\")} \r\n {t(\"page_shadowPrices:imax\")} \r\n {t(\"page_shadowPrices:fmax\")} \r\n {t(\"page_shadowPrices:frm\")} \r\n {t(\"page_shadowPrices:fref\")} \r\n {t(\"page_shadowPrices:f0core\")} \r\n {t(\"page_shadowPrices:f0all\")} \r\n {t(\"page_shadowPrices:fuaf\")} \r\n {t(\"page_shadowPrices:amr\")} \r\n {t(\"page_shadowPrices:ltaMargin\")} \r\n {t(\"page_shadowPrices:cva\")} \r\n {t(\"page_shadowPrices:iva\")} \r\n {t(\"page_shadowPrices:ftotalLtn\")} \r\n {t(\"page_shadowPrices:minRamFactor\")} \r\n\r\n {t(\"page_shadowPrices:maxZ2ZPtdf\")} \r\n {t(\"page_shadowPrices:hubFrom\")} \r\n {t(\"page_shadowPrices:hubTo\")} \r\n {dtoHubs.map((hub) => {hub.id} )}\r\n \r\n \r\n \r\n {\r\n data && data.map((d) => |
)\r\n }\r\n \r\n
\r\n )\r\n}\r\n\r\nconst translated = withTranslation(\"page_shadowPrices\")(List);\r\n\r\nexport default translated;","import { default as React, useEffect, useContext, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { ShadowPricesDto, GetShadowPricesResponse, GetShadowPricesQuery } from \"core/backend/data\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport { PageList } from \"core/pages/pageList\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"shadowPrices\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"shadowPrices\",\r\n webUrl: \"shadowPrices\",\r\n menu: \"menu:menuShadowPrices\",\r\n title: \"menu:titleShadowPrices\",\r\n apiType: \"data\",\r\n response: JSON.stringify(keys()),\r\n dto: JSON.stringify(keys()),\r\n parameters: JSON.stringify(keys()),\r\n dateSteps: \"H\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Hour()\r\n};\r\n\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n\r\n const initialResponse: GetShadowPricesResponse = { data: [], totalRows: 0, totalRowsWithFilter: 0, lastModifiedOn: \"\", appliedFilter: \"\", messages: [], rejected: false };\r\n const [response, setResponse] = useState(initialResponse);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n const [search, setSearch] = useState(\"\");\r\n const [searchText, setSearchText] = useState(\"\");\r\n const keysInDto = keys().filter(f => f.startsWith(\"hub_\"));\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, false, true, keysInDto);\r\n setLoading(true);\r\n setResponse(initialResponse);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/\" + page_config.apiUrl,\r\n\r\n query: {\r\n FromUtc: applicationState.selectedDate.toISOString(),\r\n ToUtc: applicationState.getUntilFor1Hour().toISOString(),\r\n Filter: search, Skip: 0, Take: 1000\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setResponse(response.data);\r\n setError(\"\");\r\n setLoading(false);\r\n } else if ((response.cancel || false) === false) {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n setLoading(false);\r\n }\r\n })();\r\n }, [applicationState.selectedDate, search]);\r\n\r\n const filteredData = response.data.filter(function (r: any) {\r\n return true;\r\n if (search === null) return true;\r\n if (search === \"\") return true;\r\n // @ts-ignore: Object is possibly 'null'.\r\n if (this.count > 50) return false;\r\n for (let name in r) if ((r[name] ?? \"\").toString().includes(search)) {\r\n // @ts-ignore: Object is possibly 'null'.\r\n this!.count++;\r\n return true;\r\n }\r\n return false;\r\n }, { count: 0 });\r\n\r\n return (\r\n <>\r\n \r\n
\r\n
{t(\"page_Search\")}
\r\n
setSearchText(e.currentTarget.value)}\r\n onBlur={(e) => { setSearch(e.currentTarget.value); }}\r\n onKeyDown={(e) => { if (e.keyCode === 13) e.currentTarget.blur(); }} />\r\n
\r\n
\r\n
{t(\"common:totalWithoutFilter\") + \": \" + response.totalRows}
\r\n
{t(\"common:totalWithFilter\") + \": \" + response.totalRowsWithFilter}
\r\n
{t(\"common:displayedRows\") + \": \" + Math.min(applicationState.maxRows, response.totalRowsWithFilter)}
\r\n
\r\n
\r\n f.selected && f.isDisplayed)} />\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default withTranslation(\"page_shadowPrices\")(Page);\r\n","import * as React from \"react\";\r\n\r\nimport { SpanningDefaultFBPDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport TDatetime from \"components/TDatetime\";\r\n\r\ninterface OwnProps {\r\n dto: SpanningDefaultFBPDto;\r\n left: number;\r\n}\r\n\r\nconst Row = ({ dto, left }: OwnProps) =>\r\n \r\n {dto.computation} \r\n {dto.type} \r\n ;\r\n\r\nexport default Row;","import { default as React, useContext } from \"react\";\r\n\r\n\r\nimport { WithTranslation, withTranslation } from \"react-i18next\";\r\nimport Row from \"./row\";\r\nimport { SpanningDefaultFBPDto } from \"core/backend/data\";\r\n\r\ninterface OwnProps {\r\n scrollPosition?: { left: number, top: number };\r\n data: SpanningDefaultFBPDto[];\r\n}\r\n\r\nconst List = ({ t, data, scrollPosition }: OwnProps & WithTranslation) => {\r\n const top = Math.max(0, ((scrollPosition?.top || 0) - 16));\r\n const left = Math.max(0, ((scrollPosition?.left || 0) - 16));\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"common:Date\")} \r\n {t(\"page_spanningDefaultFBP:computation\")} \r\n {t(\"page_spanningDefaultFBP:type\")} \r\n \r\n \r\n \r\n {\r\n data && data.map((d) => |
)\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nconst translated = withTranslation(\"page_spanningDefaultFBP\")(List);\r\n\r\nexport default translated;","import { default as React, useEffect, useContext, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { SpanningDefaultFBPDto, GetSpanningDefaultFBPResponse, GetSpanningDefaultFBPQuery } from \"core/backend/data\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport { PageList } from \"core/pages/pageList\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"spanningDefaultFBP\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"spanningDefaultFBP\",\r\n webUrl: \"spanningDefaultFBP\",\r\n menu: \"menu:menuSpanningDefaultFBParameter\",\r\n title: \"menu:titleSpanningDefaultFBParameter\",\r\n apiType: \"data\",\r\n response: JSON.stringify(keys()),\r\n dto: JSON.stringify(keys()),\r\n parameters: JSON.stringify(keys()),\r\n dateSteps: \"D\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Day()\r\n};\r\n\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n const initialData: SpanningDefaultFBPDto[] = [];\r\n const [data, setData] = useState(initialData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, false, false, keys());\r\n setLoading(true);\r\n setData([]);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/\" + page_config.apiUrl,\r\n\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n setLoading(false);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default withTranslation(\"page_spanningDefaultFBP\")(Page);\r\n","import { default as React, useContext } from \"react\";\r\n\r\n\r\nimport { WithTranslation, withTranslation } from \"react-i18next\";\r\nimport Row from \"./row\";\r\nimport { ValidationReductionsDto } from \"core/backend/data\";\r\nimport classNames from \"classnames\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport { keys } from \"ts-transformer-keys\";\r\n\r\ninterface OwnProps {\r\n scrollPosition?: { left: number, top: number };\r\n data: ValidationReductionsDto[];\r\n hubs: MultiSelectItem[];\r\n}\r\n\r\nconst List = ({ t, data, hubs, scrollPosition }: OwnProps & WithTranslation) => {\r\n const top = Math.max(0, ((scrollPosition?.top || 0) - 16));\r\n const left = Math.max(0, ((scrollPosition?.left || 0) - 16));\r\n\r\n const keysInDto = keys();\r\n const dtoHubs = hubs.filter((x) => keysInDto.some((key) => key.toLowerCase().endsWith(x.id.toLowerCase())));\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"page_validationReductions:cnecWithIva\")} \r\n {t(\"page_validationReductions:violatedLimits\")} \r\n {t(\"page_validationReductions:circumstance\")} \r\n {t(\"page_validationReductions:fallback\")} \r\n \r\n \r\n {t(\"common:Date\")} \r\n\r\n {t(\"page_validationReductions:tso\")} \r\n {t(\"page_validationReductions:cnecName\")} \r\n {t(\"page_validationReductions:direction\")} \r\n {t(\"page_validationReductions:returnedBranch\")} \r\n {t(\"page_validationReductions:iva\")} \r\n {t(\"page_validationReductions:ivaShare\")} \r\n {t(\"page_validationReductions:justification\")} \r\n\r\n {t(\"page_validationReductions:overloadedTso\")} \r\n {t(\"page_validationReductions:overloadedCnec\")} \r\n {t(\"page_validationReductions:overloadedEic\")} \r\n {t(\"page_validationReductions:overloadedFromUct\")} \r\n {t(\"page_validationReductions:overloadedToUct\")} \r\n {t(\"page_validationReductions:contingencyNr\")} \r\n {t(\"page_validationReductions:contingencyName\")} \r\n {t(\"page_validationReductions:contingencyTso\")} \r\n {t(\"page_validationReductions:contingencyFromUct\")} \r\n {t(\"page_validationReductions:contingencyToUct\")} \r\n\r\n {dtoHubs.map((hub, i) => {t(\"page_validationReductions:coreNp\") + t(\"common_hubs:\" + hub.id)} )}\r\n \r\n {t(\"page_validationReductions:comment\")} \r\n \r\n {t(\"page_validationReductions:fallbackApplied\")} \r\n \r\n \r\n \r\n {\r\n data && data.map((d) => |
)\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nconst translated = withTranslation(\"page_validationReductions\")(List);\r\n\r\nexport default translated;","import { default as React, useEffect, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\r\nimport { ValidationReductionsDto, GetValidationReductionsResponse, GetValidationReductionsQuery } from \"core/backend/data\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport Pagination from \"components/pagination\";\r\nimport { PageList } from \"core/pages/pageList\";\r\nimport {makePageChange, makeRequest} from \"utils\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"validationReductions\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"validationReductions\",\r\n webUrl: \"validationReductions\",\r\n menu: \"menu:menuValidationReductions\",\r\n title: \"menu:titleValidationReductions\",\r\n apiType: \"data\",\r\n response: JSON.stringify(keys()),\r\n dto: JSON.stringify(keys()),\r\n parameters: JSON.stringify(keys()),\r\n dateSteps: \"H\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Day()\r\n};\r\n\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n const initialData: GetValidationReductionsResponse = { data: [], totalRows: 0, skip: 0, take: 0, messages: [], rejected: false, lastModifiedOn: \"\" };\r\n const [data, setData] = useState(initialData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n const keysInDto = keys();\r\n const [pageNumber, setPageNumber] = useState(0);\r\n\r\n\r\n function handlePageChange(pageNumber: number) {\r\n makePageChange(pageNumber, applicationState, data, setPageNumber, (skip, take) => makeRequest(skip, take, applicationState, initialData, null, senderId, page_config, setLoading, setError, setData));\r\n }\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, false, false, keysInDto.filter(k => k.startsWith(\"coreNp_\")).map(h => h.replace(\"coreNp_\", \"hub_\")));\r\n makeRequest(0, applicationState.pageSize, applicationState, initialData, null, senderId, page_config, setLoading, setError, setData);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n\r\n\r\n const pageCount = Math.ceil(data.totalRows / applicationState.maxRows);\r\n return (\r\n <>\r\n \r\n h.isDisplayed && h.selected)} />\r\n \r\n ();\r\n const dtoHubs = hubs;\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"page_cnec:infoCnec\")} \r\n {t(\"page_cnec:infoContingency\")} \r\n {t(\"page_cnec:detailRam\")} \r\n \r\n \r\n {t(\"common:Date\")} \r\n\r\n {t(\"page_cnec:tso\")} \r\n {t(\"page_cnec:cneName\")} \r\n {t(\"page_cnec:cneEic\")} \r\n {t(\"page_cnec:direction\")} \r\n {t(\"page_cnec:hubFrom\")} \r\n {t(\"page_cnec:hubTo\")} \r\n {t(\"page_cnec:substationFrom\")} \r\n {t(\"page_cnec:substationTo\")} \r\n {t(\"page_cnec:elementType\")} \r\n {t(\"page_cnec:fmaxType\")} \r\n\r\n {t(\"page_cnec:tso\")} \r\n {t(\"page_cnec:contingencyName\")} \r\n {t(\"page_cnec:branchName\")} \r\n {t(\"page_cnec:branchEic\")} \r\n {t(\"page_cnec:hubFrom\")} \r\n {t(\"page_cnec:hubTo\")} \r\n {t(\"page_cnec:substationFrom\")} \r\n {t(\"page_cnec:substationTo\")} \r\n {t(\"page_cnec:elementType\")} \r\n\r\n\r\n {t(\"page_cnec:presolved\")} \r\n {t(\"page_cnec:ram\")} \r\n {t(\"page_cnec:imax\")} \r\n {t(\"page_cnec:u\")} \r\n {t(\"page_cnec:fmax\")} \r\n {t(\"page_cnec:frm\")} \r\n {t(\"page_cnec:frefinit\")} \r\n {t(\"page_cnec:fnrao\")} \r\n {t(\"page_cnec:fref\")} \r\n {t(\"page_cnec:fcore\")} \r\n {t(\"page_cnec:fall\")} \r\n {t(\"page_cnec:fuaf\")} \r\n {t(\"page_cnec:amr\")} \r\n {t(\"page_cnec:ltaMargin\")} \r\n {t(\"page_cnec:cva\")} \r\n {t(\"page_cnec:iva\")} \r\n {t(\"page_cnec:ftotalLtn\")} \r\n\r\n {dtoHubs.map((hub) => {t(\"page_cnec:ptdf\") + t(\"common_hubs:\" + hub.id)} )}\r\n \r\n \r\n \r\n {\r\n data && data.map((d) => |
)\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nconst translated = withTranslation(\"page_cnec\")(List);\r\n\r\nexport default translated;","import { default as React, useEffect, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\r\nimport { InitialComputationDto, GetInitialComputationResponse, GetInitialComputationQuery } from \"core/backend/data\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport Pagination from \"components/pagination\";\r\nimport SearchField, { default_hubs, default_tsos } from \"components/search\"\r\nimport { PageList } from \"core/pages/pageList\";\r\nimport {makePageChange, makeRequest} from \"utils\";\r\n\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"initialComputation\";\r\n\r\nexport const filterFields_InitialComputation = [\r\n { title: \"CnecName\", parameter: \"CnecName\", type: \"text\" },\r\n { title: \"Tso\", parameter: \"Tso\", type: \"multiselect\", options: default_tsos },\r\n { title: \"HubFrom\", parameter: \"HubFrom\", type: \"multiselect\", options: default_hubs },\r\n { title: \"HubTo\", parameter: \"HubTo\", type: \"multiselect\", options: default_hubs },\r\n { title: \"Contingency\", parameter: \"Contingency\", type: \"text\" },\r\n { title: \"Presolved\", parameter: \"Presolved\", type: \"bool\" }];\r\n\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"initialComputation\",\r\n webUrl: \"initialComputation\",\r\n menu: \"menu:menuInitialComputation\",\r\n title: \"menu:titleInitialComputation\",\r\n apiType: \"data\",\r\n response: JSON.stringify(keys()),\r\n dto: JSON.stringify(keys()),\r\n parameters: JSON.stringify(keys()),\r\n dateSteps: \"H\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Hour(),\r\n filterFields: filterFields_InitialComputation\r\n};\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n\r\n const initialData: GetInitialComputationResponse = { data: [], totalRows: 0, skip: 0, take: 0, totalRowsWithFilter: 0, lastModifiedOn: \"\", appliedFilter: { cnecName: \"\", tso: [], hubFrom: [], hubTo: [], contingency: \"\", presolved: false }, messages: [], rejected: false };\r\n const [data, setData] = useState(initialData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n const [search, setSearch] = useState({});\r\n const keysInDto = keys().filter(f => f.startsWith(\"ptdf_\")).map(m => m.replace(\"ptdf_\", \"hub_\"));\r\n const [pageNumber, setPageNumber] = useState(0);\r\n\r\n\r\n function handlePageChange(pageNumber: number) {\r\n makePageChange(pageNumber, applicationState, data, setPageNumber, (skip, take) => makeRequest(skip, take, applicationState, initialData, search, senderId, page_config, setLoading, setError, setData));\r\n }\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, false, false, keysInDto);\r\n makeRequest(0, applicationState.pageSize, applicationState, initialData, search, senderId, page_config, setLoading, setError, setData);\r\n })();\r\n }, [applicationState.selectedDate, search]);\r\n\r\n\r\n const pageCount = Math.ceil(data.totalRowsWithFilter / applicationState.maxRows);\r\n return (\r\n <>\r\n \r\n { setSearch(s); setPageNumber(0); }}\r\n filter={{ totalRows: data.totalRows, totalRowsWithFilter: data.totalRowsWithFilter, maxRows: applicationState.maxRows }} />\r\n
\r\n \r\n h.isDisplayed)}\r\n />\r\n \r\n ();\r\n const dtoBorders = borders.filter((x) => keysInDto.some((key) => key.toLowerCase().endsWith(x.id.toLowerCase())));\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"common:Date\")} \r\n {dtoBorders.map((border) => \r\n \r\n \r\n {\r\n data && data.map((d) => |
)\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nconst translated = withTranslation()(List);\r\n\r\nexport default translated;","import { default as React, useEffect, useContext, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport { BexRestrictionsDto, GetBexRestrictionsQuery, GetBexRestrictionsResponse } from \"core/backend/data\";\r\nimport SheetDataPart from \"components/sheetDataPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { keys } from \"ts-transformer-keys\";\r\nimport { PageList } from \"core/pages/pageList\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"bexRestrictions\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"bexRestrictions\",\r\n webUrl: \"bexRestrictions\",\r\n menu: \"menu:menuBexRestrictions\",\r\n title: \"menu:titleBexRestrictions\",\r\n apiType: \"data\",\r\n response: JSON.stringify(keys()),\r\n dto: JSON.stringify(keys()),\r\n parameters: JSON.stringify(keys()),\r\n dateSteps: \"D\",\r\n getDefaultToDateTime: (applicationState: ApplicationState) => applicationState.getUntilFor1Day()\r\n};\r\n\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst Page = ({ t, applicationState }: PageProps) => {\r\n const initialData: BexRestrictionsDto[] = [];\r\n const [data, setData] = useState(initialData);\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, true, false, keys());\r\n setLoading(true);\r\n setData([]);\r\n const response = await httpService.apiPost({\r\n applicationState: applicationState,\r\n route: applicationState.apiService + \"/\" + page_config.apiType + \"/\" + page_config.apiUrl,\r\n\r\n query: {\r\n FromUtc: applicationState.getRootUtcTime().toISOString(),\r\n ToUtc: applicationState.getUntilFor1Day().toISOString()\r\n },\r\n senderId: senderId\r\n })();\r\n\r\n if (response.ok) {\r\n setData(response.data.data);\r\n setError(\"\");\r\n } else {\r\n setError(response.error || t(\"common:UnknownError\"));\r\n }\r\n setLoading(false);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n\r\n return (\r\n <>\r\n \r\n f.selected)} />\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default withTranslation()(Page);\r\n","import * as React from \"react\";\r\nimport * as i18n from \"i18next\";\r\n\r\nimport BusyOverlay from \"components/busyOverlay\";\r\nimport { Route, Switch } from \"react-router\";\r\nimport NotFound from \"components/notFound\";\r\nimport Navigation from \"./pages/navigation\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport axios from \"axios\";\r\n\r\nimport * as Monitoring from \"core/pages/system/monitoring\";\r\nimport * as MonitoringFailed from \"core/pages/system/monitoringFailed\";\r\nimport * as MonitoringConfig from \"core/pages/system/monitoringConfig\";\r\nimport * as JaoLogin from \"core/pages/system/jaoLogin\";\r\n\r\nimport * as Home from \"core/pages/system/home\";\r\nimport * as Api from \"core/pages/system/api\";\r\n\r\nimport * as ScheduledExchanges from \"core/pages/core/scheduledExchanges\";\r\nimport * as AlphaFactor from \"core/pages/core/alphaFactor\";\r\nimport * as AllocationConstraint from \"core/pages/core/allocationConstraint\";\r\nimport * as Atc from \"core/pages/core/atc\";\r\nimport * as BorderDataOverview from \"core/pages/core/borderDataOverview\";\r\nimport * as CongestionIncome from \"core/pages/core/congestionIncome\";\r\nimport * as CoreMap from \"core/pages/core/coreMap\";\r\nimport * as CoreMarketGraph from \"core/pages/core/coreMarketGraph\";\r\nimport * as CoreMarketView from \"core/pages/core/coreMarketView\";\r\nimport * as Cra from \"core/pages/core/cra\";\r\nimport * as D2CF from \"core/pages/core/d2cf\";\r\nimport * as IntradayAtc from \"core/pages/core/intradayAtc\";\r\nimport * as IntradayNtc from \"core/pages/core/intradayNtc\";\r\nimport * as IntradayImplicitAllocation from \"core/pages/core/intradayImplicitAllocation\";\r\nimport * as Lta from \"core/pages/core/lta\";\r\nimport * as ActiveLtaConstraint from \"core/pages/core/activeLtaConstraint\";\r\nimport * as Ltn from \"core/pages/core/ltn\";\r\nimport * as MaxExchanges from \"core/pages/core/maxExchanges\";\r\nimport * as MaxNetPos from \"core/pages/core/maxNetPos\";\r\nimport * as NetPos from \"core/pages/core/netPos\";\r\nimport * as Pra from \"core/pages/core/pra\";\r\nimport * as PriceSpread from \"core/pages/core/priceSpread\";\r\nimport * as FinalComputation from \"core/pages/core/finalComputation\";\r\nimport * as PreFinalComputation from \"core/pages/core/preFinalComputation\";\r\nimport * as ReferenceNetPosition from \"core/pages/core/referenceNetPosition\"\r\nimport * as Refprog from \"core/pages/core/refprog\";\r\nimport * as ShadowAuctionAtc from \"core/pages/core/shadowAuctionAtc\";\r\nimport * as ShadowPrices from \"core/pages/core/shadowPrices\";\r\nimport * as SpanningDefaultFBP from \"core/pages/core/spanningDefaultFBP\";\r\nimport * as ValidationReductions from \"core/pages/core/validationReductions\";\r\nimport * as InitialComputation from \"core/pages/core/initialComputation\";\r\nimport * as BexRestrictions from \"core/pages/core/bexRestrictions\";\r\n\r\nexport interface ApplicationState {\r\n applicationRoot: string;\r\n apiService: string;\r\n environment: string;\r\n userMail: string;\r\n userRole: string;\r\n userToken: string;\r\n guestToken: string;\r\n changeToken(usermail: string, role: string, newToken: string): void;\r\n selectedDate: Date;\r\n getYearUtcTime(): Date;\r\n getRootUtcTime(): Date;\r\n getUntilFor1Day(): Date;\r\n getUntilFor1Hour(): Date;\r\n getUntilFor1Year(): Date;\r\n setCweTimeForDate(d: Date, h: number, m: number): Date,\r\n getCweTimeForDisplayPurposes(d: Date): Date,\r\n convertCweHourToUtcDate(d: Date): Date;\r\n handleDateChange(d: Date): void;\r\n selectedBorders: MultiSelectItem[];\r\n handleBorderChange(selectedBorder: MultiSelectItem, special: string): void;\r\n handleHubChange(selectedHub: MultiSelectItem, special: string): void;\r\n handleHorizonChange(horizon: string): void;\r\n selectedHubs: MultiSelectItem[];\r\n selectedTsos: MultiSelectItem[];\r\n hubToHubExchange: { [key: string]: { text: string, value: number } };\r\n hubExchange: { [key: string]: { text: string, value: number } };\r\n addHubToHubExchange(borders: MultiSelectItem[]): void;\r\n handleHubToHubExchangeChange(id: string, value: string, ptdfHubs: string[]): void;\r\n hubToHubPosition: { [key: string]: { text: string, value: number } };\r\n addHubToHubPosition(hubs: MultiSelectItem[]): void;\r\n handleHubToHubPositionChange(id: string, value: string): void;\r\n dateSteps: string;\r\n horizon: string;\r\n isBorderEnabled: boolean;\r\n isHubEnabled: boolean;\r\n handleInputAvailablilityChange: (dateSteps: string, borderEnabled: boolean, hubEnabled: boolean, availableColumns: string[]) => void;\r\n pages: Page[];\r\n initialized: boolean;\r\n maxRows: number;\r\n pageSize: number;\r\n}\r\ninterface Page {\r\n config: any;\r\n component: any;\r\n}\r\ninterface Props {\r\n apiService: string;\r\n bearerToken: string;\r\n applicationRoot: string;\r\n username: string;\r\n role: string;\r\n environment: string;\r\n}\r\n\r\nclass App extends React.Component {\r\n\r\n constructor(props: Props & WithTranslation) {\r\n super(props);\r\n\r\n const GetYearUtcTime = () => {\r\n return setCweTime(new Date(this.state.selectedDate.getFullYear(), 0, 1), 0, 0);\r\n }\r\n const GetRootUtcTime = () => {\r\n return setCweTime(getCweTimeForDisplayPurposes(this.state.selectedDate), 0, 0);\r\n }\r\n const GetUntilFor1Day = () => {\r\n const nextDay = new Date(new Date(this.state.selectedDate).setDate(this.state.selectedDate.getDate() + 1));\r\n return setCweTime(getCweTimeForDisplayPurposes(nextDay), 0, 0);\r\n }\r\n const GetUntilFor1Hour = () => {\r\n return new Date(new Date(this.state.selectedDate).setUTCHours(this.state.selectedDate.getUTCHours() + 1));\r\n }\r\n const GetUntilFor1Year = () => {\r\n return setCweTime(new Date(this.state.selectedDate.getFullYear(), 11, 31), 23, 0);;\r\n }\r\n\r\n const setCweTime = (date: Date, hour: number, minute: number) => {\r\n const hourLocalTime = new Date(new Date(date).setHours(hour, minute, 0, 0));\r\n return convertCweHourToUtcDate(hourLocalTime);\r\n }\r\n const convertCweHourToUtcDate = (localDate: Date) => {\r\n //Input = 2022-01-02 00:00:00 +0200 aka 2022-01-01 22:00:00 UTC\r\n //Means = 2022-01-02 00:00:00 +0100 aka 2022-01-01 23:00:00 UTC\r\n //Output = 2022-01-02 01:00:00 +0200 aka 2022-01-01 23:00:00 UTC\r\n\r\n //const isDST = localDate.getTimezoneOffset() == new Date(\"2022-06-06\").getTimezoneOffset();\r\n const oppositeCWETime = getCweTimeForDisplayPurposes(localDate);\r\n const diff = localDate.getTime() - oppositeCWETime.getTime();\r\n return new Date(new Date(localDate).setTime(localDate.getTime() + diff));\r\n }\r\n const getCweTimeForDisplayPurposes = (correctUtcDate: Date) => {\r\n //next use .getFullYear() .getMonth() .getDate() .getHours() .getMinutes() .getSeconds()\r\n\r\n //This logic is also in TDatetime.tsx\r\n return new Date(correctUtcDate.toLocaleString('en-US', { timeZone: 'Europe/Brussels' }));\r\n }\r\n\r\n const nextDay = new Date(new Date().setDate(new Date().getDate() + 1));\r\n const nextDayHourOneCWETime = setCweTime(nextDay, 0, 0);\r\n\r\n axios.interceptors.response.use(undefined, (error) => {\r\n const expectedError =\r\n error.response &&\r\n error.response.status >= 400 &&\r\n error.response.status < 500;\r\n\r\n if (!expectedError) {\r\n (async function runAsync() {\r\n await httpService.logError(props.applicationRoot, \"MAIN\", error.response);\r\n })();\r\n }\r\n\r\n return Promise.reject(error);\r\n });\r\n\r\n this.state = {\r\n applicationRoot: props.applicationRoot,\r\n apiService: props.apiService,\r\n environment: props.environment,\r\n userMail: props.username,\r\n userRole: props.role,\r\n userToken: props.bearerToken,\r\n guestToken: props.bearerToken,\r\n changeToken: this.handleTokenChange,\r\n selectedDate: nextDayHourOneCWETime, //can be overwritten in componentDidMount\r\n getYearUtcTime: GetYearUtcTime,\r\n getRootUtcTime: GetRootUtcTime,\r\n getUntilFor1Day: GetUntilFor1Day,\r\n getUntilFor1Hour: GetUntilFor1Hour,\r\n getUntilFor1Year: GetUntilFor1Year,\r\n setCweTimeForDate: setCweTime,\r\n convertCweHourToUtcDate: convertCweHourToUtcDate,\r\n getCweTimeForDisplayPurposes: getCweTimeForDisplayPurposes,\r\n handleDateChange: this.handleDateChange,\r\n selectedBorders: [],\r\n handleBorderChange: this.handleBorderChange,\r\n handleHubChange: this.handleHubChange,\r\n handleHorizonChange: this.handleHorizonChange,\r\n selectedHubs: [],\r\n selectedTsos: [],\r\n hubToHubExchange: {},\r\n hubExchange: {},\r\n addHubToHubExchange: this.addHubToHubExchange,\r\n handleHubToHubExchangeChange: this.handleHubToHubExchangeChange,\r\n hubToHubPosition: {},\r\n addHubToHubPosition: this.addHubToHubPosition,\r\n handleHubToHubPositionChange: this.handleHubToHubPositionChange,\r\n dateSteps: \"H\",\r\n horizon: \"\",\r\n isBorderEnabled: true,\r\n isHubEnabled: true,\r\n initialized: false,\r\n maxRows: 100,\r\n pageSize: 1000,\r\n handleInputAvailablilityChange: this.handleInputAvailablilityChange,\r\n pages: [\r\n //HOME SHOULD BE FIRST ONE! (that is the default one)\r\n //This is the order how they are shown on the left\r\n { config: Home.page_config, component: () => \r\n {!this.state.initialized\r\n ?
\r\n :
\r\n }\r\n
\r\n
}>\r\n {!this.state.initialized\r\n ?
\r\n :
\r\n {this.state.pages.map(p => \r\n }\r\n \r\n
\r\n
= ({ children }) => {\r\n React.useEffect(() => {\r\n }, []);\r\n\r\n return (\r\n <>\r\n <>{children}\r\n \r\n );\r\n};\r\n\r\nexport default Main;","import * as React from \"react\";\r\nimport * as ReactDOM from \"react-dom\";\r\nimport { BrowserRouter } from \"react-router-dom\";\r\nimport axios from \"axios\";\r\nimport * as i18n from \"i18n\";\r\n\r\nimport BusyOverlay from \"components/busyOverlay\";\r\nimport App from \"./app\";\r\nimport Shell from \"core/infrastructure/shell\";\r\nimport { config } from \"@fortawesome/fontawesome-svg-core\";\r\n\r\ninterface Configuration {\r\n applicationRoot: string;\r\n scriptsRoot: string;\r\n apiService: string;\r\n requestVerificationToken: string;\r\n bearerToken: string;\r\n username: string;\r\n role: string;\r\n environment: string;\r\n}\r\n\r\nexport default (el: Element, configuration: Configuration) => {\r\n __webpack_public_path__ = configuration.scriptsRoot; // needed for chunk loading\r\n\r\n axios.defaults.headers.common[\"X-Requested-With\"] = \"XMLHttpRequest\";\r\n axios.defaults.headers.common[\"RequestVerificationToken\"] = configuration.requestVerificationToken;\r\n //TODO axios.defaults.headers.common[\"Authorization\"] = \"Bearer ...\";\r\n\r\n axios.interceptors.response.use(\r\n response => response,\r\n error => Promise.reject(error)\r\n );\r\n\r\n i18n.init(configuration.scriptsRoot, [\"common\"]);\r\n\r\n const container =\r\n \r\n \r\n \r\n \r\n ;\r\n\r\n ReactDOM.render(container, el);\r\n};","import * as i18n from \"i18next\";\r\nimport { initReactI18next } from \"react-i18next\";\r\nimport * as i18nextXHR from \"i18next-xhr-backend\";\r\n\r\nexport const init = (frontEndUrl: string, bundleNames: string[]) => {\r\n if (i18n.default.isInitialized) return;\r\n\r\n i18n.default\r\n .use(i18nextXHR.default)\r\n .use(initReactI18next)\r\n .init({\r\n fallbackLng: \"en\",\r\n\r\n ns: bundleNames,\r\n defaultNS: bundleNames[0],\r\n\r\n debug: false,\r\n\r\n keySeparator: false,\r\n\r\n interpolation: {\r\n escapeValue: false, // not needed for react\r\n formatSeparator: \",\",\r\n },\r\n\r\n react: {\r\n // note: don't set this to 'true' => needed for positioning of popups\r\n wait: false,\r\n },\r\n\r\n backend: {\r\n loadPath:\r\n frontEndUrl +\r\n \"locales/{{lng}}/{{ns}}.json?\" +\r\n BUNDLEBUILDTIME,\r\n crossDomain: true,\r\n },\r\n });\r\n};\r\n"],"sourceRoot":""}