Progress on past design challenge cards

Author: Nick Litwin

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

@@ -6,13 +6,9 @@
 
     p {{subTrack}}
 
-  .challenge-details
-    //- .thumbnail(ng-if="challenge.track === 'DESIGN'")
-    //-   img(ng-src="http://studio.topcoder.com/studio.jpg?module=DownloadSubmission&sbmid={{challenge.thumbnailId}}&sbt=thumb", fallback-src="/images/lock-icon-small.png")
-
+  .challenge-details(ng-hide="challenge.isPastDesignChallenge")
     p.currentPhase {{challenge.currentPhases[0].phaseType}}
 
-
     .challenge-calendar
       p.starts-in Ends In
       p.time-remaining 3
@@ -39,6 +35,9 @@
 
         p Forum
 
+  .past-design-details(ng-show="challenge.isPastDesignChallenge")
+    img(ng-src="http://studio.topcoder.com/studio.jpg?module=DownloadSubmission&sbmid={{challenge.thumbnailId}}&sbt=thumb", fallback-src="/images/lock-icon-small.png")
+
 .challenge.list-view(ng-show="view=='list'")
   .challenge-icons
     img(ng-show="challenge.track === 'DEVELOP'", src="/images/member-program/svg/development-generic.svg")

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

@@ -22,10 +22,16 @@
         }
 
         function processChallenge(challenge) {
+          challenge.isPastDesignChallenge = false;
           $scope.subTrack = challenge.subTrack.replace(/_/g, ' ');
-          // if (challenge.track == 'DESIGN' && challenge.userDetails.submissions && challenge.userDetails.submissions.length > 0) {
-          //   challenge.thumbnailId = challenge.userDetails.submissions[0].id;
-          // }
+          if (challenge.status === 'COMPLETED' && challenge.track === 'DESIGN') {
+            challenge.isPastDesignChallenge = true;
+          }
+
+          if (challenge.track === 'DESIGN' && challenge.userDetails.submissions && challenge.userDetails.submissions.length > 0) {
+            challenge.thumbnailId = challenge.userDetails.submissions[0].id;
+
+          }
         }
       }]
     };

app/my-challenges/my-challenges.controller.js

@@ -64,7 +64,6 @@
       }
     };
 
-    // get ACTIVE challenges and spotlight challenges
     function _getChallenges() {
       var params = {
         limit: vm.pageParams.limit,
@@ -77,9 +76,8 @@
       vm.loading = true;
       return ChallengeService.getUserChallenges(handle, params)
       .then(function(challenges){
+        console.log(challenges.plain());
         if (challenges.length > 0) {
-          // FIXME until we figure out the correct sort order param
-
           vm.myChallenges = challenges;
           vm.userHasChallenges = true;
           vm.loading = false;

app/my-challenges/my-challenges.jade

@@ -24,16 +24,3 @@
       tc-paginator(data="vm.myChallenges", page-params="vm.pageParams")
       .data(ng-class="vm.view + '-view'")
         challenge-tile(ng-repeat="challenge in vm.myChallenges | orderBy:registrationEndDate:true", challenge="challenge", view="vm.view", ng-class="vm.view + '-view'")
-
-    .section-links
-      .link
-        a(href="https://www.{{vm.domain}}/challenges/?pageIndex=1") Find New Challenges
-
-      .link(ng-show="vm.isCopilot")
-        a(href="https://www.{{vm.domain}}/direct") Launch Topcoder Direct
-
-      .link(ng-hide="vm.userHasChallenges")
-        a(href="https://community.{{vm.domain}}/", target="_blank") View Help Library
-
-    hr
-

assets/css/directives/challenge-tile.scss

@@ -36,7 +36,7 @@
       font-size: 14px;
       line-height: 18px;
       color: $primary-text;
-      text-decoration: none;
+      @include link;
       @include ellipsis;
     }
 
@@ -175,6 +175,12 @@
     height: 17px;
     background-image: url(/images/ico-posts.svg);
   }
+
+  .past-design-details {
+    img {
+      height: 200px;
+    }
+  }
 }
 
 

assets/css/my-challenges/my-challenges.scss

@@ -1,17 +1,10 @@
-
-@import '../partials/combined';
 @import '../partials/combined';
 
 .my-challenges-container {
   width: 100%;
   display: flex;
   flex-direction: column;
 
-  hr {
-    @include horizontal-rule;
-    margin-bottom: 35px;
-  }
-
   .section-loading {
     width: 100%;
     height: 50px;
@@ -25,11 +18,9 @@
   }
 
   .my-challenges {
-    min-height: 50px;
-    display: flex;
-    flex-direction: column;
+    @include module-l;
 
-    header {
+    > header {
       position: relative;
       margin-bottom: 35px;
 

assets/css/partials/_mixins.scss

@@ -121,6 +121,14 @@
 }
 
 // Replace with classes from style guide, when it's finished
+@mixin link {
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
 @mixin button-s {
   height: 20px;
   line-height: 20px;