();\r\n const dtoBorders = borders;//.filter((x) => keysInDto.some((key) => key.toLowerCase().endsWith(x.id.toLowerCase())));\r\n\r\n const graph = (paired: boolean, data: Serie[]) => (\r\n \r\n
Max bilateral exchanges from {hub} (MW)
\r\n {graph(false,\r\n dtoBorders\r\n .filter(b => b.id.startsWith(hub + \"_\"))\r\n .sort((a, b) => b.id.localeCompare(a.id)) // descending\r\n .map(b => {\r\n return {\r\n id: \"Max \" + b.text,\r\n data: maxExchangeData\r\n .map((m) => { return { x: new Date(m.dateTimeUtc).getHours() + 1, y: eval(\"m.border_\" + b.id) }; })\r\n };\r\n })\r\n )}\r\n
\r\n {hubs.filter(f => f.id != \"ALBE\" && f.id != \"ALDE\").map(h => drawExchangeGraph(h.id))}\r\n
\r\n
Min/Max net positions (MW)
\r\n {graph(true, hubs\r\n .sort((a, b) => b.id.localeCompare(a.id)) // descending\r\n .reduce((arr: Serie[], h) => {\r\n return arr.concat([\r\n { id: \"Max \" + h.id, data: maxNetPosData.map((m) => { return { x: new Date(m.dateTimeUtc).getHours() + 1, y: eval(\"m.max\" + h.id) }; }) },\r\n { id: \"Min \" + h.id, data: maxNetPosData.map((m) => { return { x: new Date(m.dateTimeUtc).getHours() + 1, y: eval(\"m.min\" + h.id) }; }) },\r\n ], []);\r\n }, []))}\r\n
\r\n
\r\n {eval(\"dto.border_\" + border.id.toUpperCase().replace(\"_LINK\", \"_link\"))} )}\r\n ;\r\n\r\nexport default Row;","import * as React from \"react\";\r\n\r\nimport { MaxNetPosDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport TDatetime from \"components/TDatetime\";\r\n\r\ninterface OwnProps {\r\n dto: MaxNetPosDto;\r\n hubs: MultiSelectItem[];\r\n left: number;\r\n}\r\n\r\nconst Row = ({ dto, hubs, left }: OwnProps) =>\r\n \r\n {eval(\"dto.min\" + hub.id.toUpperCase())} )}\r\n {hubs.map((hub) => {eval(\"dto.max\" + hub.id.toUpperCase())} )}\r\n ;\r\n\r\nexport default Row;","import * as React from \"react\";\r\n\r\nimport { MaxExchangesDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport TDatetime from \"components/TDatetime\";\r\n\r\ninterface OwnProps {\r\n dto: MaxExchangesDto;\r\n borders: MultiSelectItem[];\r\n left: number;\r\n}\r\n\r\nconst Row = ({ dto, borders, left }: OwnProps) =>\r\n \r\n {eval(\"dto.border_\" + border.id.toUpperCase())} )}\r\n ;\r\n\r\nexport default Row;","import * as React from \"react\";\r\n\r\nimport { InitialComputationDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport TDatetime from \"components/TDatetime\";\r\nimport CheckIcon from \"components/checkIcon\";\r\n\r\ninterface OwnProps {\r\n dto: InitialComputationDto;\r\n hubs: MultiSelectItem[];\r\n left: number;\r\n}\r\n\r\nconst Row = ({ dto, hubs, left }: OwnProps) =>\r\n <>\r\n \r\n {dto.tso} \r\n {dto.cneName} \r\n {dto.cneEic} \r\n {dto.direction} \r\n {dto.hubFrom} \r\n {dto.hubTo} \r\n {dto.substationFrom} \r\n {dto.substationTo} \r\n {dto.elementType} \r\n {dto.fmaxType} \r\n\r\n {dto.contTso} \r\n {dto.contName} \r\n {dto.contingencies[0].branchName} \r\n {dto.contingencies[0].branchEic} \r\n {dto.contingencies[0].hubFrom} \r\n {dto.contingencies[0].hubTo} \r\n {dto.contingencies[0].substationFrom} \r\n {dto.contingencies[0].substationTo} \r\n {dto.contingencies[0].elementType} \r\n\r\n {dto.ram} \r\n {dto.imax} \r\n {dto.u} \r\n {dto.fmax} \r\n {dto.frm} \r\n {dto.fref} \r\n {dto.fcore} \r\n {dto.fall} \r\n {dto.fuaf} \r\n {dto.iva} \r\n {dto.uva} \r\n\r\n {hubs.map((hub) => {eval(\"dto.ptdf_\" + hub.id.toUpperCase())} )}\r\n \r\n {\r\n dto.contingencies.slice(1).map((c) =>\r\n \r\n Additional branch #{c.number}: \r\n {c.branchName} \r\n {c.branchEic} \r\n {c.hubFrom} \r\n {c.hubTo} \r\n {c.substationFrom} \r\n {c.substationTo} \r\n {c.elementType} \r\n \r\n )\r\n }\r\n ;\r\n\r\nexport default Row;","import * as React from \"react\";\r\n\r\nimport { ValidationReductionsDto } from \"core/backend/data\";\r\nimport TDatetime from \"components/TDatetime\";\r\nimport CheckIcon from \"components/checkIcon\";\r\nimport TDate from \"components/TDate\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\n\r\ninterface OwnProps {\r\n dto: ValidationReductionsDto;\r\n hubs: MultiSelectItem[];\r\n left: number;\r\n}\r\nconst Row = ({ dto, hubs, left }: OwnProps) => {\r\n const rowSpan = dto.contingencies.length == 0 ? 1 : dto.contingencies.length;\r\n return <>\r\n \r\n {dto.tso} \r\n {dto.cnecName} \r\n {dto.direction} \r\n {dto.iva} \r\n {dto.ivaShare} \r\n {dto.justification} \r\n\r\n {dto.overloadedTso} \r\n {dto.overloadedName} \r\n {dto.overloadedEic} \r\n {dto.overloadedFromUct} \r\n {dto.overloadedToUct} \r\n\r\n {dto.contingencies.length > 0 && \"#1:\"} \r\n {dto.contingencies.length > 0 && dto.contingencies[0].name} \r\n {dto.contingencies.length > 0 && dto.contingencies[0].tso} \r\n {dto.contingencies.length > 0 && dto.contingencies[0].fromUct} \r\n {dto.contingencies.length > 0 && dto.contingencies[0].toUct} \r\n\r\n {hubs.map((hub, i) => {eval(\"dto.coreNp_\" + hub.id.toUpperCase())} )}\r\n \r\n {dto.comment} \r\n\r\n \r\n {\r\n dto.contingencies.slice(1).map((c) =>\r\n \r\n #{c.number}: \r\n {c.name} \r\n {c.tso} \r\n {c.fromUct} \r\n {c.toUct} \r\n \r\n )\r\n }\r\n \r\n};\r\n\r\nexport default Row;","import * as React from \"react\";\r\n\r\nimport { FinalComputationDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport TDatetime from \"components/TDatetime\";\r\nimport CheckIcon from \"components/checkIcon\";\r\n\r\ninterface OwnProps {\r\n dto: FinalComputationDto;\r\n hubs: MultiSelectItem[];\r\n left: number;\r\n}\r\n\r\nconst Row = ({ dto, hubs, left }: OwnProps) =>\r\n <>\r\n \r\n {dto.tso} \r\n {dto.cneName} \r\n {dto.cneEic} \r\n {dto.direction} \r\n {dto.hubFrom} \r\n {dto.hubTo} \r\n {dto.substationFrom} \r\n {dto.substationTo} \r\n {dto.elementType} \r\n {dto.fmaxType} \r\n\r\n {dto.contTso} \r\n {dto.contName} \r\n {dto.contingencies[0].branchName} \r\n {dto.contingencies[0].branchEic} \r\n {dto.contingencies[0].hubFrom} \r\n {dto.contingencies[0].hubTo} \r\n {dto.contingencies[0].substationFrom} \r\n {dto.contingencies[0].substationTo} \r\n {dto.contingencies[0].elementType} \r\n\r\n {dto.ram} \r\n {dto.imax} \r\n {dto.u} \r\n {dto.fmax} \r\n {dto.frm} \r\n {dto.fref} \r\n {dto.fcore} \r\n {dto.fall} \r\n {dto.fuaf} \r\n {dto.iva} \r\n {dto.uva} \r\n\r\n {hubs.map((hub) => {eval(\"dto.ptdf_\" + hub.id.toUpperCase())} )}\r\n \r\n {\r\n dto.contingencies.slice(1).map((c) =>\r\n \r\n Additional branch #{c.number}: \r\n {c.branchName} \r\n {c.branchEic} \r\n {c.hubFrom} \r\n {c.hubTo} \r\n {c.substationFrom} \r\n {c.substationTo} \r\n {c.elementType} \r\n \r\n )\r\n }\r\n ;\r\n\r\nexport default Row;","import * as React from \"react\";\r\n\r\nimport { AllocationConstraintDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport TDatetime from \"components/TDatetime\";\r\n\r\ninterface OwnProps {\r\n dto: AllocationConstraintDto;\r\n left: number;\r\n hubs: MultiSelectItem[];\r\n}\r\n\r\nconst Row = ({ dto, left, hubs }: OwnProps) =>\r\n \r\n \r\n {eval(`dto.import_${hub.id}`)}\r\n \r\n \r\n {eval(`dto.export_${hub.id}`)}\r\n \r\n )\r\n }\r\n \r\n\r\nexport default Row;","import * as React from \"react\";\r\n\r\nimport { CgmDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport TDatetime from \"components/TDatetime\";\r\n\r\ninterface OwnProps {\r\n dto: CgmDto;\r\n hubs: MultiSelectItem[];\r\n tsos: MultiSelectItem[];\r\n left: number;\r\n}\r\n\r\nconst Row = ({ dto, hubs, tsos, left }: OwnProps) =>\r\n \r\n {eval(\"dto.verticalLoad_\" + hub.id.toUpperCase())} )}\r\n {hubs.length == 0 ? {eval(\"dto.generation_\" + hub.id.toUpperCase())} )}\r\n {hubs.length == 0 ? {eval(\"dto.coreNetPosition_\" + hub.id.toUpperCase())} )}\r\n {tsos.length == 0 ? \r\n {eval(\"dto.verticalLoad_\" + tso.id)} \r\n {eval(\"dto.generation_\" + tso.id)} \r\n {eval(\"dto.coreNetPosition_\" + tso.id)} \r\n )}\r\n ;\r\n\r\nexport default Row;","import * as React from \"react\";\r\n\r\nimport { ReferenceNetPositionDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport TDatetime from \"components/TDatetime\";\r\n\r\ninterface OwnProps {\r\n dto: ReferenceNetPositionDto;\r\n hubs: MultiSelectItem[];\r\n left: number;\r\n}\r\n\r\nconst Row = ({ dto, hubs, left }: OwnProps) =>\r\n \r\n {eval(\"dto.globalNetPosition_\" + hub.id.toUpperCase())} )}\r\n ;\r\n\r\nexport default Row;","import * as React from \"react\";\r\n\r\nimport { IntradayAtcDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport TDatetime from \"components/TDatetime\";\r\n\r\ninterface OwnProps {\r\n dto: IntradayAtcDto;\r\n borders: MultiSelectItem[];\r\n left: number;\r\n}\r\n\r\nconst Row = ({ dto, borders, left }: OwnProps) =>\r\n \r\n {eval(\"dto.border_\" + border.id.toUpperCase())} )}\r\n ;\r\n\r\nexport default Row;","import * as React from \"react\";\r\n\r\nimport { IntradayNtcDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport TDatetime from \"components/TDatetime\";\r\n\r\ninterface OwnProps {\r\n dto: IntradayNtcDto;\r\n borders: MultiSelectItem[];\r\n left: number;\r\n}\r\n\r\nconst Row = ({ dto, borders, left }: OwnProps) =>\r\n \r\n {eval(\"dto.border_\" + border.id.toUpperCase())} )}\r\n ;\r\n\r\nexport default Row;","import * as React from \"react\";\r\n\r\nimport { NetPosDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport TDatetime from \"components/TDatetime\";\r\n\r\ninterface OwnProps {\r\n dto: NetPosDto;\r\n hubs: MultiSelectItem[];\r\n left: number;\r\n}\r\n\r\nconst Row = ({ dto, hubs, left }: OwnProps) =>\r\n \r\n {eval(\"dto.hub_\" + hub.id.toUpperCase())} )}\r\n ;\r\n\r\nexport default Row;","import * as React from \"react\";\r\n\r\nimport { ScheduledExchangesDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport TDatetime from \"components/TDatetime\";\r\n\r\ninterface OwnProps {\r\n dto: ScheduledExchangesDto;\r\n borders: MultiSelectItem[];\r\n left: number;\r\n}\r\n\r\nconst Row = ({ dto, borders, left }: OwnProps) =>\r\n \r\n {eval(\"dto.border_\" + border.id.toUpperCase())} )}\r\n ;\r\n\r\nexport default Row;","import * as React from \"react\";\r\n\r\nimport { PriceSpreadDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport TDatetime from \"components/TDatetime\";\r\n\r\ninterface OwnProps {\r\n dto: PriceSpreadDto;\r\n borders: MultiSelectItem[];\r\n left: number;\r\n}\r\n\r\nconst Row = ({ dto, borders, left }: OwnProps) =>\r\n \r\n {eval(\"dto.border_\" + border.id.toUpperCase())} )}\r\n ;\r\n\r\nexport default Row;","import * as React from \"react\";\r\n\r\nimport { CongestionIncomeDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport TDatetime from \"components/TDatetime\";\r\nimport classNames from \"classnames\";\r\n\r\ninterface OwnProps {\r\n dto: CongestionIncomeDto;\r\n hubs: MultiSelectItem[];\r\n tsos: MultiSelectItem[];\r\n borders: MultiSelectItem[];\r\n left: number;\r\n}\r\n\r\nconst Row = ({ dto, hubs, tsos, borders, left }: OwnProps) =>\r\n \r\n {eval(\"dto.grossBorder_\" + border.id.toUpperCase())} )}\r\n {hubs.length == 0 ? {eval(\"dto.grossHub_\" + hub.id)} )}\r\n {tsos.length == 0 ? {eval(\"dto.grossTso_\" + tso.id)} )}\r\n ;\r\n\r\nexport default Row;","import * as React from \"react\";\r\n\r\nimport { NetPosDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport TDatetime from \"components/TDatetime\";\r\n\r\ninterface OwnProps {\r\n dto: NetPosDto;\r\n hubs: MultiSelectItem[];\r\n left: number;\r\n}\r\n\r\nconst Row = ({ dto, hubs, left }: OwnProps) =>\r\n \r\n {eval(\"dto.hub_\" + hub.id.toUpperCase())} )}\r\n ;\r\n\r\nexport default Row;","import * as React from \"react\";\r\n\r\nimport { PriceSpreadDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport TDatetime from \"components/TDatetime\";\r\n\r\ninterface OwnProps {\r\n dto: PriceSpreadDto;\r\n borders: MultiSelectItem[];\r\n left: number;\r\n}\r\n\r\nconst Row = ({ dto, borders, left }: OwnProps) =>\r\n \r\n {eval(\"dto.border_\" + border.id.toUpperCase())} )}\r\n ;\r\n\r\nexport default Row;","import * as React from \"react\";\r\n\r\nimport { ScheduledExchangesDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport TDatetime from \"components/TDatetime\";\r\n\r\ninterface OwnProps {\r\n dto: ScheduledExchangesDto;\r\n borders: MultiSelectItem[];\r\n left: number;\r\n}\r\n\r\nconst Row = ({ dto, borders, left }: OwnProps) =>\r\n \r\n {eval(\"dto.border_\" + border.id.toUpperCase())} )}\r\n ;\r\n\r\nexport default Row;","import * as React from \"react\";\r\n\r\nimport { CongestionIncomeDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport TDatetime from \"components/TDatetime\";\r\nimport classNames from \"classnames\";\r\n\r\ninterface OwnProps {\r\n dto: CongestionIncomeDto;\r\n hubs: MultiSelectItem[];\r\n tsos: MultiSelectItem[];\r\n borders: MultiSelectItem[];\r\n left: number;\r\n}\r\n\r\nconst Row = ({ dto, hubs, tsos, borders, left }: OwnProps) =>\r\n \r\n {eval(\"dto.grossBorder_\" + border.id.toUpperCase())} )}\r\n {hubs.length == 0 ? {eval(\"dto.grossHub_\" + hub.id)} )}\r\n {tsos.length == 0 ? {eval(\"dto.grossTso_\" + tso.id)} )}\r\n ;\r\n\r\nexport default Row;","import * as React from \"react\";\r\n\r\nimport { NetPosDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport TDatetime from \"components/TDatetime\";\r\n\r\ninterface OwnProps {\r\n dto: NetPosDto;\r\n hubs: MultiSelectItem[];\r\n left: number;\r\n}\r\n\r\nconst Row = ({ dto, hubs, left }: OwnProps) =>\r\n \r\n {eval(\"dto.hub_\" + hub.id.toUpperCase())} )}\r\n ;\r\n\r\nexport default Row;","import * as React from \"react\";\r\n\r\nimport { ScheduledExchangesDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport TDatetime from \"components/TDatetime\";\r\n\r\ninterface OwnProps {\r\n dto: ScheduledExchangesDto;\r\n borders: MultiSelectItem[];\r\n left: number;\r\n}\r\n\r\nconst Row = ({ dto, borders, left }: OwnProps) =>\r\n \r\n {eval(\"dto.border_\" + border.id.toUpperCase())} )}\r\n ;\r\n\r\nexport default Row;","import * as React from \"react\";\r\n\r\nimport { PriceSpreadDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport TDatetime from \"components/TDatetime\";\r\n\r\ninterface OwnProps {\r\n dto: PriceSpreadDto;\r\n borders: MultiSelectItem[];\r\n left: number;\r\n}\r\n\r\nconst Row = ({ dto, borders, left }: OwnProps) =>\r\n \r\n {eval(\"dto.border_\" + border.id.toUpperCase())} )}\r\n ;\r\n\r\nexport default Row;","import * as React from \"react\";\r\n\r\nimport { CongestionIncomeDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport TDatetime from \"components/TDatetime\";\r\nimport classNames from \"classnames\";\r\n\r\ninterface OwnProps {\r\n dto: CongestionIncomeDto;\r\n hubs: MultiSelectItem[];\r\n tsos: MultiSelectItem[];\r\n borders: MultiSelectItem[];\r\n left: number;\r\n}\r\n\r\nconst Row = ({ dto, hubs, tsos, borders, left }: OwnProps) =>\r\n \r\n {eval(\"dto.grossBorder_\" + border.id.toUpperCase())} )}\r\n {hubs.length == 0 ? {eval(\"dto.grossHub_\" + hub.id)} )}\r\n {tsos.length == 0 ? {eval(\"dto.grossTso_\" + tso.id)} )}\r\n ;\r\n\r\nexport default Row;","import * as React from \"react\";\r\nimport { faCheck, faTimes } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\n\r\ninterface Props {\r\n checked?: boolean;\r\n}\r\n\r\nconst CheckIcon = ({ checked }: Props) =>\r\n (checked !== null && checked !== undefined)\r\n ? (checked\r\n ? \r\n
;\r\n\r\nexport default BusyOverlay;","const s = require(\"./multiselect.module.scss\");\r\nimport { faSquare as square, faCheckSquare as checksquare } from \"@fortawesome/free-solid-svg-icons\"; //fontawesome.com\r\nimport { faSquare, faCheckSquare } from \"@fortawesome/free-regular-svg-icons\"; //fontawesome.com\r\nimport { default as React, useState } from \"react\";\r\nimport classnames from \"classnames\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\n\r\nexport interface MultiSelectItem {\r\n id: string;\r\n text: string;\r\n selected: boolean;\r\n isDisplayed: boolean;\r\n}\r\ninterface Props {\r\n data: MultiSelectItem[];\r\n enabled: boolean;\r\n}\r\n\r\ninterface DispatchProps {\r\n onChange: (item: MultiSelectItem, special: string) => void;\r\n}\r\ninterface State {\r\n open: boolean;\r\n}\r\n\r\nconst MultiSelect = ({ data, enabled, onChange }: Props & DispatchProps) => {\r\n const initialState: State = { open: false };\r\n const [state, setState] = useState(initialState);\r\n const [search, setSearch] = useState(\"\");\r\n\r\n const interceptEvent = (event: any) => {\r\n if (event) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n }\r\n };\r\n const renderListItem = (item: MultiSelectItem) => {\r\n const className = classnames(s.dropdownitem, item.selected ? s.selected : s.notselected);\r\n return ( { handleChange(e, item); }} onMouseDown={handleMouseDown} onBlur={handleBlur} href=\"#\">{item.text} );\r\n };\r\n const renderTags = (item: MultiSelectItem) => {\r\n return ({item.text} );\r\n };\r\n const handleChange = (event: any, item: MultiSelectItem) => {\r\n clickedOnOption = false;\r\n interceptEvent(event);\r\n onChange(item, \"\");\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 classNameActionMenu = classnames(s.actionmenu, state.open ? \"\" : s.hidden);\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 displayedItems = data.filter(f => f.isDisplayed);\r\n const selectedItems = displayedItems.filter(f => f.selected);\r\n\r\n const selectAll = () => onChange(data[0], \"ALL\");\r\n const selectNone = () => onChange(data[0], \"NONE\");\r\n\r\n return (\r\n
\r\n {displayedItems === undefined ? \"None available\"\r\n : displayedItems.length === 0 ? \"None available\"\r\n : selectedItems.length === 0 ? \"None\"\r\n : selectedItems.length === displayedItems.length ? \"All\"\r\n : selectedItems.length > 2 ? {selectedItems.length} selected \r\n : selectedItems.map(renderTags)}\r\n \r\n
setSearch(e.currentTarget.value)} />\r\n
\r\n
\r\n
\r\n {icon && {title} \r\n ;\r\n\r\nexport default MenuItem;","import axios, { AxiosResponse } from \"axios\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport * as queryString from \"querystring\";\r\nimport { Response, ApiGet, ApiPost } from \"./model\";\r\n\r\nlet cancelToken = axios.CancelToken.source();\r\n\r\nfunction FormattedErrorMessage(error: any) {\r\n\r\n const errorMessage: string = axios.isCancel(error) ? \"The request was cancelled.\"\r\n : error.message === \"Request failed with status code 500\" ? error.response?.data?.message ?? \"There was an internal error at JAO, please try again.\"\r\n : error.message === \"Network Error\" ? \"JAO is deploying a new version of PuTo or your internet connection is lost, please try again.\"\r\n : error.message;\r\n //Automatically called: logError(message.applicationState.applicationRoot, error.response.status, error.response.data);\r\n return {\r\n ok: false,\r\n error: errorMessage,\r\n errorDetail: error.response?.data?.message ?? \"\",\r\n data: {} as TResponse,\r\n };\r\n}\r\nexport const apiCancel = () => {\r\n cancelToken && cancelToken.cancel('Operation canceled due to new request.');\r\n cancelToken = axios.CancelToken.source();\r\n}\r\n\r\nexport const apiDownload = (message: ApiGet) => async () : Promise => {\r\n try {\r\n cancelToken && cancelToken.cancel('Operation canceled due to new request.');\r\n cancelToken = axios.CancelToken.source();\r\n const headers ={ \"Authorization\": \"Bearer \" + message.applicationState.userToken };\r\n const url = message.route + ((message.query) ? \"?\" + queryString.stringify(message.query as { [name: string]: any }) : \"\");\r\n const response = await axios.get(url, {headers, cancelToken: cancelToken.token });\r\n \r\n if (response === undefined) alert(\"Error 2234\");\r\n if (response.data === undefined) alert(\"Error 2235\");\r\n\r\n let download = response?.data?.downloadUrl;\r\n let showDownloadProgress = false;\r\n if (showDownloadProgress) {\r\n let responseB = await axios({\r\n url: response?.data?.downloadUrl,\r\n onDownloadProgress: (ev) => { console.log(ev); },\r\n method: 'GET',\r\n responseType: 'blob', // important\r\n });\r\n if (responseB === undefined) alert(\"Error 2236\");\r\n download = window.URL.createObjectURL(new Blob([responseB.data]));\r\n } \r\n\r\n const link = document.createElement(\"a\");\r\n link.href = download;\r\n link.setAttribute(\"download\", response?.data?.fileName);\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n //TODO Detect that the download has been initiated \r\n return \"\";\r\n } catch (e) {\r\n return FormattedErrorMessage(e).error;\r\n }\r\n};\r\nexport const apiTryGet = (message: ApiGet) => async (): Promise> => {\r\n try {\r\n cancelToken && cancelToken.cancel('Operation canceled due to new request.');\r\n cancelToken = axios.CancelToken.source();\r\n const headers ={ \"Authorization\": \"Bearer \" + message.applicationState.userToken };\r\n const url = message.route + ((message.query) ? \"?\" + message.query:\"\"); //queryString.stringify(message.query as { [name: string]: any }) : \"\");\r\n return await axios.get(url, { headers, cancelToken: cancelToken.token });\r\n } catch (e) {\r\n let error = (e as any);\r\n if (axios.isCancel(error)) return { data: { Canceled:\"This request was canceled\"}, status: 0, headers: {}, statusText: \"Canceled\", config: {} };\r\n return error.response;\r\n }\r\n};\r\nexport const apiTryPost = (message: ApiPost) => async (): Promise> => {\r\n try {\r\n cancelToken && cancelToken.cancel('Operation canceled due to new request.');\r\n cancelToken = axios.CancelToken.source();\r\n const headers ={ \"Authorization\": \"Bearer \" + message.applicationState.userToken };\r\n return await axios.post(message.route, message.query, {headers, cancelToken: cancelToken.token });\r\n } catch (e) {\r\n let error = (e as any);\r\n if (axios.isCancel(error)) return { data: { Canceled:\"This request was canceled\"}, status: 0, headers: {}, statusText: \"Canceled\", config: {} };\r\n return error.response;\r\n }\r\n};\r\n\r\n\r\nexport const apiGet = (message: ApiGet) => async (): Promise> => {\r\n\r\n try {\r\n cancelToken && cancelToken.cancel('Operation canceled due to new request.');\r\n cancelToken = axios.CancelToken.source();\r\n const headers ={ \"Authorization\": \"Bearer \" + message.applicationState.userToken };\r\n const url = message.route + ((message.query) ? \"?\" + queryString.stringify(message.query as { [name: string]: any }) : \"\");\r\n const response = await axios.get(url, {headers, cancelToken: cancelToken.token });\r\n return {\r\n ok: response.status === 200,\r\n data: response.data,\r\n };\r\n } catch (e) {\r\n return FormattedErrorMessage(e);\r\n } finally {\r\n\r\n }\r\n};\r\n\r\nexport const apiPost = (message: ApiPost) => async (): Promise => {\r\n try {\r\n cancelToken && cancelToken.cancel('Operation canceled due to new request.');\r\n cancelToken = axios.CancelToken.source();\r\n const headers ={ \"Authorization\": \"Bearer \" + message.applicationState.userToken };\r\n const response = await axios.post(message.route, message.query, { headers, cancelToken: cancelToken.token });\r\n return {\r\n ok: response.status === 200,\r\n data: response.data,\r\n };\r\n } catch (e) {\r\n return FormattedErrorMessage(e);\r\n } finally {\r\n\r\n }\r\n};\r\n\r\n\r\nexport const syncPost = (message: ApiPost) => async (): Promise => {\r\n try {\r\n const headers ={ \"Authorization\": \"Bearer \" + message.applicationState.userToken };\r\n const response = await axios.post(message.route, message.query, { headers });\r\n return {\r\n ok: response.status === 200,\r\n data: response.data,\r\n };\r\n } catch (e) {\r\n return FormattedErrorMessage(e);\r\n } finally {\r\n\r\n }\r\n};\r\n\r\nexport const logError = (applicationRoot: string, code: string, error: string) => {\r\n const url = applicationRoot + \"reportClientError\";\r\n\r\n try {\r\n axios.post(url, { reference: code, message: error });\r\n }catch (e) {\r\n let error = (e as any);\r\n // too bad we could not log error, but not necesairy to notify user about this\r\n }\r\n};\r\n\r\n\r\nexport default {\r\n syncPost: syncPost,\r\n apiCancel: apiCancel,\r\n apiPost: apiPost,\r\n apiGet: apiGet,\r\n logError: logError,\r\n apiDownload: apiDownload,\r\n apiTryGet: apiTryGet,\r\n apiTryPost: apiTryPost,\r\n};\r\n","const s = require(\"./timePicker.module.scss\");\r\n\r\nimport { default as React, useState } from \"react\";\r\nimport classnames from \"classnames\";\r\nimport { ApplicationState } from \"core/app\";\r\n\r\nexport interface TimePickerItem {\r\n date: Date;\r\n text: string;\r\n}\r\ninterface Props {\r\n selectedDate: Date;\r\n dateSteps: string;\r\n\r\n applicationState: ApplicationState;\r\n}\r\n\r\ninterface DispatchProps {\r\n onChange: (date: Date) => void;\r\n}\r\ninterface State {\r\n open: boolean;\r\n}\r\n\r\nconst TimePicker = ({ applicationState, dateSteps, selectedDate, onChange }: Props & DispatchProps) => {\r\n const enabled = dateSteps.startsWith(\"H\");\r\n const initialState: State = { open: false };\r\n const [state, setState] = useState(initialState);\r\n const availableHours = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24]\r\n .filter(hour => dateSteps == \"H\" //no filter, all 24 hours\r\n || (dateSteps == \"H16+\" && hour >= 16)\r\n || (dateSteps == \"H12+\" && hour >= 12)\r\n )\r\n const [isCnecInfo, setIsCnecInfo] = useState(false);\r\n const cnecDisabledBefore = new Date(selectedDate).setHours(16, 0, 0);\r\n\r\n const interceptEvent = (event: any) => {\r\n if (event) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n }\r\n };\r\n\r\n const renderListItem = (item: TimePickerItem) => {\r\n // XXX: LIQ-341: IBWT Cnec info grey out hours before 16:00, 17:00\r\n const isHourDisabled = !availableHours.includes(item.date.getHours());\r\n const className = classnames(s.dropdownitem\r\n , selectedDate.toUTCString() === item.date.toUTCString() ? s.selected : s.notselected\r\n , isHourDisabled ? \"text-disabled\" : \"\");\r\n return ( !isHourDisabled && handleChange(e, item)} onMouseDown={handleMouseDown} onBlur={handleBlur} href=\"#\">\r\n {item.text}\r\n );\r\n };\r\n const handleChange = (event: any, item: TimePickerItem) => {\r\n clickedOnOption = false;\r\n interceptEvent(event);\r\n onChange(item.date);\r\n setState({ open: false });\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 };\r\n const handleMouseDown = () => {\r\n clickedOnOption = true;\r\n };\r\n\r\n React.useEffect(() => {\r\n if (availableHours.length > 0 && !availableHours.includes(selectedDate.getHours())) {\r\n onChange(new Date(selectedDate.setHours(availableHours[0], 0, 0)));\r\n }\r\n }, [selectedDate, availableHours]);\r\n\r\n const classNameInput = classnames(s.textField, \"inputBorder\", enabled ? s.enabled : s.disabled);\r\n const classNameDropDown = classnames(s.dropdownmenu, state.open ? \"\" : s.hidden);\r\n\r\n const rootDate = applicationState.setCweTimeForDate(applicationState.getCweTimeForDisplayPurposes(selectedDate), 0, 0); //CWE Time 00:00\r\n\r\n const getTwoDigits = (val: number) => (val > 9 ? \"\" : \"0\") + val;\r\n const dayLightSaveCheck = (utcDate: Date, localCweDateForDisplay: Date) => {\r\n if (localCweDateForDisplay.getHours() !== 2) return \"\";\r\n return (applicationState.getCweTimeForDisplayPurposes(new Date(new Date(utcDate).setUTCHours(utcDate.getUTCHours() - 1))).getHours() === 2) ? \"+\" : \"\";\r\n }\r\n const getHourRange = (date: Date) => {\r\n var localCweDate = applicationState.getCweTimeForDisplayPurposes(date);\r\n var dst = dayLightSaveCheck(date, localCweDate);\r\n return dst + getTwoDigits(localCweDate.getHours()) + \":00\" + \" - \" + getTwoDigits(localCweDate.getHours() + 1) + \":00\" + dst;\r\n }\r\n const loadAllHours = () => {\r\n const list: TimePickerItem[] = [];\r\n let newDate = rootDate;\r\n let i = 1;\r\n while (applicationState.getCweTimeForDisplayPurposes(newDate).getDay() === applicationState.getCweTimeForDisplayPurposes(rootDate).getDay()) {\r\n list.push({ date: newDate, text: getHourRange(newDate) });\r\n newDate = new Date(new Date(rootDate).setUTCHours(rootDate.getUTCHours() + i++));\r\n if (i > 30) { throw Error(\"There is an issue with the TimePicker\"); }\r\n }\r\n return list;\r\n };\r\n\r\n return (\r\n
\r\n {getHourRange(selectedDate)}\r\n \r\n\r\n
\r\n {\r\n loadAllHours().map(renderListItem)\r\n }\r\n
\r\n
;\r\n\r\nexport default JaoLogo;","const s = require(\"./navigation.module.scss\");\r\n\r\nimport * as React from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport { faHome, faEye, faCloud, faUser } from \"@fortawesome/free-solid-svg-icons\"; //fontawesome.com\r\nimport MultiSelect from \"components/multiselect\";\r\nimport MenuItem from \"components/menuItem\";\r\nimport httpService from \"core/infrastructure/http\";\r\nimport TimePicker from \"components/timePicker\";\r\nimport ReactDatePicker, { registerLocale } from \"react-datepicker\";\r\nimport gb from \"date-fns/locale/en-GB\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport classNames from \"classnames\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { GetAvailableDatesResponse } from \"core/backend/data\";\r\nimport { NavLink, useLocation } from \"react-router-dom\";\r\nimport JaoLogoMenu from \"components/jaoLogoMenu\";\r\n\r\nregisterLocale(\"en-GB\", gb);\r\n\r\ninterface StateProps {\r\n applicationState: ApplicationState;\r\n}\r\ninterface Horizon {\r\n id: string;\r\n text: string;\r\n}\r\n\r\nexport const horizons: Horizon[] = [\r\n { id: \"ID1\", text: \"IDA 1\" },\r\n { id: \"ID2\", text: \"IDA 2\" },\r\n { id: \"ID3\", text: \"IDA 3\" },\r\n\r\n { id: \"IDCCA\", text: \"IDCC (a)\" },\r\n { id: \"IDCCB\", text: \"IDCC (b)\" }\r\n];\r\n\r\ntype NavigationProps = StateProps & WithTranslation;\r\nconst Navigation = ({ t, applicationState }: NavigationProps) => {\r\n const pageList = applicationState.pages.map(p => p.config);\r\n const initialDates: string[] = []\r\n const [availableDates, setAvailableDates] = useState(initialDates);\r\n const { pathname } = useLocation();\r\n \r\n const filteredHorizons = horizons.filter(h => h.id == applicationState.horizon);\r\n const selectedHorizon = horizons.length == 0 ? null : filteredHorizons.length == 1 ? filteredHorizons[0] : horizons[0];\r\n\r\n const mapHorizon = (item: Horizon) => {\r\n const isSelected = selectedHorizon == item;\r\n let toPath = pathname;\r\n horizons.forEach(h => toPath = toPath.replace(h.id, item.id));\r\n\r\n if (!pageList.some(p => \"/\" + p.webUrl === toPath)) { // if the given page is not present in the horizon, open the first page\r\n toPath = \"/\" + pageList.find(p => p.webUrl.includes(item.id)).webUrl;\r\n }\r\n return applicationState.handleHorizonChange(item.id)}\r\n to={ toPath }\r\n style={{\r\n border: \"1px solid #cbd1d8\", borderRadius: \"3px\", height: \"30px\"\r\n , backgroundColor: isSelected ? \"#a60045\" : \"white\"\r\n , color: isSelected ? \"white\" : \"black\"\r\n , textAlign: \"center\"\r\n , lineHeight: \"30px\"\r\n , cursor: \"pointer\"\r\n , textDecoration: \"none\"\r\n , whiteSpace: \"nowrap\"\r\n , padding: \"0px 5px 0px 5px\"\r\n }} >\r\n {item.text}\r\n \r\n }\r\n\r\n useEffect(() => {\r\n let path = pathname.replace(\"/\", \"\").replace(\"/\", \"\").replace(\"/\", \"\");\r\n if (path === \"\") return;\r\n\r\n (async function runAsync() {\r\n const response = await httpService.syncPost({\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 }, [pathname]);\r\n return (\r\n \r\n
\r\n
{t(\"menu:title\" + applicationState.environment)} \r\n
\r\n
{t(\"common:date\")}
\r\n {applicationState.dateSteps != \"\" &&
{\r\n let newDate = new Date(applicationState.selectedDate);\r\n if (applicationState.dateSteps == \"Y\") newDate.setFullYear(newDate.getFullYear() - 1);\r\n if (applicationState.dateSteps != \"Y\") newDate.setDate(newDate.getDate() - 1);\r\n applicationState.handleDateChange(newDate);\r\n }}>
}\r\n {applicationState.dateSteps != \"\" &&
{\r\n let newDate = new Date(applicationState.selectedDate);\r\n if (applicationState.dateSteps == \"Y\") newDate.setFullYear(newDate.getFullYear() + 1);\r\n if (applicationState.dateSteps != \"Y\") newDate.setDate(newDate.getDate() + 1);\r\n applicationState.handleDateChange(newDate);\r\n }}>
}\r\n
date && applicationState.handleDateChange(applicationState.convertCweHourToUtcDate(date))}\r\n highlightDates={availableDates.map(d => new Date(d))}\r\n />\r\n \r\n
\r\n
{t(\"common:hour\")} (CET)
\r\n {applicationState.dateSteps.startsWith(\"H\") &&
{\r\n let newDate = new Date(applicationState.selectedDate.setUTCHours(applicationState.selectedDate.getUTCHours() - 1));\r\n if (applicationState.dateSteps == \"H12+\" && newDate.getHours() < 12) newDate.setHours(-1);\r\n if (applicationState.dateSteps == \"H16+\" && newDate.getHours() < 16) newDate.setHours(-1);\r\n applicationState.handleDateChange(newDate);\r\n }}>
}\r\n {applicationState.dateSteps.startsWith(\"H\") &&
{\r\n let newDate = new Date(applicationState.selectedDate.setUTCHours(applicationState.selectedDate.getUTCHours() + 1));\r\n if (applicationState.dateSteps == \"H12+\" && newDate.getHours() < 12) newDate.setHours(12);\r\n if (applicationState.dateSteps == \"H16+\" && newDate.getHours() < 16) newDate.setHours(16);\r\n applicationState.handleDateChange(newDate);\r\n }}>
}\r\n
\r\n
\r\n
\r\n
{t(\"common:hub\")}
\r\n
\r\n
\r\n
\r\n
{t(\"common:border\")}
\r\n
\r\n
\r\n
\r\n
Capacity calculation
\r\n
item.id.startsWith(\"IDCC\")).length / 2), gap: \"5px\", width: \"150px\" }}>\r\n {horizons.filter(item => item.id.startsWith(\"IDCC\")).map(mapHorizon)}\r\n
\r\n
Capacity allocation
\r\n
!item.id.startsWith(\"IDCC\")).length), gap: \"5px\", width: \"150px\" }}>\r\n {horizons.filter(item => !item.id.startsWith(\"IDCC\")).map(mapHorizon)}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {\r\n pageList.filter((p, i, a) => p.menu != \"\" && p.webUrl.startsWith(selectedHorizon?.id) && a.indexOf(p) === i)\r\n .map(p =>
\r\n
\r\n
) => {\r\n setScrollPosition({ top: e.currentTarget.scrollTop, left: e.currentTarget.scrollLeft });\r\n };\r\n\r\n const noDataMessage = props.noDataMessage ?? \"No data available\";\r\n const dataRows = props.dataRows != null ? props.dataRows : !props.data ? -1 : props.data.length;\r\n\r\n return \r\n
\r\n {React.cloneElement(props.children, { scrollPosition: scrollPosition })}\r\n {props.isLoading &&
}\r\n {!props.isLoading && props.error === \"\" && dataRows === 0 &&
{noDataMessage}
}\r\n {!props.isLoading && props.error !== \"\" &&
}\r\n {!props.isLoading && props.error === \"\" && dataRows === -1 &&
}\r\n
\r\n
{\r\n if (applicationState.dateSteps.startsWith(\"H\")) {\r\n setStartDate(new Date(applicationState.selectedDate));\r\n setEndDate(applicationState.getUntilFor1Hour());\r\n }\r\n else {\r\n setStartDate(applicationState.getRootUtcTime());\r\n setEndDate(applicationState.getUntilFor1Day());\r\n }\r\n setShowPopup(true);\r\n }}>Download \r\n\r\n { if (!showWait) { setShowPopup(false); } }} />\r\n
\r\n
Download \r\n
Downloading file, please wait...
\r\n
\r\n
\r\n
Download \r\n\r\n
{ if (!showWait) { setShowPopup(false); } }} />\r\n From DateTime (CET)
\r\n To DateTime (CET)
\r\n {error}
\r\n {formats.map(f => download(f)}>{f.toUpperCase()} )}\r\n Download as:
\r\n \r\n ;\r\n};\r\nexport default DownloadButton;","// 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 { withTranslation, WithTranslation } from \"react-i18next\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n title: string;\r\n senderId?: string;\r\n showDownload: boolean;\r\n showTestData?: boolean;\r\n disclaimer?: any;\r\n pageConfig?: any;\r\n downloadFormats?: any;\r\n children?: any;\r\n\r\n}\r\n\r\ntype PageProps = OwnState & WithTranslation;\r\n\r\nconst SheetHeader = ({t, showDownload, applicationState, title, pageConfig, showTestData, children, downloadFormats, disclaimer }: PageProps) => { //{ }: State\r\n return
;\r\n};\r\n\r\nexport default withTranslation()(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 httpService from \"core/infrastructure/http\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { PageList } from \"core/pages/pageList\";\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, 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 replaceArray = (str: string, find: string[], replace: string) => {\r\n for (let i = 0; i < find.length; ++i) {\r\n str = str.replace(find[i].toLowerCase(), replace.toLowerCase());\r\n }\r\n return str;\r\n};","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\nimport { horizons } from \"core/pages/navigation\"\r\nimport { replaceArray } from \"utils\"\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\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() === replaceArray(a.page, horizons.map(h => h.id + \" \"), \"\") || t(x.title).toLowerCase() == replaceArray(a.page, horizons.map(h => h.id + \"_\"), \"\")) <=\r\n pageList.findIndex(x => t(x.menu).toLowerCase() === replaceArray(b.page, horizons.map(h => h.id + \" \"), \"\") || replaceArray(b.page, horizons.map(h => h.id + \"_\"), \"\")) ? -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 const dataForHorizon = data.filter(f => f.page.toUpperCase().startsWith(applicationState.horizon.toUpperCase()));\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(\"monitoringConfig: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
;\r\n\r\nexport default JaoLogo;","const s2 = require(\"./index.module.scss\");\r\nimport { default as React, useEffect } from \"react\";\r\nimport { Trans, withTranslation, WithTranslation } from \"react-i18next\";\r\nimport { ApplicationState } from \"core/app\";\r\n\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faInfoCircle } from \"@fortawesome/free-solid-svg-icons\"; //fontawesome.com\r\nimport JaoLogo from \"components/jaoLogo\";\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: \"home\",\r\n menu: \"\", //no menu link should be created for this page\r\n apiType: \"system\",\r\n title: \"menu:titleHome\",\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 useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(\"\", false, false, []);\r\n })();\r\n }, [applicationState.selectedDate]);\r\n\r\n //CORE_PublicationHandbook = Redirect in web.config\r\n return (\r\n \r\n
\r\n Publication handbook \r\n
\r\n
\r\n
\r\n
{t(\"page_home:welcomeTitle\")} \r\n
, bold:
, paragraph:
}} />\r\n\r\n
\r\n {t(\"page_home:homeParagraph0\")}\r\n
\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
$1 `) }} />;\r\n\r\nexport default BorderName;","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 { InitialAtcDto } 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: InitialAtcDto[];\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 { InitialAtcDto, GetInitialAtcResponse, GetInitialAtcQuery } 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 = \"initialAtc\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"IDCCA_initialAtc\",\r\n webUrl: \"IDCCA_initialAtc\",\r\n menu: \"menu:menuInitialAtc\",\r\n title: \"menu:titleInitialAtc\",\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: InitialAtcDto[] = [];\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().filter(k => k.startsWith(\"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)} />\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 { InitialNtcDto } 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: InitialNtcDto[];\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 { InitialNtcDto, GetInitialNtcResponse, GetInitialNtcQuery } 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 = \"initialNtc\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"IDCCA_initialNtc\",\r\n webUrl: \"IDCCA_initialNtc\",\r\n menu: \"menu:menuInitialNtc\",\r\n title: \"menu:titleInitialNtc\",\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: InitialNtcDto[] = [];\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().filter(k => k.startsWith(\"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)} />\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 { 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 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 { 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: \"IDCCA_intradayAtc\",\r\n webUrl: \"IDCCA_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\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, keys().filter(k => k.startsWith(\"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)} />\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 { 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 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 { IntradayNtcDto, GetIntradayNtcQuery, GetIntradayNtcResponse } 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\n\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"IDCCA_intradayNtc\",\r\n webUrl: \"IDCCA_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\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: 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, 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_intradayNtc\")(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 { AllocationConstraintDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\n\r\ninterface OwnProps {\r\n scrollPosition?: { left: number, top: number };\r\n data: AllocationConstraintDto[];\r\n hubs: MultiSelectItem[];\r\n}\r\n\r\nconst List = ({ t, data, scrollPosition, hubs }: 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 {hub.text} \r\n )}\r\n \r\n \r\n {t(\"common:Date\")} \r\n {hubs.map(h =>\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\nconst entsoLink = \"https://transparency.entsoe.eu/transmission/r2/implicitOfferedIntradayTransferCapacities/show\";\r\n\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"IDCCA_allocationConstraint\",\r\n webUrl: \"IDCCA_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 const borderHubs = keys().filter(k => k.startsWith(\"import_\")).map(k=>k.replace(\"import_\",\"hub_\"));\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, false, true, borderHubs);\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 {t(\"page_allocationConstraint:disclaimer\")} {entsoLink} } />\r\n \r\n h.isDisplayed && h.selected)} />\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default withTranslation()(Page);\r\n","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\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 + \"/\" + page_config.apiUrl + \"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 + \"/\" + page_config.apiUrl + \"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 if (selectedHubs.filter(h => h.selected).length === 0) {\r\n const newList = selectedHubs.map((item) => {\r\n const updatedItem = {\r\n ...item,\r\n selected: true\r\n };\r\n return updatedItem;\r\n });\r\n setSelectedHubs(newList);\r\n } else {\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\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 \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 || selectedHubs.filter(h => h.selected).length === selectedHubs.length ? s.selected : \"\")} onClick={() => clearSelection()}>{t(\"common:noneall\")}
\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","const s = require(\"./map.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_map:export\")} {props.max} {props.t(\"page_map: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;","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 } from \"core/backend/data\";\r\nimport ContentPart from \"components/contentPart\";\r\nimport SheetHeader from \"components/sheetHeader\";\r\nimport { ApplicationState } from \"core/app\";\r\nimport { PageList } from \"core/pages/pageList\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"map\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"IDCCB_\", //is used as first part\r\n webUrl: \"IDCCB_map\",\r\n menu: \"menu:menuMap\",\r\n title: \"menu:titleMap\",\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 const selectedHubs = applicationState.selectedHubs.filter((f) => f.selected);\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 [loadedDate, setLoadedDate] = useState(new Date(0));\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 + \"/\" + page_config.apiUrl + \"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 + \"/\" + page_config.apiUrl + \"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 await Promise.all([\r\n loadMaxNetPos(),\r\n loadMaxExchanges()\r\n ]);\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","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: \"IDCCB_refprog\",\r\n webUrl: \"IDCCB_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 { 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: \"IDCCB_maxNetPos\",\r\n webUrl: \"IDCCB_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 { 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: \"IDCCB_maxExchanges\",\r\n webUrl: \"IDCCB_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 { InitialComputationDto } 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: InitialComputationDto[];\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;\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:fref\")} \r\n {t(\"page_cnec:fcore\")} \r\n {t(\"page_cnec:fall\")} \r\n {t(\"page_cnec:fuaf\")} \r\n {t(\"page_cnec:iva\")} \r\n {t(\"page_cnec:uva\")} \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\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 { 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: \"CNE Name\", parameter: \"CnecName\", type: \"text\" },\r\n { title: \"Tso\", parameter: \"Tso\", type: \"multiselect\", options: default_tsos },\r\n { title: \"Hub From\", parameter: \"HubFrom\", type: \"multiselect\", options: default_hubs },\r\n { title: \"Hub To\", 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: \"IDCCB_initialComputation\",\r\n webUrl: \"IDCCB_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, 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 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 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 SearchField, { default_tsos } from \"components/search\";\r\nimport { makePageChange, makeRequest } from \"utils\";\r\n\r\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"validationReductions\";\r\n\r\nexport const filterFields_ValidationReductions = [\r\n { title: \"CNEC name\", parameter: \"CnecName\", type: \"text\" },\r\n { title: \"Tso\", parameter: \"Tso\", type: \"multiselect\", options: default_tsos },\r\n { title: \"Returned Branch\", parameter: \"IsReturnedBranch\", type: \"bool\" },\r\n { title: \"Fallback\", parameter: \"Fallback\", type: \"bool\" }];\r\n\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"IDCCB_validationReductions\",\r\n webUrl: \"IDCCB_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 filterFields: filterFields_ValidationReductions\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, totalRowsWithFilter: 0, lastModifiedOn: \"\", appliedFilter: { cnecName: \"\", tso: [], isReturnedBranch: false, fallback: 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.filter(k => k.startsWith(\"coreNp_\")).map(h => h.replace(\"coreNp_\", \"hub_\")));\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 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 && h.selected)}/>\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:fref\")} \r\n {t(\"page_cnec:fcore\")} \r\n {t(\"page_cnec:fall\")} \r\n {t(\"page_cnec:fuaf\")} \r\n {t(\"page_cnec:iva\")} \r\n {t(\"page_cnec:uva\")} \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 { 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\ninterface OwnState {\r\n applicationState: ApplicationState;\r\n}\r\nexport const senderId = \"finalComputation\";\r\n\r\nexport const filterFields_FinalComputation: FilterField[] = [\r\n { title: \"CNE Name\", parameter: \"CnecName\", type: \"text\" },\r\n { title: \"Tso\", parameter: \"Tso\", type: \"multiselect\", options: default_tsos },\r\n { title: \"Hub From\", parameter: \"HubFrom\", type: \"multiselect\", options: default_hubs },\r\n { title: \"Hub To\", 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: \"IDCCB_finalComputation\",\r\n webUrl: \"IDCCB_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 initialData: GetFinalComputationResponse = { data: [], totalRows: 0, totalRowsWithFilter: 0, lastModifiedOn: \"\", appliedFilter: { cnecName: \"\", tso: [], hubFrom: [], hubTo: [], contingency: \"\", presolved: true }, 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 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(\"ptdf_\", \"hub_\")));\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 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 && keysInDto.some((key) => key === \"ptdf_\" + h.id.toUpperCase()))}\r\n />\r\n \r\n \r\n \r\n \r\n {hub.text} \r\n )}\r\n \r\n \r\n {t(\"common:Date\")} \r\n {hubs.map(h =>\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\nconst entsoLink = \"https://transparency.entsoe.eu/transmission/r2/implicitOfferedIntradayTransferCapacities/show\";\r\n\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"IDCCB_allocationConstraint\",\r\n webUrl: \"IDCCB_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 const borderHubs = keys().filter(k => k.startsWith(\"import_\")).map(k=>k.replace(\"import_\",\"hub_\"));\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, false, true, borderHubs);\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 {t(\"page_allocationConstraint:disclaimer\")} {entsoLink} } />\r\n \r\n h.isDisplayed && h.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 { CgmDto } 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: CgmDto[];\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_cgm:hub\")} \r\n {t(\"page_cgm:tso\")} \r\n \r\n \r\n {t(\"page_cgm:VerticalLoad\")} \r\n {t(\"page_cgm:Generation\")} \r\n {t(\"page_cgm:CoreNetPosition\")} \r\n {dtoTsos.map((tso, index) => \r\n {t(\"page_cgm:VertLoad\")} \r\n {t(\"page_cgm:Gen\")} \r\n {t(\"page_cgm: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_cgm\")(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 { CgmDto, GetCgmQuery, GetCgmResponse } 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 = \"CGM\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"IDCCB_CGM\",\r\n webUrl: \"IDCCB_CGM\",\r\n menu: \"menu:menuCgm\",\r\n title: \"menu:titleCgm\",\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 || m == \"DELU\" ? \"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: CgmDto[] = [];\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 + \"/\" + 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 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_cgm\")(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 { ReferenceNetPositionDto } 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: ReferenceNetPositionDto[];\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, 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: \"IDCCB_referenceNetPosition\",\r\n webUrl: \"IDCCB_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 + \"/\" + 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, useContext } from \"react\";\r\n\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 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 { 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: \"IDCCB_intradayAtc\",\r\n webUrl: \"IDCCB_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\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, keys().filter(k => k.startsWith(\"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)} />\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 { 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 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 { IntradayNtcDto, GetIntradayNtcQuery, GetIntradayNtcResponse } 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\n\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"IDCCB_intradayNtc\",\r\n webUrl: \"IDCCB_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\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: 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, keys().filter(k => k.startsWith(\"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: 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_intradayNtc\")(Page);\r\n","import * as React from \"react\";\r\n\r\nimport { FallbacksDto } from \"core/backend/data\";\r\nimport { MultiSelectItem } from \"components/multiselect\";\r\nimport TDatetime from \"components/TDatetime\";\r\n\r\ninterface OwnProps {\r\n dto: FallbacksDto;\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 { FallbacksDto } from \"core/backend/data\";\r\n\r\ninterface OwnProps {\r\n scrollPosition?: { left: number, top: number };\r\n data: FallbacksDto[];\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_fallbacks:computation\")} \r\n {t(\"page_fallbacks: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_fallbacks\")(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 { FallbacksDto, GetFallbacksResponse, GetFallbacksQuery } 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 = \"fallbacks\";\r\nexport const page_config: PageList =\r\n{\r\n apiUrl: \"IDCCB_fallbacks\",\r\n webUrl: \"IDCCB_fallbacks\",\r\n menu: \"menu:menuFallbacks\",\r\n title: \"menu:titleFallbacks\",\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: FallbacksDto[] = [];\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_fallbacks\")(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.startsWith(\"hub\") && 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: \"ID1_netPos\",\r\n webUrl: \"ID1_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 { default as React } from \"react\";\r\n\r\n\r\nimport { WithTranslation, withTranslation } from \"react-i18next\";\r\nimport Row from \"./row\";\r\nimport { ScheduledExchangesDto } 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: ScheduledExchangesDto[];\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 {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: \"ID1_scheduledExchanges\",\r\n webUrl: \"ID1_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\r\n const disabledBorders = [ \"DE_DK1\", \"DK1_DE\" ];\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 && !disabledBorders.includes(f.id))} />\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 { 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: \"ID1_priceSpread\",\r\n webUrl: \"ID1_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\r\n const disabledBorders = [ \"DE_DK1\", \"DK1_DE\", \"NL_DK1\", \"DK1_NL\" ];\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 && !disabledBorders.includes(f.id))} />\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 { 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\nconst borderList = [ \"AT_CZ\", \"AT_DE\", \"AT_HU\", \"AT_SI\", \"BE_DE\", \"BE_FR\", \"BE_NL\", \"CZ_DE\", \"CZ_PL\", \"CZ_SK\", \"DE_FR\", \"DE_NL\", \"DE_PL\", \"HR_HU\", \"HR_SI\", \"HU_SI\", \"RO_HU\", \"SK_HU\", \"SK_PL\", \"FR_ES\", \"ES_FR\" ];\r\nconst hubList = [ \"AT\", \"BE\", \"CZ\", \"DE\", \"FR\", \"HR\", \"HU\", \"NL\", \"PL\", \"RO\", \"SI\", \"SK\" ];\r\nconst tsoList = [ \"Apg\", \"Elia\", \"Ceps\", \"Rte\", \"Hops\", \"Mavir\", \"TennetBv\", \"Pse\", \"Transelectrica\", \"Eles\", \"Seps\", \"Amprion\", \"50Hertz\", \"TennetGmbh\", \"Transnet\" ];\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 borders.sort((a, b) => { return borderList.indexOf(a.id) - borderList.indexOf(b.id) });\r\n hubs.sort((a, b) => { return hubList.indexOf(a.id) - hubList.indexOf(b.id) });\r\n tsos.sort((a, b) => { return tsoList.indexOf(a.id) - tsoList.indexOf(b.id) });\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"page_congestionIncome:GrossBZB\")} \r\n {t(\"page_congestionIncome:GrossHUB\")} \r\n {t(\"page_congestionIncome:GrossTSO\")} \r\n \r\n \r\n {t(\"common:Date\")} \r\n {borders.length == 0 ? Check your filter : borders.map((border, index) => 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 \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, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\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\nimport { makeRequest } from \"utils\"\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: \"ID1_congestionIncome\",\r\n webUrl: \"ID1_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: GetCongestionIncomeResponse = { data: [], 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 keysInDto = keys();\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, false, false, keysInDto.map(k => k.replace(\"grossHub_\", \"hub_\").replace(\"grossTso_\", \"tso_\").replace(\"grossBorder_\", \"border_\")));\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 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","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.startsWith(\"hub\") && 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: \"ID2_netPos\",\r\n webUrl: \"ID2_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 { 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: \"ID2_priceSpread\",\r\n webUrl: \"ID2_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\r\n const disabledBorders = [ \"DE_DK1\", \"DK1_DE\", \"NL_DK1\", \"DK1_NL\" ];\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 && !disabledBorders.includes(f.id))} />\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 { ScheduledExchangesDto } 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: ScheduledExchangesDto[];\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 { 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: \"ID2_scheduledExchanges\",\r\n webUrl: \"ID2_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\r\n const disabledBorders = [ \"DE_DK1\", \"DK1_DE\" ];\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 && !disabledBorders.includes(f.id))} />\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 { 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\n\r\nconst borderList = [ \"AT_CZ\", \"AT_DE\", \"AT_HU\", \"AT_SI\", \"BE_DE\", \"BE_FR\", \"BE_NL\", \"CZ_DE\", \"CZ_PL\", \"CZ_SK\", \"DE_FR\", \"DE_NL\", \"DE_PL\", \"HR_HU\", \"HR_SI\", \"HU_SI\", \"RO_HU\", \"SK_HU\", \"SK_PL\", \"FR_ES\", \"ES_FR\" ];\r\nconst hubList = [ \"AT\", \"BE\", \"CZ\", \"DE\", \"FR\", \"HR\", \"HU\", \"NL\", \"PL\", \"RO\", \"SI\", \"SK\" ];\r\nconst tsoList = [ \"Apg\", \"Elia\", \"Ceps\", \"Rte\", \"Hops\", \"Mavir\", \"TennetBv\", \"Pse\", \"Transelectrica\", \"Eles\", \"Seps\", \"Amprion\", \"50Hertz\", \"TennetGmbh\", \"Transnet\" ];\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 borders.sort((a, b) => { return borderList.indexOf(a.id) - borderList.indexOf(b.id) });\r\n hubs.sort((a, b) => { return hubList.indexOf(a.id) - hubList.indexOf(b.id) });\r\n tsos.sort((a, b) => { return tsoList.indexOf(a.id) - tsoList.indexOf(b.id) });\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"page_congestionIncome:GrossBZB\")} \r\n {t(\"page_congestionIncome:GrossHUB\")} \r\n {t(\"page_congestionIncome:GrossTSO\")} \r\n \r\n \r\n {t(\"common:Date\")} \r\n {borders.length == 0 ? Check your filter : borders.map((border, index) => 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 \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, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\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\nimport { makeRequest } from \"utils\"\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: \"ID2_congestionIncome\",\r\n webUrl: \"ID2_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: GetCongestionIncomeResponse = { data: [], 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 keysInDto = keys();\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, false, false, keysInDto.map(k => k.replace(\"grossHub_\", \"hub_\").replace(\"grossTso_\", \"tso_\").replace(\"grossBorder_\", \"border_\")));\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 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","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.startsWith(\"hub\") && 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: \"ID3_netPos\",\r\n webUrl: \"ID3_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 { default as React } from \"react\";\r\n\r\n\r\nimport { WithTranslation, withTranslation } from \"react-i18next\";\r\nimport Row from \"./row\";\r\nimport { ScheduledExchangesDto } 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: ScheduledExchangesDto[];\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 { 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: \"ID3_scheduledExchanges\",\r\n webUrl: \"ID3_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\r\n const disabledBorders = [ \"DE_DK1\", \"DK1_DE\" ];\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 && !disabledBorders.includes(f.id))} />\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 { 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: \"ID3_priceSpread\",\r\n webUrl: \"ID3_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\r\n const disabledBorders = [ \"DE_DK1\", \"DK1_DE\", \"NL_DK1\", \"DK1_NL\" ];\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 && !disabledBorders.includes(f.id))} />\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 { 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\n\r\nconst borderList = [ \"AT_CZ\", \"AT_DE\", \"AT_HU\", \"AT_SI\", \"BE_DE\", \"BE_FR\", \"BE_NL\", \"CZ_DE\", \"CZ_PL\", \"CZ_SK\", \"DE_FR\", \"DE_NL\", \"DE_PL\", \"HR_HU\", \"HR_SI\", \"HU_SI\", \"RO_HU\", \"SK_HU\", \"SK_PL\", \"FR_ES\", \"ES_FR\" ];\r\nconst hubList = [ \"AT\", \"BE\", \"CZ\", \"DE\", \"FR\", \"HR\", \"HU\", \"NL\", \"PL\", \"RO\", \"SI\", \"SK\" ];\r\nconst tsoList = [ \"Apg\", \"Elia\", \"Ceps\", \"Rte\", \"Hops\", \"Mavir\", \"TennetBv\", \"Pse\", \"Transelectrica\", \"Eles\", \"Seps\", \"Amprion\", \"50Hertz\", \"TennetGmbh\", \"Transnet\" ];\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 borders.sort((a, b) => { return borderList.indexOf(a.id) - borderList.indexOf(b.id) });\r\n hubs.sort((a, b) => { return hubList.indexOf(a.id) - hubList.indexOf(b.id) });\r\n tsos.sort((a, b) => { return tsoList.indexOf(a.id) - tsoList.indexOf(b.id) });\r\n\r\n return (\r\n \r\n \r\n \r\n {t(\"page_congestionIncome:GrossBZB\")} \r\n {t(\"page_congestionIncome:GrossHUB\")} \r\n {t(\"page_congestionIncome:GrossTSO\")} \r\n \r\n \r\n {t(\"common:Date\")} \r\n {borders.length == 0 ? Check your filter : borders.map((border, index) => 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 \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, useState } from \"react\";\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport List from \"./list\";\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\nimport { makeRequest } from \"utils\"\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: \"ID3_congestionIncome\",\r\n webUrl: \"ID3_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: GetCongestionIncomeResponse = { data: [], 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 keysInDto = keys();\r\n\r\n useEffect(() => {\r\n (async function runAsync() {\r\n applicationState.handleInputAvailablilityChange(page_config.dateSteps, false, false, keysInDto.map(k => k.replace(\"grossHub_\", \"hub_\").replace(\"grossTso_\", \"tso_\").replace(\"grossBorder_\", \"border_\")));\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 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","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 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 IdccaInitialAtc from \"core/pages/idcca/initialAtc\";\r\nimport * as IdccaInitialNtc from \"core/pages/idcca/initialNtc\";\r\nimport * as IdccaIntradayAtc from \"core/pages/idcca/intradayAtc\";\r\nimport * as IdccaIntradayNtc from \"core/pages/idcca/intradayNtc\";\r\nimport * as IdccaAllocationConstraint from \"core/pages/idcca/allocationConstraint\";\r\n\r\nimport * as IdccbMarketGraph from \"core/pages/idccb/marketGraph\";\r\nimport * as IdccbMap from \"core/pages/idccb/map\";\r\nimport * as IdccbRefprog from \"core/pages/idccb/refprog\";\r\nimport * as IdccbMaxNetPos from \"core/pages/idccb/maxNetPos\";\r\nimport * as IdccbMaxExchanges from \"core/pages/idccb/maxExchanges\";\r\nimport * as IdccbInitialComputation from \"core/pages/idccb/initialComputation\";\r\nimport * as IdccbValidationReductions from \"core/pages/idccb/validationReductions\";\r\nimport * as IdccbFinalComputation from \"core/pages/idccb/finalComputation\";\r\nimport * as IdccbAllocationConstraint from \"core/pages/idccb/allocationConstraint\";\r\nimport * as IdccbCgm from \"core/pages/idccb/cgm\";\r\nimport * as IdccbReferenceNetPosition from \"core/pages/idccb/referenceNetPosition\"\r\nimport * as IdccbIntradayAtc from \"core/pages/idccb/intradayAtc\";\r\nimport * as IdccbIntradayNtc from \"core/pages/idccb/intradayNtc\";\r\nimport * as IdccbFallbacks from \"core/pages/idccb/fallbacks\";\r\n\r\nimport * as Ida1NetPos from \"core/pages/ida1/netPos\";\r\nimport * as Ida1ScheduledExchanges from \"core/pages/ida1/scheduledExchanges\";\r\nimport * as Ida1PriceSpread from \"core/pages/ida1/priceSpread\";\r\nimport * as Ida1CongestionIncome from \"core/pages/ida1/congestionIncome\";\r\n\r\nimport * as Ida2NetPos from \"core/pages/ida2/netPos\";\r\nimport * as Ida2PriceSpread from \"core/pages/ida2/priceSpread\";\r\nimport * as Ida2ScheduledExchanges from \"core/pages/ida2/scheduledExchanges\";\r\nimport * as Ida2CongestionIncome from \"core/pages/ida2/congestionIncome\";\r\n\r\nimport * as Ida3NetPos from \"core/pages/ida3/netPos\";\r\nimport * as Ida3ScheduledExchanges from \"core/pages/ida3/scheduledExchanges\";\r\nimport * as Ida3PriceSpread from \"core/pages/ida3/priceSpread\";\r\nimport * as Ida3CongestionIncome from \"core/pages/ida3/congestionIncome\";\r\n\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":""}