Merge pull request #57 from appirio-tech/tom-add-challenge-tiles

Added tiles to develop page

Author: tladendo

app/profile/develop/develop.controller.js

@@ -4,12 +4,15 @@
     .module('tc.profile')
     .controller('ProfileDevelopController', ProfileDevelopController);
 
-  ProfileDevelopController.$inject = ['$scope', 'ProfileService', '$q', '$stateParams'];
+  ProfileDevelopController.$inject = ['$scope', 'ProfileService', '$q', '$stateParams', 'ChallengeService', 'CONSTANTS'];
 
-  function ProfileDevelopController($scope, ProfileService, $q, $stateParams) {
+  function ProfileDevelopController($scope, ProfileService, $q, $stateParams, ChallengeService, CONSTANTS) {
     var vm = this;
     vm.subTrack = $stateParams.subTrack;
-    // vm.profile = {};
+    vm.viewing = 'stats';
+    vm.domain = CONSTANTS.domain;
+    vm.challenges = [];
+    vm.profile = {};
 
     activate();
 
@@ -19,6 +22,11 @@
       vm.deferred = $q.defer();
       vm.deferred.promise.then(function() {
         vm.typeStats = ProfileService.getChallengeTypeStats(vm.stats, 'develop', vm.subTrack.toLowerCase().replace(/ /g, ''));
+        ChallengeService.getChallenges({
+          filter: 'userId=' + vm.profile.userId
+        }).then(function(data) {
+          vm.challenges = data;
+        });
       });
     }
 

app/profile/develop/develop.jade

@@ -24,7 +24,15 @@
       .value {{vm.typeStats.reliability | percentage}}
       .name RELIABILITY
 
-  .stats
+  .buttons
+    button(ng-click="vm.viewing = 'challenges'") Challenges
+    button(ng-click="vm.viewing = 'stats'") Stats
+
+  .challenges(ng-show="vm.viewing == 'challenges'")
+    .challenge.tile(ng-repeat="challenge in vm.challenges")
+      challenge-tile(challenge="challenge", domain="vm.domain")
+
+  .stats(ng-show="vm.viewing == 'stats'")
     h2.detailed Detailed Stats
 
     ul.vertical-stats

assets/css/profile/develop.scss

@@ -18,5 +18,21 @@
       }
     }
   }
+
+  .buttons {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    margin: 30px 0;
+    button {
+      width: 100px;
+    }
+  }
+
+  .challenges {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+  }
 
 }