Implement past develop challenges

Author: Nick Litwin

app/directives/challenge-tile/challenge-tile.directive.jade

@@ -1,48 +1,65 @@
 .challenge.tile-view(ng-show="view === 'tile'", ng-class="challenge.track")
-  .challenge-track
+  .active-challenge(ng-show="challenge.status === 'ACTIVE'")
+    .challenge-track
 
-  header
-    a(ng-href="https://www.{{DOMAIN}}/challenge-details/{{challenge.id}}/?type={{challenge.track}}") {{challenge.name}}
+    header
+      a(ng-href="https://www.{{DOMAIN}}/challenge-details/{{challenge.id}}/?type={{challenge.track}}") {{challenge.name}}
 
-    p {{challenge.subTrack | underscoreStrip}}
+      p.subtrack-color {{challenge.subTrack | underscoreStrip}}
 
-  .challenge-details
-    p.currentPhase {{challenge.userCurrentPhase}}
+    .challenge-details
+      p.currentPhase {{challenge.userCurrentPhase}}
 
-    .challenge-calendar(ng-show="challenge.userCurrentPhaseEndTime")
-      p.ends-in Ends In
-      p.time-remaining {{challenge.userCurrentPhaseEndTime[0]}}
-      p.unit-of-time {{challenge.userCurrentPhaseEndTime[1]}}
+      .challenge-calendar(ng-show="challenge.userCurrentPhaseEndTime")
+        p.ends-in Ends In
+        p.time-remaining {{challenge.userCurrentPhaseEndTime[0]}}
+        p.unit-of-time {{challenge.userCurrentPhaseEndTime[1]}}
 
-    .stalled-challenge(ng-hide="challenge.userCurrentPhaseEndTime") This challenge is currently paused.
+      .stalled-challenge(ng-hide="challenge.userCurrentPhaseEndTime") This challenge is currently paused.
 
-    .phase-action(ng-switch="challenge.userAction")
-      .submit(ng-switch-when="Submit") Submit
+      .phase-action(ng-switch="challenge.userAction")
+        .submit(ng-switch-when="Submit") Submit
 
-      .submitted(ng-switch-when="Submitted") Submitted
+        .submitted(ng-switch-when="Submitted") Submitted
 
-      // Need styling and JS logic for this one
-      .registered(ng-switch-when="Registered") Registered
+        // Need styling and JS logic for this one
+        .registered(ng-switch-when="Registered") Registered
+
+      // Only show if not data science track
+      p.roles {{challenge.userDetails.roles | listRoles}}
+
+      .challenge-links
+        .stats
+          a.registrants(ng-href="https://www.{{DOMAIN}}/challenge-details/{{challenge.id}}/?type={{challenge.track}}#viewRegistrant")
+            .registrants-icon
+
+            p {{challenge.numRegistrants}}
+
+          a.submissions(ng-hide="challenge.track === 'DATA SCIENCE'", ng-href="https://www.{{DOMAIN}}/challenge-details/{{challenge.id}}/?type={{challenge.track}}#viewRegistrant")
+            .submissions-icon
+
+            p {{challenge.numSubmissions}}
+
+        a.forum(ng-href="http://apps.{{DOMAIN}}/forums//?module=Category&categoryID={{challenge.forumId}}")
+          .forum-icon
 
-    // Only show if not data science track
-    p.roles {{challenge.userDetails.roles | listRoles}}
+          p Forum
 
-    .challenge-links
-      .stats
-        a.registrants(ng-href="https://www.{{DOMAIN}}/challenge-details/{{challenge.id}}/?type={{challenge.track}}#viewRegistrant")
-          .registrants-icon
+  .completed-challenge(ng-show="challenge.status === 'COMPLETED'")
+    header
+      a(ng-href="https://www.{{DOMAIN}}/challenge-details/{{challenge.id}}/?type={{challenge.track}}") {{challenge.name}}
 
-          p {{challenge.numRegistrants}}
+      p.date-completed {{challenge.submissionEndDate | date : 'MMMM yyyy'}}
 
-        a.submissions(ng-hide="challenge.track === 'DATA SCIENCE'", ng-href="https://www.{{DOMAIN}}/challenge-details/{{challenge.id}}/?type={{challenge.track}}#viewRegistrant")
-          .submissions-icon
+      .winner-ribbon(ng-show="challenge.wonFirst")
 
-          p {{challenge.numSubmissions}}
+    .challenge-details
+      p.place(ng-class="{ 'first-place': challenge.wonFirst }") {{challenge.userDetails.winningPlacements[0]}}#[span {{challenge.userDetails.winningPlacements[0] | ordinal:true}}] Place
 
-      a.forum(ng-href="http://apps.{{DOMAIN}}/forums//?module=Category&categoryID={{challenge.forumId}}")
-        .forum-icon
+      .challenge-score
+        p.score {{challenge.userDetails.submissionReviewScore/100 | percentage}}
 
-        p Forum
+        p Review Score
 
 .challenge.list-view(ng-show="view=='list'", ng-class="challenge.track")
   .challenge-track
@@ -52,7 +69,6 @@
 
     p.subtrack {{challenge.subTrack | underscoreStrip}}
 
-    // Only show if not data science track
     p.roles(ng-hide="challenge.track === 'DATA SCIENCE'") #[span Role:] {{challenge.userDetails.roles | listRoles}}
 
   .challenge-details

app/filters/ordinal.filter.js

@@ -4,7 +4,7 @@
   angular.module('topcoder').filter('ordinal', ordinal);
 
   function ordinal() {
-    return function(x) {
+    return function(x, onlySuffix) {
       x += '';
       var y = x.charAt(x.length - 1);
       var suffix;
@@ -21,6 +21,11 @@
         default:
           suffix = 'th';
       }
+
+      if (onlySuffix) {
+        return suffix;
+      }
+
       return x + suffix;
     };
   }

app/profile/subtrack/subtrack.controller.js

@@ -120,7 +120,10 @@
         }
       )
       .then(function(data) {
-        vm.challenges = data;
+        ChallengeService.processPastChallenges(data);
+        vm.challenges = data.filter(function(challenge) {
+          return challenge.userDetails.hasUserSubmittedForReview;
+        });
         vm.status.challenges = CONSTANTS.STATE_READY;
         return data;
       }).catch(function(err) {

app/services/challenge.service.js

@@ -15,7 +15,8 @@
       getReviewEndDate: getReviewEndDate,
       getChallengeDetails: getChallengeDetails,
       processActiveDevDesignChallenges: processActiveDevDesignChallenges,
-      processActiveMarathonMatches: processActiveMarathonMatches
+      processActiveMarathonMatches: processActiveMarathonMatches,
+      processPastChallenges: processPastChallenges
     };
 
     return service;
@@ -138,5 +139,13 @@
         }
       });
     }
+
+    function processPastChallenges(challenges) {
+      angular.forEach(challenges, function(challenge) {
+        if (challenge.userDetails && Array.isArray(challenge.userDetails.winningPlacements)) {
+          challenge.wonFirst = challenge.userDetails.winningPlacements[0] == 1;
+        }
+      });
+    }
   };
 })();