From 7663c88dba4da60afde4691fc925e2f4cf6e3c4b Mon Sep 17 00:00:00 2001
From: Trygve Laugstøl <trygvis@inamo.no>
Date: Sun, 6 Jan 2013 14:33:40 +0100
Subject: o Much better person list.

---
 src/main/webapp/apps/frontPageApp/personList.html | 56 ++++++++++++++---------
 1 file changed, 34 insertions(+), 22 deletions(-)

(limited to 'src/main/webapp/apps/frontPageApp/personList.html')

diff --git a/src/main/webapp/apps/frontPageApp/personList.html b/src/main/webapp/apps/frontPageApp/personList.html
index a4f48c1..5212ff6 100755
--- a/src/main/webapp/apps/frontPageApp/personList.html
+++ b/src/main/webapp/apps/frontPageApp/personList.html
@@ -6,30 +6,42 @@
     <h1>People</h1>
   </div>
 
+  <style>
+    .avatar-image {
+      /* This has to match bootstrap's row margin. */
+      margin-left: 30px;
+      padding-right: 1em;
+      float: left;
+      margin-top: 0;
+
+      /* This has to match the Gravatar image */
+      width: 80px;
+      height: 80px;
+    }
+  </style>
+
   <div class="row">
     <div class="span12">
-      <table class="table">
-        <tbody>
-        <tr ng-repeat="person in persons.rows">
-          <td><a href="/#/person/{{person.person.uuid}}">{{person.person.name}}</a></td>
-        </tr>
-        </tbody>
-        <tfoot>
-        <tr>
-          <td colspan="2">
-            <ul class="pager">
-              <!--ng-class="{disabled: persons.startIndex == 0}"-->
-              <li class="previous" ng-hide="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>
-          </td>
-        </tr>
-        </tfoot>
-      </table>
+      <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"/>
+            <a href="/#/person/{{person.person.uuid}}">{{person.person.name}}</a>
+            <br/>
+            <span ng-repeat="level in person.badges | countBadgeByLevel | gz">
+              <span class="badge-inverse badge-level-{{$index + 1}} badge"><i class="icon-user"></i> x {{level}}</span>
+            </span>
+          </div>
+        </div>
+      </div>
+      <ul class="pager">
+        <li class="previous" ng-hide="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>
-- 
cgit v1.2.3