0
@@ -7,6 +7,14 @@
0
       Comparison.find(:all, :include => :results, :limit => per_page, :offset => offset)
0
     end
0
     @page = @pager.page(params[:page])
0
+    respond_to do |format|
0
+      format.html
0
+      format.js do
0
+        render :update do |page|
0
+          page[:comparisons].reload
0
+        end
0
+      end
0
+    end
0
   end
0
   
0
   def new

0
@@ -1 +1,18 @@
0
+<div id='comparisons'>
0
+  <% if @page.items.any? %>
0
+    <%= render :partial => 'pagination.html.erb' %>
0
+    <table id='comparisons'>
0
+      <thead>
0
+        <tr>
0
+          <th>Name</th>
0
+          <th>Performance</th>      
0
+        </tr>
0
+      </thead>
0
+      <tbody>
0
+        <%= render :partial => @page.items %>
0
+      </tbody>
0
+    </table>
0
+    <%= render :partial => 'pagination.html.erb' %>
0
+  <% end %>
0
+</div>

0
@@ -1 +1,5 @@
0
+<ul class='pagination'>
0
+  <li><%= link_to("Previous Page", comparisons_path(:page => @page.prev.number), :class => 'icon prev') if @page.prev? %></li>
0
+  <li><%= link_to("Next Page", comparisons_path(:page => @page.next.number), :class => 'icon-right next') if @page.next? %></li>
0
+</ul>

0
@@ -2,17 +2,5 @@
0
 
0
 <ul class='actions'><li><%= link_to "Add Comparison", new_comparison_path, :class => 'add' %></li></ul>
0
 
0
-<% if @page.items.any? %>
0
-  <table id='comparisons'>
0
-    <thead>
0
-      <tr>
0
-        <th>Name</th>
0
-        <th>Performance</th>      
0
-      </tr>
0
-    </thead>
0
-    <tbody>
0
-      <%= render :partial => @page.items %>
0
-    </tbody>
0
-  </table>
0
-<% end %>
0
+<%= render :partial => 'comparisons' %>

0
@@ -175,7 +175,15 @@
0
   height: 20px;
0
   line-height: 20px;
0
   vertical-align: middle;
0
+	color: #c6ffb2;
0
 }
0
+.icon-right {
0
+	padding-right: 20px;
0
+	font-size: 0.9em;
0
+	height: 20px;
0
+	line-height: 20px;
0
+	vertical-align: middle;
0
+}
0
 ul.actions {
0
   list-style: none;
0
   margin: 0;
0
@@ -186,9 +194,6 @@
0
   float: left;
0
   margin-right: 1em;
0
 }
0
-a.icon {
0
-	color: #c6ffb2;
0
-}
0
 a.show {
0
   background: url(/images/icons/magnifier.png) center left no-repeat;
0
 }
0
@@ -201,6 +206,12 @@
0
 a.edit {
0
   background: url(/images/icons/script_edit.png) center left no-repeat;
0
 }
0
+a.next {
0
+	background: url(/images/icons/arrow_right.png) center right no-repeat;
0
+}
0
+a.prev {
0
+	background: url(/images/icons/arrow_left.png) center left no-repeat;
0
+}
0
 a.delete {
0
   color: red;
0
   background: url(/images/icons/bin_closed.png) center left no-repeat;
0
@@ -280,5 +291,15 @@
0
 }
0
 td[class="version failure"] {
0
   background: #c26161 url(/images/version_failure.png) top left repeat-x;
0
+}
0
+.pagination {
0
+	padding: 0;
0
+	margin: 0;
0
+	list-style: none;
0
+	height: 40px;
0
+}
0
+.pagination li {
0
+	float: left;
0
+	margin-right: 1em;
0
 }