Rough version of loading thumbnail

Author: tladendo

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

@@ -10,6 +10,9 @@
       a(ng-href="http://apps.{{DOMAIN}}/forums//?module=Category&categoryID={{challenge.forumId}}")
         i.fa.fa-comment
 
+    div.thumbnail(ng-if="challenge.track === 'DESIGN'")
+      img(ng-src="http://studio.topcoder.com/studio.jpg?module=DownloadSubmission&sbmid={{challenge.thumbnailId}}&sbt=full")
+
     p.roles Roles: {{challenge.userDetails.roles | listRoles}}
 
     .challenge-status

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

@@ -38,7 +38,11 @@
           challenge.registrationTimeLeft = (registrationDate - now)/(24*60*60*1000);
           challenge.submissionTimeLeft = (submissionDate - now)/(24*60*60*1000);
           // temporary...right now many challenges have a `null` track
-          challenge.track = challenge.track ? challenge.track.trim() : 'DEVELOP';
+          challenge.track = challenge.track ? challenge.track.trim() : 'DESIGN';
+          if (challenge.track == 'DESIGN' && challenge.userDetails.submissions && challenge.userDetails.submissions.length > 0) {
+            console.log('FLONKY');
+            challenge.thumbnailId = challenge.userDetails.submissions[0].id;
+          }
 
           // challenge.phaseMsg = preparePhaseMessage(challenge);
 

assets/css/directives/challenge-tiles.scss

@@ -38,6 +38,18 @@
       line-height: 25px;
     }
   }
+
+  .thumbnail {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    margin: 20px 0;
+    img {
+      width: 170px;
+      height: 170px;
+    }
+  }
+
   .roles {
     margin-top: 10px;
     margin-bottom: 20px;