o Implementing search on people page.

5 files changed, 49 insertions, 22 deletions

diff --git a/src/main/resources/webapp/apps/app.js b/src/main/resources/webapp/apps/app.js
index 068f454..960f704 100755
--- a/src/main/resources/webapp/apps/app.js
+++ b/src/main/resources/webapp/apps/app.js
@@ -92,6 +92,8 @@ directives.directive('personAvatar', function () {
     scope: {
       person: '=person'
     },
-    template: '<img ng-src="{{person.gravatar}}?default=identicon" class="avatar-image avatar80" title="{{person.name}}"/>'
+    template: '<a href="#/person/{{person.uuid}}">' +
+        '<img ng-src="{{person.gravatar}}?default=identicon" class="avatar-image avatar80" title="{{person.name}}"/>' +
+        '</a>'
   }
 });
diff --git a/src/main/resources/webapp/apps/core/PagingTableService.js b/src/main/resources/webapp/apps/core/PagingTableService.js
index af593df..f550a39 100755
--- a/src/main/resources/webapp/apps/core/PagingTableService.js
+++ b/src/main/resources/webapp/apps/core/PagingTableService.js
@@ -4,12 +4,13 @@ function PagingTableService() {
     var watcher = options.watcher || function(){};
     var self = {
       rows: [],
+      query: "",
       startIndex: options.startIndex || 0,
       count: options.count || 10
     };
 
     var update = function(){
-      fetchCallback(self.startIndex, self.count, function(data) {
+      fetchCallback(self.startIndex, self.count, self.query, function(data) {
         self.rows = data.rows;
         watcher();
       });
@@ -33,6 +34,16 @@ function PagingTableService() {
       update();
     };
 
+    self.onSearch = function () {
+      console.log("search: " + self.query);
+      update();
+    };
+
+    self.onSearchChange = function () {
+      console.log("search: " + self.query);
+      update();
+    };
+
     // Do an initial fetch
     update();
 
@@ -41,13 +52,16 @@ function PagingTableService() {
 
   var defaultCallback = function(Resource, args) {
     args = args || {};
-    return function(startIndex, count, cb) {
+    return function(startIndex, count, query, cb) {
       if(startIndex) {
         args.startIndex = startIndex;
       }
       if(count) {
         args.count = count;
       }
+      if(query) {
+        args.query = query;
+      }
       console.log("fetching", args);
       Resource.query(args, function(data, headers) {
         var totalResults = headers("total-results");
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">