Skyscraper - Clearing And Settlement 1.1 - Screens Angular Prototype

1. Project Context:

Create an angular prototype for the provided design.  

 

2. Expected Outcome:

An angular prototype for the provided design.

 

3. Challenge Details

INDIVIDUAL REQUIREMENTS

We have created the prototype in a previous challenge: http://www.topcoder.com/challenges/30141062

Now we want to extend the prototype to add some new screens. The tables in the new screens are already developed in the current codebase, you should reuse it in your implementation. 

Here are the design for these user stories:

• CSO-94 - Modify credentials of others
• CSO-166 - Manual OTR allocation using GUI
• CSO-167 - Manual OTR allocation using file upload
• CSO-168 - OTR status dashboard
• CSO-170 - Manual CP Code Modification using GUI
• CSO-171 - Manual CP Code Modification using file upload
• CSO-172 - InterCC CP Code Modification

The cover screens are not needed. 
The usecase documents will be provided in the forum. 

You need to create new role for these screens, and make sure the code is modularized properly as it's a large project. 

And for the table in the design, please following the table style in current code. 

Note that the existing code style should be followed, should have no lint error, and should define interfaces properly. etc. 
And please define reasonable APIs instead of using a large JSON file. 
 

General Requirements

• Make sure the code best practice is followed: https://angular.io/guide/styleguide

• Secured Coding Guideline: 

  • Make sure the used libraries have no vulnerabilities

  • Should avoid XSS attack

 

Technology Stack

• Angular 8

• All Browsers should be supported (Chrome, Firefox, Safari, Edge and IE11)

 

Final Deliverables

• Patch file

• Verification Guide

Final Submission Guidelines

See above.