From 694e8b03515f25e36cef855eddb835355eff4c51 Mon Sep 17 00:00:00 2001
From: Trygve Laugstøl <trygvis@inamo.no>
Date: Sun, 13 Jan 2013 10:58:05 +0100
Subject: PagingTableService: o Adding support for showing a spinner if the
 query takes more than 500ms. o Adding a spinner when searching for people.

---
 src/main/resources/webapp/apps/frontPageApp/personList.html | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

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

diff --git a/src/main/resources/webapp/apps/frontPageApp/personList.html b/src/main/resources/webapp/apps/frontPageApp/personList.html
index 2c14b01..9f977ee 100755
--- a/src/main/resources/webapp/apps/frontPageApp/personList.html
+++ b/src/main/resources/webapp/apps/frontPageApp/personList.html
@@ -33,7 +33,15 @@
 
   <div class="row">
     <div class="span12">
-      <div class="row" ng-repeat="group in personGroups">
+      <div class="row" ng-show="persons.showSpinner()">
+        <div class="span12">
+          <div style="height: 100px">
+            <div spinner spinner-class="wat" spinner-left="564px" spinner-top="50%"></div>
+          </div>
+        </div>
+      </div>
+
+      <div class="row" ng-repeat="group in personGroups" ng-show="persons.showResults()">
         <div class="span3" ng-repeat="person in group" style="padding-bottom: 1em">
           <div class="row">
             <person-avatar person="person.person"></person-avatar>
@@ -45,6 +53,7 @@
           </div>
         </div>
       </div>
+
       <ul class="pager">
         <li ng-show="persons.showPrev()" class="previous {{{true: 'disabled', false: ''}[persons.prevDisabled()]}}">
           <a ng-click="persons.prev()">&larr; Prev</a>
-- 
cgit v1.2.3