Challenge Overview
Topcoder tries hard to wrap up the new Challenge Details page, and one of the problematic pieces is the challenge terms functionality, which still demands further fixes. Thus, three parallel F2F challenges that address different aspects to be fixed. You will work from the latest commit in the develop branch of Community App (72752055c6e8a17f4de3dbd366bd68c2e4c7167a at the moment of writing); you should follow our Coding Standards; you should be careful not to do any unnecessary changes that will complicate the merge of results from these three parallel challenges, and, probably, you will be asked to help in resolultion of any merge conflicts.
Notes:
1. For a very basic testing you can run the app locally using the mock challenge terms service.
2. In dev environment you can test almost everything related to challenge terms, but it seems that agreement with DocuSign terms does not work with dev backend.
3. Thus, as an exception, you can do some testing in prod environment, using this test challenge.
2. In the situations when some challenge terms have been agreed before and some not we want to sort the terms appropriately; so that all previously agreed terms are on the left side of the progress bar, and all not yet agreed ones are on the right.
3. When the content of terms modal is scrolled, we need to overlay the top and bottom edges with semi-transparent gradients, creating the effect similar to scrolling of the tabs on challenge details page in mobile view:
You, basically should just copy the solution being used there (note that these semi-transparent gradients are hidden when the scrolling reaches its beginning or end position).
4. Similarly, if a challenge has more than two terms, in the modal layout the progress bar fits only two terms at a time and it is scrollable. We need to add the same semi-transparent gradients to its edges when in the intermediate position.
Notes:
1. For a very basic testing you can run the app locally using the mock challenge terms service.
2. In dev environment you can test almost everything related to challenge terms, but it seems that agreement with DocuSign terms does not work with dev backend.
3. Thus, as an exception, you can do some testing in prod environment, using this test challenge.
Challenge Scope
1. Update the agreement progress bar according to these design specs.2. In the situations when some challenge terms have been agreed before and some not we want to sort the terms appropriately; so that all previously agreed terms are on the left side of the progress bar, and all not yet agreed ones are on the right.
3. When the content of terms modal is scrolled, we need to overlay the top and bottom edges with semi-transparent gradients, creating the effect similar to scrolling of the tabs on challenge details page in mobile view:
You, basically should just copy the solution being used there (note that these semi-transparent gradients are hidden when the scrolling reaches its beginning or end position).
4. Similarly, if a challenge has more than two terms, in the modal layout the progress bar fits only two terms at a time and it is scrollable. We need to add the same semi-transparent gradients to its edges when in the intermediate position.