From 4a6c9c52d006ecb717bae7d9b502d9b661a08ccd Mon Sep 17 00:00:00 2001
From: Trygve Laugstøl <trygvis@inamo.no>
Date: Fri, 4 Jan 2013 10:18:56 +0100
Subject: o Using the PagingTableService on the front page and person apps.

---
 src/main/webapp/apps/frontPageApp/frontPage.html | 36 ++++++++++++++++++------
 1 file changed, 28 insertions(+), 8 deletions(-)
 mode change 100644 => 100755 src/main/webapp/apps/frontPageApp/frontPage.html

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

diff --git a/src/main/webapp/apps/frontPageApp/frontPage.html b/src/main/webapp/apps/frontPageApp/frontPage.html
old mode 100644
new mode 100755
index 4523e6f..5cdea9a
--- a/src/main/webapp/apps/frontPageApp/frontPage.html
+++ b/src/main/webapp/apps/frontPageApp/frontPage.html
@@ -3,13 +3,33 @@
   <div class="page-header">
     <h1>Newcomers</h1>
   </div>
-
-  <style>
-    .personsGrid {
-      height: 400px;
-    }
-  </style>
-
-  <div class="personsGrid" ng-grid="personsGridOptions"><!-- --></div>
+  <table class="table">
+    <thead>
+    <tr>
+      <th>Name</th>
+      <th>Badges</th>
+    </tr>
+    </thead>
+    <tbody>
+    <tr ng-repeat="person in persons.rows">
+      <td><a href="/person/{{person.uuid}}">{{person.name}}</a></td>
+      <td>{{person.badges.length}}</td>
+    </tr>
+    </tbody>
+    <tfoot>
+    <tr>
+      <td colspan="2">
+        <ul class="pager">
+          <li class="previous" ng-class="{disabled: persons.startIndex == 0}">
+            <a ng-click="persons.prev()">&larr; Older</a>
+          </li>
+          <li class="next">
+            <a ng-click="persons.next()">Newer &rarr;</a>
+          </li>
+        </ul>
+      </td>
+    </tr>
+    </tfoot>
+  </table>
 
 </div>
-- 
cgit v1.2.3