platform stats in members page

Author: git4ve

app/community/members.controller.js

@@ -3,9 +3,9 @@
 
   angular.module('tc.community').controller('MembersController', MembersController);
 
-  MembersController.$inject = ['CommunityDataService', 'CONSTANTS'];
+  MembersController.$inject = ['CommunityDataService', 'StatisticsService', 'CONSTANTS'];
 
-  function MembersController(CommunityDataService, CONSTANTS) {
+  function MembersController(CommunityDataService, StatisticsService, CONSTANTS) {
     var ctrl = this;
     ctrl.notSearch = true;
     ctrl.showing = 'list';
@@ -26,6 +26,10 @@
         ctrl.notSearch = true;
       }
     };
+
+    StatisticsService.getPlatformStats().then(function(data) {
+      ctrl.platformStats = data;
+    })
   }
 
 })();

app/community/members.jade

@@ -10,6 +10,19 @@
         input(type="submit" name="search-btn" value="").search-ico
 
     .default-show-container(ng-show="ctrl.notSearch")
+      .platform-stats-container
+        .stat
+          p.statVal {{ctrl.platformStats.memberCount | number : 0}}
+          p.statLabel ACTIVE MEMBER
+        .stat
+          p.statVal {{ctrl.platformStats.activeMembersCount | number : 0}}
+          p.statLabel COMPETING TODAY
+        .stat
+          p.statVal {{ctrl.platformStats.prizePurse | currency:undefined:0}}
+          p.statLabel AVAILABLE PRIZE
+        .stat
+          p.statVal {{ctrl.platformStats.activeContestsCount | number : 0}}
+          p.statLabel ACTIVE CHALLENGES
       .members-of-month-container
         h2 Members of the Month
           small {{ctrl.currentMonth}}

app/services/statistics.service.js

@@ -10,12 +10,20 @@
     var service = {
       getDevTop: getDevTop,
       getDesignTop: getDesignTop,
-      getDataTop: getDataTop
+      getDataTop: getDataTop,
+      getPlatformStats: getPlatformStats
     };
     return service;
 
     ///////////////
 
+
+    function getPlatformStats() {
+      return ApiService.restangularV2.all('platform')
+        .withHttpConfig({skipAuthorization: true})
+        .customGET('statistics');
+    }
+
     function getDevTop(size) {
       var url = CONSTANTS.API_URL_V2 + '/users/tops/develop?pageSize=' + size;
       return ApiService.restangularV2.all('users')

assets/css/community/members.scss

@@ -37,6 +37,30 @@
       }
     }
   }
+  .platform-stats-container {
+    background: $white;
+    padding: 10px;
+    margin-bottom: 6px;
+    height: 70px;
+    font-family: "Sofia Pro",Arial,Helvetica,sans-serif;
+    .stat {
+      float: left;
+      width: 25% ;
+      text-align: center;
+    }
+    .statVal {
+      color: #3d3d3d;
+      font-size: 32px;
+      margin-bottom: 7px;
+      position: relative;
+    }
+
+    .statLabel {
+      color: #a3a3ae;
+      font-size: 12px;
+      font-weight: 400;
+    }
+  }
   .search-container {
     @include module-full-width;
     background: $white;