o Implementing search on people page.

3 files changed, 30 insertions, 19 deletions

diff --git a/src/main/resources/webapp/apps/frontPageApp/buildList.html b/src/main/resources/webapp/apps/frontPageApp/buildList.html
index 13a1dc3..c6196d4 100755
--- a/src/main/resources/webapp/apps/frontPageApp/buildList.html
+++ b/src/main/resources/webapp/apps/frontPageApp/buildList.html
@@ -16,27 +16,23 @@
     }
   </style>
 
+  <div class="row" ng-repeat="build in builds.rows">
+    <div class="span12">
+      <h3>
+        {{build.build.timestamp | date:'medium'}}:
+        <span class="success" ng-show="build.build.success">SUCCESS</span>
+        <span class="error" ng-hide="build.build.success">FAILURE</span>
+      </h3>
+
+      <h4>Participants</h4>
+      <span ng-repeat="p in build.participants">
+        <person-avatar person="p"></person-avatar>
+      </span>
+    </div>
+  </div>
+
   <div class="row">
     <div class="span12">
-      <table class="table">
-        <tbody ng-repeat="build in builds.rows">
-        <tr class="{{{true: 'success', false: 'error'}[build.build.success]}}">
-          <td>{{build.build.timestamp | date:'medium'}}</td>
-          <td>
-            <span ng-show="build.build.success">SUCCESS</span>
-            <span ng-hide="build.build.success">FAILURE</span>
-          </td>
-          <td><a class="btn" href="/build/{{build.build.uuid}}"><i class="icon-chevron-right"></i></a></td>
-        </tr>
-        <tr>
-          <td colspan="3">
-            <span ng-repeat="p in build.participants">
-              <person-avatar person="p"/>
-            </span>
-          </td>
-        </tr>
-        </tbody>
-      </table>
       <ul class="pager">
         <li class="previous" ng-show="builds.startIndex > 0">
           <a ng-click="builds.prev()">&larr; Prev</a>
diff --git a/src/main/resources/webapp/apps/frontPageApp/frontPageApp.js b/src/main/resources/webapp/apps/frontPageApp/frontPageApp.js
index e16d96e..de8a7b6 100755
--- a/src/main/resources/webapp/apps/frontPageApp/frontPageApp.js
+++ b/src/main/resources/webapp/apps/frontPageApp/frontPageApp.js
@@ -9,6 +9,7 @@ var frontPageApp = angular.module('frontPageApp', ['ngGrid', 'person', 'badge',
       when('/person/:personUuid', {controller: PersonCtrl, templateUrl: '/apps/frontPageApp/person.html?noCache=' + noCache}).
       when('/build/', {controller: BuildListCtrl, templateUrl: '/apps/frontPageApp/buildList.html?noCache=' + noCache}).
       when('/build/:buildUuid', {controller: BuildCtrl, templateUrl: '/apps/frontPageApp/build.html?noCache=' + noCache});
+  // job/:jobUuid/build/:buildUuid
 });
 
 function FrontPageCtrl($scope, Person, Badge) {
@@ -78,6 +79,9 @@ function PersonListCtrl($scope, Person, PagingTableService) {
   $scope.persons = PagingTableService.create($scope, PagingTableService.defaultCallback(Person, {orderBy: "name"}),
       {count: groupSize * 6, watcher: personsWatcher});
 
+  console.log("$scope.persons.searchText", $scope.persons.searchText);
+  console.log("$scope.persons.rows", $scope.persons.rows);
+
   $scope.personGroups = [];
 }
 
diff --git a/src/main/resources/webapp/apps/frontPageApp/personList.html b/src/main/resources/webapp/apps/frontPageApp/personList.html
index 5d7d8c6..41f2f63 100755
--- a/src/main/resources/webapp/apps/frontPageApp/personList.html
+++ b/src/main/resources/webapp/apps/frontPageApp/personList.html
@@ -22,6 +22,17 @@
 
   <div class="row">
     <div class="span12">
+      <form class="form-search well">
+        <div class="input-append">
+          <input type="text" class="span2 search-query" ng-model="persons.query" ng-change="persons.onSearchChange()">
+          <button type="submit" class="btn" ng-click="persons.onSearch()">Search</button>
+        </div>
+      </form>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="span12">
       <div class="row" ng-repeat="group in personGroups">
         <div class="span3" ng-repeat="person in group" style="padding-bottom: 1em">
           <div class="row">