[seam-commits] Seam SVN: r13189 - in examples/trunk/booking-simplified/src/main/webapp: css and 1 other directory.

[seam-commits at lists.jboss.org]

Author: dan.j.allen
Date: 2010-06-16 14:38:58 -0400 (Wed, 16 Jun 2010)
New Revision: 13189

Modified:
   examples/trunk/booking-simplified/src/main/webapp/css/screen.css
   examples/trunk/booking-simplified/src/main/webapp/search.xhtml
Log:
fix spinner


Modified: examples/trunk/booking-simplified/src/main/webapp/css/screen.css
===================================================================
--- examples/trunk/booking-simplified/src/main/webapp/css/screen.css	2010-06-16 18:07:35 UTC (rev 13188)
+++ examples/trunk/booking-simplified/src/main/webapp/css/screen.css	2010-06-16 18:38:58 UTC (rev 13189)
@@ -248,6 +248,10 @@
    border-left: 0px;
    border-bottom: 0px;
 }
+#activity {
+   float: right;
+   margin: 10px 5px 0 0;
+}
 /* Header
 ----------------------------------------------- */
 #title {

Modified: examples/trunk/booking-simplified/src/main/webapp/search.xhtml
===================================================================
--- examples/trunk/booking-simplified/src/main/webapp/search.xhtml	2010-06-16 18:07:35 UTC (rev 13188)
+++ examples/trunk/booking-simplified/src/main/webapp/search.xhtml	2010-06-16 18:38:58 UTC (rev 13189)
@@ -11,13 +11,13 @@
       <script type="text/javascript">
 function controlSpinner(behavior)
 {
-   if (behavior.name == 'begin')
+   if (behavior.status == 'begin')
    {
-      document.getElementById('activity').style.display = 'inline'; 
+      document.getElementById('spinner').style.display = 'inline';
    }
-   else if (behavior.name == 'complete')
+   else if (behavior.status == 'complete')
    {
-      document.getElementById('activity').style.display = 'none'; 
+      document.getElementById('spinner').style.display = 'none';
    }
 }
       </script>
@@ -39,16 +39,16 @@
                   <f:ajax event="keyup" listener="#{hotelSearch.find}" render=":searchResults" onevent="controlSpinner"/>
                </h:inputText>
                #{' '}
-               <span id="activity" style="display: none;"><h:graphicImage id="spinner" value="/img/spinner.gif"/></span>
-               <br/>
-               <h:outputLabel id="lblPageSize" for="pageSize" value="Maximum results:"/>
+               <h:outputLabel id="lblPageSize" for="pageSize" value="View:"/>
                #{' '}
                <h:selectOneMenu id="pageSize" value="#{searchCriteria.pageSize}">
                   <f:ajax listener="#{hotelSearch.find}" render=":searchResults" onevent="controlSpinner"/>
-                  <f:selectItem itemLabel="5" itemValue="5"/>
-                  <f:selectItem itemLabel="10" itemValue="10"/>
-                  <f:selectItem itemLabel="20" itemValue="20"/>
+                  <f:selectItem itemLabel="5 hotels per page" itemValue="5"/>
+                  <f:selectItem itemLabel="10 hotels per page" itemValue="10"/>
+                  <f:selectItem itemLabel="20 hotels per page" itemValue="20"/>
                </h:selectOneMenu>
+               #{' '}
+               <span id="activity"><h:graphicImage id="spinner" value="/img/spinner.gif" style="display: none;"/></span>
             </fieldset>
          </h:form>
       </div>