Please do not fork this repository via github fork function. Just clone it and as soon it is done upload somewhere and share the link.
or make your own fork on sandbox and share your own link:
Implement a Data Table to show people and entities under EU sanctions by utilizing agGrid community edition and Material UI.
The task includes following sub tasks:
- create a data fetch service, which uses the url from the TextField on the frontpage.
- implement a Data Grid/Table by using the agGrid component (extend dependencies as you need) in the
SanctionsTable.tsxfile - make first and last column fixed in size and sticky (pinned, always visible)
- last column should contain a view action with an "eye" as icon
- click on that "eye" icon should open a simple modal Material UI Dialog with following content as label and value pairs. Dialog should disappear on close action:
EU reference number: Entity_EU_ReferenceNumber
Legal basis: Entity_Regulation_NumberTitle
Programme: Entity_Regulation_Programme
Identity information:
- Name/Alias: NameAlias_FirstName NameAlias_LastName
- Name/Alias: ...
- Name/Alias: ...
keep in mind, that for the same Entity_EU_ReferenceNumber multimple names/aliases could exist. They all should be presented in that dialog, but you do not need to group the data for the agGrid presentation.
Working url for data fetch can be found here
For CORS-caused issues you can download the raw data locally or you can use https://cors-anywhere.herokuapp.com/ for development purpose. You'll have to pass 'X-Requested-With': "https://webgate.ec.europa.eu" as header in your data fetch service.