Using d3js, build a map component that display the area in a similar fashion as it exists in Antares Simulator.
The library will be : https://www.npmjs.com/package/react-d3-graph
To display the map, the necessary information will be retrieved from :
/v1/studies/{uuid}/synthesis : retrieve the study config containing the area and links list
/input/areas/{area_list}/ui (where area_list is the comma separated list of areas) : retrieve area ui position and color
When clicking on an area or link object, a panel or menu should open that will display a summary of the content of the object, and at least a "delete" button to remove the object.
2 button should be present which will lead to the creation of either an area or a link.
For an area, a modal should be display so that the user can at least enter a name.
For a link the user will have to click on two separate area and the link will be created.
APIs that allow such creation are yet to be implemented.
Using d3js, build a map component that display the area in a similar fashion as it exists in Antares Simulator. The library will be : https://www.npmjs.com/package/react-d3-graph To display the map, the necessary information will be retrieved from :
/v1/studies/{uuid}/synthesis
: retrieve the study config containing the area and links list/input/areas/{area_list}/ui
(where area_list is the comma separated list of areas) : retrieve area ui position and colorWhen clicking on an area or link object, a panel or menu should open that will display a summary of the content of the object, and at least a "delete" button to remove the object. 2 button should be present which will lead to the creation of either an area or a link. For an area, a modal should be display so that the user can at least enter a name. For a link the user will have to click on two separate area and the link will be created. APIs that allow such creation are yet to be implemented.