stats are ordered by most recent event date

Author: Parth Shah

app/my-dashboard/subtrack-stats/subtrack-stats.jade

@@ -3,9 +3,9 @@
 
 .ratings(ng-if="vm.hasRanks && !vm.loading")
   .tracks
-    .track(ng-repeat="subtrack in vm.subtrackRanks | orderBy: ['track', 'rank']", ui-sref="profile.subtrack({userHandle: vm.handle, track: subtrack.track, subTrack: subtrack.subTrack})")
+    .track(ng-repeat="subtrack in vm.subtrackRanks | orderBy:'mostRecentEventDate':true", ui-sref="profile.subtrack({userHandle: vm.handle, track: subtrack.track, subTrack: subtrack.subTrack})")
       .flex-wrapper
-        p.subtrack {{subtrack.subTrack | underscoreStrip}}
+        p.subtrack {{subtrack.subTrack | underscoreStrip}} 
 
         p.rating(ng-if="subtrack.track !== 'DESIGN'", style="color: {{subtrack.stat | ratingColor}}") {{subtrack.stat | number}}
           span(style="background-color: {{subtrack.stat | ratingColor}}", ng-if="subtrack.track === 'DEVELOP' || subtrack.track === 'DATA_SCIENCE'")
@@ -16,7 +16,7 @@
 
   ul(rn-carousel, rn-carousel-controls)
     li(ng-repeat="subtracks in vm.subtrackRanksCollection")
-      .track(ng-repeat="subtrack in subtracks", ui-sref="profile.subtrack({userHandle: vm.handle, track: subtrack.track, subTrack: subtrack.subTrack})")
+      .track(ng-repeat="subtrack in subtracks | orderBy:'mostRecentEventDate':true", ui-sref="profile.subtrack({userHandle: vm.handle, track: subtrack.track, subTrack: subtrack.subTrack})")
         .flex-wrapper
           p.subtrack {{subtrack.subTrack | underscoreStrip}}
 

app/profile/about/about.jade

@@ -56,7 +56,7 @@
           span {{track | track | uppercase}}
 
         a.subtrack(
-          ng-repeat="subtrack in profileVm.categories[track]",
+          ng-repeat="subtrack in profileVm.categories[track] | orderBy:'mostRecentEventDate':true",
           ui-sref="profile.subtrack({track: subtrack.track, subTrack: subtrack.subTrack})",
           class="{{$index == 0 && 'first'}}"
         )

app/services/profile.service.js

@@ -101,7 +101,8 @@
             'subTrack': subTrack.name,
             'rank': subTrack.rank ? subTrack.rank.overallRank : 0,
             'rating': subTrack.rank.rating || 0,
-            'wins': subTrack.wins
+            'wins': subTrack.wins,
+            'mostRecentEventDate': new Date(subTrack.mostRecentEventDate)
           };
         }).filter(function(subTrack) {
           return !(subTrack.subTrack == 'COPILOT_POSTING' && subTrack.track == 'DEVELOP');
@@ -114,7 +115,8 @@
             'track': 'DESIGN',
             'subTrack': subTrack.name,
             'rank': false,
-            'wins': subTrack.wins
+            'wins': subTrack.wins,
+            'mostRecentEventDate': new Date(subTrack.mostRecentEventDate)
           };
         });
       }
@@ -124,7 +126,8 @@
           'track': 'DATA_SCIENCE',
           'subTrack': 'SRM',
           'rank': srmStats.rank.rank,
-          'rating': srmStats.rank.rating
+          'rating': srmStats.rank.rating,
+          'mostRecentEventDate': new Date(srmStats.rank.mostRecentEventDate)
         });
       }
       if (stats.DATA_SCIENCE && stats.DATA_SCIENCE.MARATHON_MATCH && stats.DATA_SCIENCE.MARATHON_MATCH.rank) {
@@ -133,7 +136,8 @@
           'track': 'DATA_SCIENCE',
           'subTrack': 'MARATHON_MATCH',
           'rank': marathonStats.rank.rank,
-          'rating': marathonStats.rank.rating
+          'rating': marathonStats.rank.rating,
+          'mostRecentEventDate': new Date(marathonStats.rank.mostRecentEventDate)
         });
       }
       if (stats.COPILOT) {

assets/css/my-dashboard/community-updates.scss

@@ -42,7 +42,7 @@
       border: 1px solid #F0F0F0;
       @media only screen and (min-width: 570px) {
         width: 270px;
-        height: 386px;
+        // height: 386px;
 
         &:nth-child(2n + 1) {
           margin-right: 10px;

assets/css/my-dashboard/programs.scss

@@ -103,7 +103,6 @@
         display: inline-block;
         margin-top: 30px;
         font-size: 13px;
-        color: $white;
         text-decoration: none;
         text-transform: uppercase;
         @media only screen and (min-width: 1000px) {