SUP-1595, Dashboard: My Challenge page needs to be styled

-- Added state param for detecting challenge status for listing
-- updated links on my dashboard pages to include status state params

Author: vikasrohit

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

@@ -3,9 +3,9 @@
 
   angular.module('tc.myChallenges').controller('MyChallengesController', MyChallengesController);
 
-  MyChallengesController.$inject = ['ChallengeService', 'UserService', '$q', '$log', 'CONSTANTS', 'Helpers', '$scope', 'userIdentity'];
+  MyChallengesController.$inject = ['ChallengeService', 'UserService', '$q', '$log', 'CONSTANTS', 'Helpers', '$scope', 'userIdentity', 'statusFilter'];
 
-  function MyChallengesController(ChallengeService, UserService, $q, $log, CONSTANTS, Helpers, $scope, userIdentity) {
+  function MyChallengesController(ChallengeService, UserService, $q, $log, CONSTANTS, Helpers, $scope, userIdentity, statusFilter) {
     var vm = this;
     vm.domain = CONSTANTS.domain;
     vm.loading = true;
@@ -15,7 +15,8 @@
     vm.viewPastChallenges = viewPastChallenges;
     vm.view = 'list';
     vm.changeView = changeView;
-    vm.statusFilter = 'active';
+    vm.statusFilter = statusFilter ? statusFilter : 'active';
+
     // paging params, these are updated by tc-pager
     vm.pageParams = {
       offset : 0,
@@ -27,8 +28,8 @@
     };
     vm.orderBy = 'submissionEndDate';
 
-    var userId = UserService.getUserIdentity().userId;
-    var handle = UserService.getUserIdentity().handle;
+    var userId = userIdentity.userId;
+    var handle = userIdentity.handle;
 
     activate();
 
@@ -39,7 +40,11 @@
       $scope.$watch('vm.pageParams.updated', function(updatedParams) {
         _getChallenges();
       });
-      viewActiveChallenges();
+      if (vm.statusFilter == 'completed') {
+        viewPastChallenges();
+      } else {
+        viewActiveChallenges();
+      } 
     }
 
     function changeView(view) {

app/my-challenges/my-challenges.routes.js

@@ -11,7 +11,7 @@
   function routes($stateProvider, $urlRouterProvider, $httpProvider) {
     var states = {
       'my-challenges': {
-        url: '/my-challenges/',
+        url: '/my-challenges/:status',
         parent: 'root',
         templateUrl: 'my-challenges/my-challenges.html',
         controller: 'MyChallengesController',
@@ -23,7 +23,10 @@
         resolve: {
           userIdentity: ['UserService', function(UserService) {
             return UserService.getUserIdentity();
-          }]
+          }],
+          statusFilter: ['$stateParams', function($stateParams) {
+            return $stateParams.status;
+          }],
         }
       }
     };

app/my-dashboard/my-challenges/my-challenges.jade

@@ -45,6 +45,6 @@ section.hasChallenges(ng-if="vm.userHasChallenges && !vm.loading", ng-class="{ '
     challenge-tile(ng-repeat="challenge in vm.myChallenges | orderBy:registrationEndDate:true", challenge="challenge", view="vm.challengeView", ng-class="vm.challengeView + '-view'")
 
 .my-challenges-links(ng-if="vm.userHasChallenges && !vm.loading")
-    a(ui-sref="my-challenges") View All Active Challenges
+    a(ui-sref="my-challenges({status: 'active'})") View All Active Challenges
 
-    a(ui-sref="my-challenges") View All Past Challenges
+    a(ui-sref="my-challenges({status: 'completed'})") View All Past Challenges