topcoder - view design submission - wordpress template build

Welcome to topcoder + 72hrs view design submissions challenge! The goal of this challenge is to implement the Design Submission Viewer based on the provided UI Prototype.

Resources Provided:
- Latest theme and plugin available on github https://github.com/topcoderinc/tc-site/tree/S-184653-view-design-submissions
- Latest xml, is available on https://github.com/topcoderinc/tc-site-data
- Deployment provided in forum

 

Challenge Task Overview

Main Goal of this challenge is to enable/add the "Submissions" tab to the current challenge detail page for design challenges.
 

UI Look and Feel Reference:

1. Header,  footer, and main navigation (style) should follow provided theme, and don't follow UI Prototype

2. Please be sure responsive view works fine as well as UI Prototype works

3. Please move this sections to new template and don't forget to clean up existing page-challenge-details.php since this new templates will also have challenge.

 

Required Pages:

View Submissions of Design challenge

This is only for design challenge, see how current studio site work, e.g http://studio.topcoder.com/?module=ViewSubmissions&ct=30041192
HTML : view-challenge-submission-all-design.html and view-challenge-submission-notviewable-design.html
API : http://api.topcoder.com/v2/design/challenges/30041662, http://api.topcoder.com/v2/design/challenges/result/30041662

1. Direct URL should be http://siteurl/challenge-details/30036003?type=design&tab=submission

2. This page should be as separated template, thumbnail should be from existing submissions field of challenge detail API. PNG file would be from http://studio.topcoder.com/studio.jpg?module=DownloadSubmission&sbmid=submissionID&sbt=full e.g submissionId=177386

3. Handle, Magnifier and download icons should link to correct target. download preview would be to http://studio.topcoder.com/?module=DownloadSubmission&sbmid=submissionID submissionId=177386

4. When full image is being loaded, please add animated loading icon, this functionality is not available on current UI Prototype

5. Single view should be implemented, see current site works https://studio.topcoder.com/?module=ViewSubmissions&ct=30039316&sbmid=170559&pn=1&ps=12

6. Single view should be implemented as UI Prototype works (hardcoded). we will swap thumbnails later once API ready, for now please configure images source, declaration (font and stock art) in an array()

 

Please also pay attention on the following conditions :

1. Submission tabs and its content would ONLY be available IF currentStatus='Completed', eg : http://api.topcoder.com/v2/design/challenges/30041422

2. IF currentStatus='Review' THEN disable submission tab, and please show warning message that would similar to http://studio.topcoder.com/?module=ViewSubmissions&ct=30041325

3. IF submissions list is not viewable (private), THEN show view-challenge-submission-notviewable-design.html e.g : challenge 30041662

 

Final Submission Guidelines