DPL-880-3 Add a new UI to show all prefix data and also provide the ability to mark a prefix as inactive and not delete.

[Sangeetha-Bheeman]

User story
As PSD developer I want to be able to view/retrieve all prefixes data in the UI and to be able to mark a prefix as invalid/inactive.

Who are the primary contacts for this story
Sangeetha, Steve

Who is the nominated tester for UAT
Sangeetha

Acceptance criteria
To be considered successful the solution must allow:

• UI to show/list all prefixes data.
• ability to mark a prefix as invalid/inactive(and not delete).
• the application should continue to work as expected without any loss of service to the users.

Dependencies

• DPL-880 Baracoda to add/remove/retrieve prefixes using UI backed in database (S=L; C=M) #417
• DPL-880-1 Add a new postgresql table for storing the prefixes instead of a config file to avoid deployment of baracoda for adding a prefix #470
• DPL-890-2 Add a new UI and the endpoint to allow the creation of new prefixes #471

Additional context
Add any other context or screenshots about the feature request here.

[Sangeetha-Bheeman]

Tasks:

• Create a new UI to show/list all prefixes data.

• Create the html to list all the prefixes data in a table.
• Add edit functionality only to mark a prefix as active/inactive.
• Add the styles and the javascript code to post the data.
• Add endpoints to retrieve all prefixes data and to save the preferences.
• Add functionality to mark prefix as active/inactive in the postgresql table.
• Modify code to allow creation of new barcodes for prefixes that are only active.
• Create a button View prefix details in the index.html to navigate to this page.
• Add the required tests
• Run and pass all the tests and CI
• Make sure the application works as expected by testing all the existing endpoints and the new endpoints.