o Creating a recent badges view.

3 files changed, 93 insertions, 18 deletions

diff --git a/src/main/webapp/apps/frontPageApp/badgeList.html b/src/main/webapp/apps/frontPageApp/badgeList.html
new file mode 100755
index 0000000..7671a55
--- /dev/null
+++ b/src/main/webapp/apps/frontPageApp/badgeList.html
@@ -0,0 +1,46 @@
+<div class="container">
+
+  <navbar/>
+
+  <div class="page-header">
+    <h1>Badges Awarded</h1>
+  </div>
+
+  <style>
+    .awarded-badge {
+      text-align: center;
+      margin-bottom: 1em;
+      margin-right: 1em;
+    }
+
+    .avatar-image {
+      margin-bottom: 1em;
+    }
+  </style>
+
+  <div class="row">
+    <div class="span12">
+      <div class="row" ng-repeat="(date, group) in badgeGroups">
+        <div class="span12">
+          <h2>{{date | date:'mediumDate'}}</h2>
+        </div>
+        <div class="span12">
+          <div class="awarded-badge pull-left" ng-repeat="badge in group">
+            <div><person-avatar person="badge.person"></person-avatar></div>
+
+            <badge-span badge="badge.badge" ></badge-span> <br/>
+            <!--was awarded to<br/>-->
+          </div>
+        </div>
+      </div>
+      <ul class="pager">
+        <li class="previous" ng-show="persons.startIndex > 0">
+          <a ng-click="persons.prev()">&larr; Prev</a>
+        </li>
+        <li class="next">
+          <a ng-click="persons.next()">Next &rarr;</a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</div>
diff --git a/src/main/webapp/apps/frontPageApp/frontPageApp.js b/src/main/webapp/apps/frontPageApp/frontPageApp.js
index 39dbc9d..5f1cf2c 100755
--- a/src/main/webapp/apps/frontPageApp/frontPageApp.js
+++ b/src/main/webapp/apps/frontPageApp/frontPageApp.js
@@ -1,8 +1,9 @@
 'use strict';
 
-var frontPageApp = angular.module('frontPageApp', ['ngGrid', 'person', 'badge', 'build', 'pagingTableService', 'core.directives']).config(function ($routeProvider, $locationProvider) {
+var frontPageApp = angular.module('frontPageApp', ['ngGrid', 'person', 'badge', 'build', 'pagingTableService', 'core.directives']).config(function ($routeProvider) {
   $routeProvider.
       when('/', {controller: FrontPageCtrl, templateUrl: '/apps/frontPageApp/frontPage.html?noCache=' + noCache}).
+      when('/badge/', {controller: BadgeListCtrl, templateUrl: '/apps/frontPageApp/badgeList.html?noCache=' + noCache}).
       when('/person/', {controller: PersonListCtrl, templateUrl: '/apps/frontPageApp/personList.html?noCache=' + noCache}).
       when('/person/:personUuid', {controller: PersonCtrl, templateUrl: '/apps/frontPageApp/person.html?noCache=' + noCache});
 });
@@ -12,28 +13,56 @@ function FrontPageCtrl($scope, Person, Badge) {
   $scope.recentBadges = Badge.query();
 }
 
-function PersonListCtrl($scope, Person, PagingTableService) {
+function groupBy(array, size) {
+  var group = [];
+  var groups = [];
+  angular.forEach(array, function (element) {
+    group.push(element);
+    if (group.length == size) {
+      groups.push(group);
+      group = [];
+    }
+  });
+
+  if (group.length != 0) {
+    groups.push(group);
+  }
+  return groups;
+}
+
+function BadgeListCtrl($scope, Badge, PagingTableService) {
+  var groupSize = 6;
+
   var personsWatcher = function () {
-    var array = $scope.persons.rows;
-
-    var group = [];
-    var groups = [];
-    angular.forEach(array, function(element) {
-      group.push(element);
-      if(group.length == 4) {
-        groups.push(group);
-        group = [];
-      }
+    var withDay = _.map($scope.badges.rows, function(badge) {
+      badge.day = new Date(badge.badge.createdDate).clearTime().getTime();
+//      badge.day.clearTime();
+      return badge;
     });
 
-    if(group.length != 0) {
-      groups.push(group);
-    }
+    var byDay = _.groupBy(withDay, 'day');
+    console.log("byDay", byDay);
+//    var dateGroups = _.map(byDay, function(group, date) {
+//      return {date: groupBy(group, groupSize)}
+//    });
+
+    $scope.badgeGroups = byDay;
+  };
+
+  $scope.badges = PagingTableService.create($scope, PagingTableService.defaultCallback(Badge),
+      {count: groupSize * 6, watcher: personsWatcher});
 
-    $scope.personGroups = groups;
+  $scope.badgeGroups = [];
+}
+
+function PersonListCtrl($scope, Person, PagingTableService) {
+  var groupSize = 4;
+  var personsWatcher = function () {
+    $scope.personGroups = groupBy($scope.persons.rows, groupSize);
   };
 
-  $scope.persons = PagingTableService.create($scope, PagingTableService.defaultCallback(Person, {orderBy: "name"}), {count: 4 * 6, watcher: personsWatcher});
+  $scope.persons = PagingTableService.create($scope, PagingTableService.defaultCallback(Person, {orderBy: "name"}),
+      {count: groupSize * 6, watcher: personsWatcher});
 
   $scope.personGroups = [];
 }
diff --git a/src/main/webapp/apps/frontPageApp/personList.html b/src/main/webapp/apps/frontPageApp/personList.html
index 5247f29..5d7d8c6 100755
--- a/src/main/webapp/apps/frontPageApp/personList.html
+++ b/src/main/webapp/apps/frontPageApp/personList.html
@@ -25,7 +25,7 @@
       <div class="row" ng-repeat="group in personGroups">
         <div class="span3" ng-repeat="person in group" style="padding-bottom: 1em">
           <div class="row">
-            <img ng-src="{{person.person.gravatar}}?default=identicon" class="avatar-image"/>
+            <person-avatar person="person.person"></person-avatar>
             <a href="/#/person/{{person.person.uuid}}">{{person.person.name}}</a>
             <br/>
             <span ng-repeat="level in person.badges | countBadgeByLevel | gz">