Added code to display SRM badge on dashboard

Author: sushilshinde

app/directives/page-state-header/page-state-header.directive.js

@@ -39,6 +39,8 @@ import _ from 'lodash'
       vm.previousStateName = null
       vm.previousStateLabel = null
       vm.previousState = null
+      vm.dashboardBadgeName = null
+      
 
       // identifies the previous state
       if ($scope.$root.previousState && $scope.$root.previousState.name.length > 0) {
@@ -65,11 +67,10 @@ import _ from 'lodash'
 
         // get members dashboard badge
         UserService.getV2UserProfile(vm.handle).then(function(resp) {
-          // Calling the mock to return a badge
-          // In actuality filtering should be done by whether the achievement contains a field 'forDashboard' or not.
-          var dashboardAchievement = _filterDashboardAchievement(resp.Achievements || [])[0]
 
+          var dashboardAchievement = _filterDashboardAchievement(resp.Achievements || [])[0]
           if (dashboardAchievement) {
+            //Get dashboard badges
             vm.dashboardBadge = BadgeService.getAchievementVm(dashboardAchievement)
           }
         })
@@ -119,34 +120,16 @@ import _ from 'lodash'
       })
       .catch(function(err) {
         $scope.hideMoney = true
-
         logger.error('Could not get user financial information', err)
       })
     }
-
-    // Temporary function to simulate dashboard achievement
-    function _filterDashboardAchievement(achievements) {
-      // If forceBadge is true, it displays the achievement in _mock, whether the user has that achievement or not
-      var _forceBadge = false
-
-      // temoprary config object that maps usernames to badge name
-      var _mock = {
-        ronakkaria: 'First Win',
-        birdofpreyru: 'Predix Community'
-      }
-
-      var dashboardBadgeName = _mock[vm.handle]
-      if (!dashboardBadgeName) { return [] }
-
-      if (_forceBadge) {
-        return [{
-          date: new Date(),
-          description: _mock[vm.handle]
-        }]
-      }
+        
+    function _filterDashboardAchievement(achievements) {      
+      //Currently only one batch is shown on the dashboard
+      vm.dashboardBadgeName = 'SRM Engagement Honor'
 
       return achievements.filter(function(achievement) {
-        return (achievement.description === dashboardBadgeName)
+        return (achievement.description === vm.dashboardBadgeName)
       })
     }
 

app/directives/page-state-header/page-state-header.jade

@@ -16,5 +16,5 @@
           p.number(ng-bind="vm.moneyEarned | currency:'$':0")
         .title
           p Won in Prizes
-      .item(ng-if="vm.dashboardBadge")
-        .badge(ng-class="(vm.dashboardBadge.specificClass || vm.dashboardBadge.groupClass) + ' ' + (vm.dashboardBadge.type) + 'Badge'")
+      .badgeItem(ng-if="vm.dashboardBadge")
+        .badge(ng-class="(vm.dashboardBadge.specificClass || vm.dashboardBadge.groupClass) + ' ' + (vm.dashboardBadge.type) + 'Badge'" title='{{vm.dashboardBadgeName}}')

app/profile/badges/badges.controller.js

@@ -18,7 +18,16 @@ import angular from 'angular'
 
     var achievementsVm = BadgeService.buildAllAchievementsVm($scope.achievements)
     badgeCtrl.achievementGroups = achievementsVm.achievementGroups
-    badgeCtrl.singleAchievements = achievementsVm.singleAchievements
+    
+    //Dashboard badges shoudn't be displyed on public profile page
+    badgeCtrl.singleAchievements = removeDashBoardAchivements(achievementsVm.singleAchievements)  
+  }
+
+  function removeDashBoardAchivements(singleAchievements){
+    var dashboardBadgeName = 'SRM Engagement Honor'
+    return singleAchievements.filter(function(achievement){
+      return (achievement.name != dashboardBadgeName)
+    }) 
   }
 
 })()

app/services/badge.service.js

@@ -648,6 +648,12 @@ import moment from 'moment-timezone'
           name: 'iOS Community',
           groupClass: 'iOS-Community',
           active: false
+        },
+        {
+          id: 1010,
+          name: 'SRM Engagement Honor',
+          groupClass: 'SRM-Engagement-Honor-Badge',
+          active: false
         }
       ]
     }

assets/css/directives/badge-tooltip.scss

@@ -678,3 +678,7 @@ span.subBadge.selected {
   background: url(../../images/tt-arrow.png) no-repeat;
   background-position: 0 0;
 }
+
+.SRM-Engagement-Honor-Badge {
+    background-position: -146px -671px;
+}

assets/css/directives/page-state-header.directive.scss

@@ -64,6 +64,26 @@
 
       }
 
+      .badgeItem {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        align-items: flex-end;
+
+        position: relative;
+        margin-left: 40px;
+        margin-right: 20px;
+        
+
+        font-family: 'Sofia Pro', Arial, Helvetica, sans-serif;
+        font-weight: 400;
+
+        .value {
+          font-size: 24px;
+          margin-bottom: 15px;
+        }                                           
+      }
+
     }
   }
 }