From 7880fd60bb6ba5237d269a1b840a412c4438dd39 Mon Sep 17 00:00:00 2001
From: Trygve Laugstøl <trygvis@inamo.no>
Date: Sat, 5 Jan 2013 16:35:06 +0100
Subject: o Integrating the separate person app into the front page app.

---
 src/main/webapp/apps/frontPageApp/person.html | 77 +++++++++++++++++++++++++++
 1 file changed, 77 insertions(+)
 create mode 100755 src/main/webapp/apps/frontPageApp/person.html

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

diff --git a/src/main/webapp/apps/frontPageApp/person.html b/src/main/webapp/apps/frontPageApp/person.html
new file mode 100755
index 0000000..3544221
--- /dev/null
+++ b/src/main/webapp/apps/frontPageApp/person.html
@@ -0,0 +1,77 @@
+<div class="container">
+
+  <navbar/>
+
+  <div class="page-header">
+    <h1>{{person.name}}</h1>
+  </div>
+
+  <ul class="nav nav-tabs">
+    <li ng-class="{active: mode == 'overview'}"><a ng-click="setMode('overview')">Overview</a></li>
+    <li ng-class="{active: mode == 'builds'}"><a ng-click="setMode('builds')">Builds</a></li>
+  </ul>
+
+  <div id="overview" ng-show="mode == 'overview'">
+    <h3>Badges</h3>
+
+    <p ng-repeat="badge in person.badges">
+      <span class="badge-level-{{badge.level}} badge">{{badge.name}}</span><span ng-show="badge.count > 1"> x {{badge.count}}</span>
+    </p>
+
+    <div ng-repeat="badge in person.badgesInProgress">
+      <div class="progress">
+        <div class="bar" style="width: {{badge.progress / badge.goal * 100}}%;">{{badge.name}}</div>
+      </div>
+    </div>
+
+    <h3>Recent builds</h3>
+    <table class="table">
+      <thead>
+      <tr>
+        <th>Date</th>
+        <th>Success</th>
+        <th></th>
+      </tr>
+      </thead>
+      <tbody>
+      <tr ng-repeat="build in recentBuilds" class="{{{true: 'success', false: 'error'}[build.success]}}">
+        <td>{{build.timestamp | date:'medium'}}</td>
+        <td>{{build.success}}</td>
+        <td><a href="/build/{{build.uuid}}">Details</a></td>
+      </tr>
+      </tbody>
+    </table>
+  </div>
+
+  <div id="builds" ng-show="mode == 'builds'">
+    <h3>Builds</h3>
+    <table class="table">
+      <thead>
+      <tr>
+        <th>Date</th>
+        <th>Success</th>
+      </tr>
+      </thead>
+      <tbody>
+      <tr ng-repeat="build in builds.rows" class="{{{true: 'success', false: 'error'}[build.success]}}">
+        <td>{{build.timestamp | date:'medium'}}</td>
+        <td>{{build.success}}</td>
+      </tr>
+      </tbody>
+      <tfoot>
+      <tr>
+        <td colspan="2">
+          <ul class="pager">
+            <li class="previous" ng-class="{disabled: builds.startIndex == 0}">
+              <a ng-click="builds.prev()">&larr; Older</a>
+            </li>
+            <li class="next">
+              <a ng-click="builds.next()">Newer &rarr;</a>
+            </li>
+          </ul>
+        </td>
+      </tr>
+      </tfoot>
+    </table>
+  </div>
+</div>
-- 
cgit v1.2.3