Challenge Overview
topcoder review opportunities pages refactor - angularJS challenge.
The goal of this challenge is to refactor page-challenges-review.php and page-challenges-review-details.php such that backend API requests are moved to an angular service instead from PHP.
Currently http://tcdev1.topcoder.com/review-opportunities/develop/ and http://tcdev1.topcoder.com/review-opportunities/design/ - which is using Wordpress - renders tab content by PHP code (wordpress template) which cause performance issues.
Scope:
- Review Opportunities listing for both design and develop
- Review Opportunity detail page
- Registration for develop review position
- Convert current pages to AngularJS
- Make sure filters are functional
- Link to new angular detail page
- New URL should be /challenges/{challenge_type}/opportunities
current URL : http://www.topcoder.com/review-opportunities/design
current template : page-challenges-review.php
API :
http://api.topcoder.com/v2/design/reviewOpportunities- The list appears to be limited to 10 items. There are more.
- Rename the "Review Status" column to "Review Type", or simple "Type".
- Add a column at the end named "Review Status". In the column, we will show one of several things based on these rules:
- If there is nobody signed up for the review, then put "Apply Now" and link it to the signup page.
- If there is already a reviewer signed up, put the members handle and link it to their profile page.
current URL :http://www.topcoder.com/review-opportunities/develop/
current template : page-challenges-review.php
API :
http://api.topcoder.com/v2/develop/reviewOpportunities- Add this disclaimer at the bottom: "* The reviewer payment depends on the reviewer role and the number of submissions. The actual payment may differ." Add an '*' after the "Reviewer Payment" column heading.
- Add the text that is at the top of http://community.topcoder.com/tc?module=ViewReviewAuctions&pt=14 to the page as well. In the text, it references the specific challenge type...but we can make that generic.
- Add Technology/Platform Tags in the list like we have on the active listing pages.
- Clicking on "detail" would link to detail page. currently it is linked to old page, e.g : http://community.topcoder.com/tc?module=ReviewAuctionDetails&aid=7658
Review Opportunity Detail (Develop Challenges):
current URL : http://tcqa1.topcoder.com/review-opportunity-details/30040927/
current template : page-challenges-review-detail.php
layout would be similar to http://community.topcoder.com/tc?module=ReviewAuctionDetails&aid=7658 which contain :
- Timeline
- Open Positions
- Review Applications
- When reviewer is on detail page, they should be able to do registration, it may requires tcjwt cookie to pass to API. don't forget to login using social profile in order to get tcjwt cookie
Registration :
current URL : N/A
current template : N/A
API : http://api.topcoder.com/v2/develop/reviewOpportunities/{challengeID}/apply (requires tcjwt cookie)
API docs : http://docs.tcapi.apiary.io/#post-%2Fv2%2Fdevelop%2FreviewOpportunities%2F{challengeId}%2Fapply
reviewApplicationRoleId : 1 : Primary reviewer ,2 : Secondary Reviewer
Refactor Requirements:
Modify the submitted code to the following structure and coding guidelines.
1. Update all js code related to angular refactoring under js/app/challenges
2. Organize html/js/css files under js/app/challenges structure (adding files as necessary).
3. Follow this, e.g : using angular loading bar
Browser Requirements:
- IE10
- IE11
- Latest Safari
- Latest Firefox
- Latest Chrome
Resources Provided:
- Latest theme and plugin available on https://gitLAB.com/topcoderinc/tc-site
- Latest xml is available on https://github.com/topcoderinc/tc-site-data
- API doc : here
- Final Fix of http://www.topcoder.com/challenge-details/30043790 (Integrate AngularJS and ReactJS) is provided in forum as reference
Quick Installation guide :
1. Activate theme and plugin
2. Import provided XML file
3. Set "home" as front page
4. Set permalink to %post_name%
5. Please install site on local.topcoder.com (add to hosts file), so your local site can read tcsso and tcjwt cookie
6. Please set "Challenges Active Contest List Page - Angular" as template of challenge pages
7. More information can be found here https://gitlab.com/topcoderinc/tc-site/blob/master/README.md
Final Submission Guidelines
- Please follow this https://gitlab.com/topcoderinc/tc-site/blob/master/README.md
- Please submit only Patch file
- Any new js or css file must be included in the registry. Learn about this on script and style registry section