Build a page in my angular project

Job ID: 31675971

Budget: €30 – €250 EUR

I have an existing Angular project using Metronic theme. I need a page to be added in this project. You will call an endpoint which will give you JSON response. This response should be displayed in Table format in the page.

There are 2 use cases to be handled here. Depending upon the response that you get, you will display a specific use.

The following should be done
1. Call a GET endpoint. The endpoint returns 2 parts.
2. When Part1 is found, then it's use case 1. When part1 is empty, then look for Part2, then it's use case 2
3. Each use case has a different design to display in table format
4. Two action buttons are found in Use Case 2 - A button to generate lead & a button to regenerate the report.
5. When I click to generate lead, then u have to show a popup and call an endpoint to submit the data
6. When I click to regenerate the report, you have to call the endpoint and call GET endpoint to get the updated report and refresh the table view

Points to note:
The page should be as per the design.
The endpoint may take 1-3 seconds to respond. You need to display loading image until the response is available.
When the user will click the menu, the page should be immediately displayed with a loading icon on the right side. (left side is the menu)
The page should be responsive. You will get the responsive design as well
Related categories: JavaScript HTML5 Bootstrap AngularJS CSS3