💥 a lot of sytle and refactoring

Author: Parth Shah

app/directives/profile-widget/profile-widget.jade

@@ -13,12 +13,12 @@
     h3.tenure(ng-if="profile.startMonth")
       | Member Since {{profile.startMonth}}
 
-    a.tc-btn.tc-btn-s.edit(ng-show="editProfileLink", ui-sref="settings.profile") Edit Profile
+    a.tc-btn.tc-btn-m.edit(ng-show="editProfileLink", ui-sref="settings.profile") Edit Profile
 
   .tracks-links
     .tracks
       .track(ng-repeat="track in (profile.tracks)", ng-click="profileVm.scrollTo(track)")
-        div(class="{{profileVm.imgMap[track]}}-icon")
+        div(class="track-icon {{profileVm.imgMap[track]}}-icon")
           div
         .text {{track | role}}
 

app/directives/responsive-carousel/responsive-carousel.directive.js

@@ -17,6 +17,10 @@
           activate();
 
           function activate() {
+
+            $scope.$watchCollection('data', function(newValue, oldValue) {
+              init();
+            });
             init();
 
             var window = angular.element($window);
@@ -72,8 +76,8 @@
             $scope.slideCounts[slidesCollection.length - 1] = slide.length;
             $scope.slidesCollection = slidesCollection;
           }
-        
+
       }]
     };
   });
-})();
+})();

app/filters/rating-color.filter.js

@@ -6,6 +6,9 @@
   function ratingColor() {
     return function(rating) {
       function ratingToColor(colors, rating) {
+        // in case rating is a number formatted string
+        if (typeof rating === 'string')
+          rating = parseInt(rating.replace(",", ""));
         colors = colors.filter(function(color) {
           return rating >= color.start && rating <= color.end;
         });

app/index.jade

@@ -259,6 +259,7 @@ html
     script(src="services/tags.service.js")
     script(src="services/tcAuth.service.js")
     script(src="services/user.service.js")
+    script(src="services/userStats.service.js")
     script(src="settings/settings.module.js")
     script(src="settings/account-info/account-info.controller.js")
     script(src="settings/edit-profile/edit-profile.controller.js")

app/profile/about/about.controller.js

@@ -67,7 +67,7 @@
       profileVm.skillsPromise.then(function() {
         // show section if user is viewing his/her own profile OR if we have data
         vm.fullSkills = profileVm.skills;
-        vm.someSkills = profileVm.skills.slice(0, 6);
+        vm.someSkills = profileVm.skills.slice(0, 10);
         vm.skills = vm.someSkills;
         vm.displaySection.skills = profileVm.showEditProfileLink || !!vm.skills.length;
       });

app/profile/about/about.jade

@@ -15,8 +15,8 @@
             .skill(ng-repeat="skill in vm.skills")
               skill-tile(skill="skill")
 
-          button.tc-btn.tc-btn-l.more(ng-if="vm.skills.length < vm.fullSkills.length", ng-click="vm.skills = vm.fullSkills") VIEW ALL
-          button.tc-btn.tc-btn-l.more(ng-if="vm.skills.length > 6", ng-click="vm.skills = vm.someSkills") VIEW LESS
+          button.tc-btn.tc-btn-m.more(ng-if="vm.skills.length < vm.fullSkills.length", ng-click="vm.skills = vm.fullSkills") VIEW ALL
+          button.tc-btn.tc-btn-m.more(ng-if="vm.skills.length > 10", ng-click="vm.skills = vm.someSkills") VIEW LESS
 
           .empty-state(ng-show="!profileVm.skills || (profileVm.skills && profileVm.skills.length == 0)")
             .action-text Tell everyone what you know
@@ -34,15 +34,13 @@
 
         .categories
 
-          h3.activity Activity on Topcoder
-
           .empty-state(ng-if="!profileVm.numProjects")
             .action-text Start competing within the community
             .tracks
               .track.noclick(ng-repeat="track in ['DEVELOP', 'DESIGN', 'DATA_SCIENCE']")
                 div(class="{{profileVm.imgMap[track]}}-icon")
                   div
-                .text {{track | track}}
+                .text {{track | track}} 
             .description Compete in challenges to win money, test yourself against the world's best, and learn new skills. Your performance rating will show up here.
             a.tc-btn.tc-btn-l.link-button(href="/challenges") FIND CHALLENGES
 
@@ -57,7 +55,7 @@
               img(ng-if="track == 'DEVELOP'", src="/images/ico-track-develop-outline.svg")
               img(ng-if="track == 'DESIGN'", src="/images/ico-track-design-outline.svg")
               img(ng-if="track == 'COPILOT'", src="/images/ico-track-co_pilot-outline.svg")
-              span {{track | track | uppercase}}
+              span {{track | track | uppercase}} ACTIVITY
 
             a.subtrack(
               ng-repeat="subtrack in profileVm.categories[track] | orderBy:'mostRecentEventDate':true",
@@ -69,7 +67,6 @@
               .ranking(ng-if="subtrack.rating")
                 .number.rating(style="color: {{subtrack.rating | ratingColor}}")
                   | {{subtrack.rating}}
-                  span.square(style="background-color: {{subtrack.rating | ratingColor}}")
 
                 .tag Rating
 
@@ -93,7 +90,7 @@
     #externalLinks
       tc-section(ng-show="vm.displaySection.externalLinks", state="profileVm.status.externalLinks")
         .external-links
-          h3.activity Activity across the web
+          h3.activity on the web
           external-links-data(ng-show="vm.hasLinks", external-links="vm.linkedExternalAccounts", linked-accounts-data="vm.linkedExternalAccountsData")
 
           .empty-state(ng-hide="vm.hasLinks")