diff --git a/app/directives/challenge-tiles/challenge-tile.directive.jade b/app/directives/challenge-tiles/challenge-tile.directive.jade index 47233d48e..e3acb9cba 100644 --- a/app/directives/challenge-tiles/challenge-tile.directive.jade +++ b/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=thumb", fallback-src="/images/lock-icon-small.png") + p.roles Roles: {{challenge.userDetails.roles | listRoles}} .challenge-status diff --git a/app/directives/challenge-tiles/challenge-tile.directive.js b/app/directives/challenge-tiles/challenge-tile.directive.js index 00e91a6bd..3ad719a13 100644 --- a/app/directives/challenge-tiles/challenge-tile.directive.js +++ b/app/directives/challenge-tiles/challenge-tile.directive.js @@ -38,7 +38,10 @@ 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) { + challenge.thumbnailId = challenge.userDetails.submissions[0].id; + } // challenge.phaseMsg = preparePhaseMessage(challenge); diff --git a/app/directives/tcui-components.module.js b/app/directives/tcui-components.module.js index 438ed5bce..17fc8871b 100644 --- a/app/directives/tcui-components.module.js +++ b/app/directives/tcui-components.module.js @@ -1,4 +1,4 @@ (function() { 'use strict'; - angular.module('tcUIComponents', []); + angular.module('tcUIComponents', ['dcbImgFallback']); })(); diff --git a/assets/css/directives/challenge-tiles.scss b/assets/css/directives/challenge-tiles.scss index 3d532db09..0126710ee 100644 --- a/assets/css/directives/challenge-tiles.scss +++ b/assets/css/directives/challenge-tiles.scss @@ -38,6 +38,16 @@ line-height: 25px; } } + + .thumbnail { + display: flex; + flex-direction: row; + justify-content: center; + margin: 20px 0; + img { + } + } + .roles { margin-top: 10px; margin-bottom: 20px; diff --git a/assets/images/lock-icon-small.png b/assets/images/lock-icon-small.png new file mode 100644 index 000000000..de845eac5 Binary files /dev/null and b/assets/images/lock-icon-small.png differ diff --git a/assets/images/lock-icon.png b/assets/images/lock-icon.png new file mode 100644 index 000000000..ddfe8c82f Binary files /dev/null and b/assets/images/lock-icon.png differ