ajax_scaffold_generator 2.2.1 → 3.0.0

data/templates/lib_content_column_patch.rb

@@ -0,0 +1,10 @@
+class ActiveRecord::Base
+  def self.get_desired_columns(wanted, cache=nil)
+    cache ||= nil
+    if cache.nil?
+      h= columns_hash
+      cache = wanted.collect { |n| h[n] }
+    end
+    cache 
+  end
+end

data/templates/partial_column_headings.rhtml

@@ -0,0 +1,12 @@
+      <%% current_sort = session[params[:scaffold_id]][:sort] %>
+      <%% current_sort_direction = session[params[:scaffold_id]][:sort_direction] %>
+      <%% for column in <%= model_name %>.content_columns %>
+      <th <%%= "class=\"sorted #{current_sort_direction}\"" if column.name == current_sort %>>
+        <%% sort_direction = current_sort == column.name && current_sort_direction == "asc" ? "desc" : "asc" %>
+        <%% sort_params = params.merge(:controller => '<%= controller_name %>', :action => 'component_update', :sort => column.name, :sort_direction => sort_direction, :page => 1) %>
+        <%%= link_to_remote column.human_name, 
+                { :url => sort_params,
+                :update => scaffold_content_id(sort_params) },
+                { :href => url_for(sort_params) } %></th>
+      <%% end %>
+      <th></th>

data/templates/partial_form_messages.rhtml

@@ -0,0 +1,5 @@
+<%%= render :partial => 'messages' %>
+
+<%% unless @<%= singular_name %>.nil? %>
+<%%= error_messages_for '<%= singular_name %>' %>
+<%% end %>

data/templates/partial_item.rhtml

@@ -1,27 +1,36 @@
 <%% # The following is used when the browser doesn't have javascript enabled %>
 <%% classAttr = cycle("", "class=\"even\"") %>
-<tr <%%= classAttr %> id="view-<%= singular_name %>-<%%= <%= singular_name %>.id %>" <%%= "style=\"display: none;\"" if hidden %>>
+<%% @options = params.merge(:controller => '<%= controller_name %>', :action => "view", :id => <%= singular_name %>.id) %>
+
+<tr <%%= classAttr %> id="<%%= element_row_id(@options) %>" <%%= "style=\"display: none;\"" if hidden %>>
 	<%% for column in <%= model_name %>.content_columns %>
-	<td><%%=h <%= singular_name %>.send(column.name) %>&nbsp;</td>
+	  <%% column_value = column_value(<%= singular_name %>, column) %>
+	  <td class="<%%= column_class(column.name, column_value, session[params[:scaffold_id]][:sort]) %>" >
+	    <%%= !column_empty?(column_value) ? column_value : "-" %>
+	  </td>
 	<%% end %>
- 	<td class="actions">
- 	  <div>
- 	  <%%= loading_indicator_tag '<%= singular_name %>', "edit-#{<%= singular_name %>.id}" %>
-   	<%%= link_to_remote "Edit", 
-   	                    { :url => { :controller => '<%= controller_file_name %>', :action => 'edit', :id => <%= singular_name %> }, 
-   	                      :loading => "AjaxScaffold.editOnLoading(request,'<%= singular_name %>', #{<%= singular_name %>.id});",
-   	                      :success => "AjaxScaffold.editOnSuccess(request,'<%= singular_name %>', #{<%= singular_name %>.id});",
-   	                      :failure => "AjaxScaffold.editOnFailure(request,'<%= singular_name %>', #{<%= singular_name %>.id});",
-   	                      :post => true },
-   	                    { :href => url_for( :controller => '<%= controller_file_name %>', :action => 'edit', :id => <%= singular_name %> ) } %>
-   	<%%= link_to_remote "Delete", 
-   	                    { :url => { :controller => '<%= controller_file_name %>',:action => 'destroy', :id => <%= singular_name %> }, 
-   	                      :confirm => 'Are you sure?', 
-   	                      :loading => "AjaxScaffold.deleteOnLoading('<%= singular_name %>', #{<%= singular_name %>.id});",
-   	                      :success => "AjaxScaffold.deleteOnSuccess('<%= singular_name %>', #{<%= singular_name %>.id});",
-   	                      :failure => "AjaxScaffold.deleteOnFailure('<%= singular_name %>', #{<%= singular_name %>.id});",
-   	                      :post => true },
-   	                    { :href => url_for(:controller => '<%= controller_file_name %>', :action => 'destroy', :id => <%= singular_name %>) } %>
-   	</div>
+  <td class="actions">
+    <table cellpadding="0" cellspacing="0">
+      <tr>
+        <td class="indicator-container">
+          <%%= loading_indicator_tag(@options) %>
+        </td>
+        <td> 
+          <%% edit_options = @options.merge(:action => 'edit') %>
+ 	        <%%= link_to_remote "Edit", 
+   	                    { :url => edit_options, 
+                          :loading => "Element.show('#{loading_indicator_id(@options)}');" },
+   	                    { :href => url_for(edit_options) } %>
+   	     </td>
+   	     <td>
+   	       <%% delete_options = @options.merge(:action => 'destroy') %>
+ 	         <%%= link_to_remote "Delete", 
+   	                    { :url => delete_options, 
+   	                      :confirm => 'Are you sure?',
+                          :loading => "Element.show('#{loading_indicator_id(@options)}');" },
+   	                    { :href => url_for( delete_options ) } %>
+   	      </td>
+   	    </tr>
+   	  </table>
   </td>
 </tr>

data/templates/partial_messages.rhtml

@@ -0,0 +1,10 @@
+<%% for name in [:info, :warning, :error] %>
+  <%% if @flash[name] %>
+    <p class="<%%= "#{name}-message message" %>" >
+      <%%= @flash[name] %> 
+      <%% if request.xhr? %>
+        <a href="#" onclick="Element.remove(this.parentNode); return false;">Close</a>
+      <%% end %>
+    </p>
+  <%% end %>
+<%% end %>

data/templates/partial_new_edit.rhtml

@@ -0,0 +1,38 @@
+<%% if not request.xhr? %>
+<table class="ajax-scaffold" cellpadding="0" cellspacing="0">
+  <tbody>
+<%% end %>
+<tr id="<%%= element_row_id(@options) %>" class="<%%= @options[:action] %>" <%%= "style=\"display:none;\"" if request.xhr? %>>
+  <td id="<%%= element_cell_id(@options) %>" colspan="<%%= num_columns %>">
+  
+    <%%= form_remote_tag :url => @options.merge(:controller => '<%= controller_name %>'), 
+    			:loading => "Element.show('#{loading_indicator_id(@options)}');",
+    			:html => { :href => url_for(@options.merge(:controller => '<%= controller_name %>')),
+                     :id => element_form_id(@options) } %>
+      
+      <%%= hidden_field_tag "scaffold_id", @options[:scaffold_id] %>
+         
+      <h4><%%= Inflector.titleize(@options[:action]) %> <%= Inflector.titleize(singular_name) %></h4>
+
+      <%% if request.xhr? %>
+        <div id="<%%= element_messages_id(@options) %>" class="messages-container"></div>
+      <%% else %>
+        <%%= render :partial => 'form_messages' %>
+      <%% end %>
+            
+      <%%= render :partial => 'form' %>
+      
+      <p>
+      	<%%= submit_tag Inflector.titleize(@options[:action]), :class => "submit" %>
+      	<%% if request.xhr? %>
+      	  <%% on_cancel = "Element.remove('#{element_row_id(@options)}');" %>
+      	  <%% on_cancel += "Element.show('#{element_row_id(@view_options)}');" if @options[:action] == "update" %>
+      	  <%% on_cancel += "AjaxScaffold.displayMessageIfEmpty('#{scaffold_tbody_id(@options)}','#{empty_message_id(@options)}');" if @options[:action] == "create" %>
+      	<%% end %>
+      	<%%= link_to_function "Cancel", on_cancel,
+	                      :href => url_for(:controller => '<%= controller_name %>', :action => 'return_to_main') %>           
+      	<%%= loading_indicator_tag @options %>
+    	</p>
+    <%%= end_form_tag %>
+  </td>
+</tr>

data/templates/partial_pagination_links.rhtml

@@ -0,0 +1,14 @@
+   <%% pagination_params = params.merge(:controller => '<%= controller_name %>', :action => 'component_update') %>
+   <%%= link_to_remote('Previous', 
+           { :url => pagination_params.merge(:page => paginator.current.previous),
+           :update => scaffold_content_id(pagination_params) },
+           { :href => url_for(pagination_params.merge(:page => paginator.current.previous)),
+           :class => "previous"}) if @paginator.current.previous %>
+   <span class="page-numbers">
+    <%%= pagination_ajax_links @paginator, pagination_params %>
+   </span>
+   <%%= link_to_remote('Next', 
+           { :url => pagination_params.merge(:page => paginator.current.next),
+           :update => scaffold_content_id(pagination_params) },
+           { :href => url_for(pagination_params.merge(:page => paginator.current.next)),
+           :class => "next"}) if @paginator.current.next %>

data/templates/rjs_create.rjs

@@ -0,0 +1,17 @@
+@options = { :scaffold_id => params[:scaffold_id], :action => "view", :id => @<%= singular_name %>.id }
+@create_options = @options.merge(:action => "create", :id => params[:id])
+
+if @successful
+  page.insert_html :bottom, scaffold_tbody_id(@options), :partial => '<%= singular_name %>', :locals => { :hidden => true }
+  page << "new TableRow.MoveAfter('#{element_row_id(@create_options)}', '#{element_row_id(@options)}');"
+  page.remove element_row_id(@create_options)
+  page.show element_row_id(@options)
+  page << "AjaxScaffold.stripe('#{scaffold_tbody_id(@options)}');" 
+  page << "AjaxScaffold.removeSortClasses('#{@options[:scaffold_id]}');"
+  page.replace_html scaffold_messages_id(@options), :partial => 'messages'
+else
+  page.replace_html element_messages_id(@create_options), :partial => 'form_messages'
+  page.hide loading_indicator_id(@create_options)
+end
+
+

data/templates/rjs_destroy.rjs

@@ -0,0 +1,10 @@
+@options = { :scaffold_id => params[:scaffold_id], :action => "view", :id => params[:id] }
+
+if @successful
+  page.remove element_row_id(@options)
+  page << "AjaxScaffold.displayMessageIfEmpty('#{scaffold_tbody_id(@options)}','#{empty_message_id(@options)}');"   
+  page << "AjaxScaffold.stripe('#{scaffold_tbody_id(@options)}');" 
+end
+
+page.replace_html scaffold_messages_id(@options), :partial => 'messages'
+page.hide loading_indicator_id(@options)

data/templates/rjs_edit.rjs

@@ -0,0 +1,16 @@
+@options = { :scaffold_id => params[:scaffold_id], :action => "update", :id => params[:id] }
+@view_options = @options.merge(:action => "view")
+
+if @successful
+  page.hide element_row_id(@view_options)
+  page.insert_html :bottom, scaffold_tbody_id(@options), :partial => 'new_edit'
+  page << "new TableRow.MoveAfter('#{element_row_id(@view_options)}', '#{element_row_id(@options)}');"  
+  page.show element_row_id(@options)
+  page << "Form.focusFirstElement('#{element_form_id(@options)}');"
+  page.visual_effect :highlight, element_cell_id(@options)
+  page.replace_html element_messages_id(@options), :partial => 'form_messages'
+else
+  page.replace_html scaffold_messages_id(@options), :partial => 'messages'
+end
+
+page.hide loading_indicator_id(@view_options)

data/templates/rjs_new.rjs

@@ -0,0 +1,14 @@
+@options = { :scaffold_id => params[:scaffold_id], :action => "create", :id => generate_temporary_id }
+@new_options = @options.merge(:action => "new", :id => nil)
+
+if @successful
+  page.insert_html :top, scaffold_tbody_id(@options), :partial => 'new_edit'
+  page.show element_row_id(@options)
+  page << "Form.focusFirstElement('#{element_form_id(@options)}');"
+  page.visual_effect :highlight, element_cell_id(@options)
+  page.replace_html element_messages_id(@options), :partial => 'form_messages'
+else
+  page.replace_html scaffold_messages_id(@options), :partial => 'messages'
+end
+
+page.hide loading_indicator_id(@new_options), empty_message_id(@options)

data/templates/rjs_update.rjs

@@ -0,0 +1,17 @@
+@options = { :scaffold_id => params[:scaffold_id], :action => "view", :id => params[:id] }
+@update_options = @options.merge(:action => "update")
+
+if @successful
+  page.remove element_row_id(@options)
+  page.insert_html :bottom, scaffold_tbody_id(@options), :partial => '<%= singular_name %>', :locals => { :hidden => true }
+  page << "new TableRow.MoveAfter('#{element_row_id(@update_options)}', '#{element_row_id(@options)}');"
+  page.remove element_row_id(@update_options)
+  page.show element_row_id(@options)
+  page << "AjaxScaffold.stripe('#{scaffold_tbody_id(@options)}');" 
+  page << "AjaxScaffold.removeSortClasses('#{@options[:scaffold_id]}');"
+  page.replace_html scaffold_messages_id(@options), :partial => 'messages'
+else
+  page.replace_html element_messages_id(@update_options), :partial => 'form_messages'
+  page.hide loading_indicator_id(@update_options)
+end
+

data/templates/view_component.rhtml

@@ -0,0 +1,51 @@
+<%% if not request.xhr? %>
+<div id="<%%= params[:scaffold_id] %>" class="ajax-scaffold">
+  <div id="<%%= scaffold_content_id(params) %>">
+<%% end %>
+    <div class="ajax-scaffold-header">
+      <div class="actions">  
+        <%% new_params = params.merge(:controller => '<%= controller_name %>', :action => 'new') %>
+        <%%= loading_indicator_tag(new_params) %>
+        <%%= link_to_remote "Create New",
+          { :url => new_params,
+            :loading => "Element.show('#{loading_indicator_id(new_params)}');" },
+          { :href => url_for(new_params), 
+			      :class => "create" } %> 		 
+      </div>
+      <h2><%= Inflector.titleize(plural_name) %></h2>
+  </div>
+  <table cellpadding="0" cellspacing="0">
+  <thead>  
+    <tr> 
+      <%%= render :partial => 'column_headings' %>
+    </tr> 
+  </thead>
+  <tbody>
+    <tr>
+      <td colspan="<%%= num_columns %>" class="messages-container">
+        <div id="<%%= scaffold_messages_id(params) %>">
+          <%%= render :partial => 'messages' %>
+        </div>
+        <p id="<%%= empty_message_id(params) %>" class="empty-message" <%%= " style=\"display:none;\" " if !@<%= plural_name %>.empty? %>>
+          No Entries
+        </p>      
+      </td>
+    </tr>
+  </tbody>  
+  <tbody id="<%%= scaffold_tbody_id(params) %>">
+    <%% if !@<%= plural_name %>.empty? %>
+  	  <%%= render :partial => '<%= singular_name %>', :collection => @<%= plural_name %>, :locals => { :hidden => false } %>
+    <%% end %>
+  </tbody>
+</table>
+<div class="ajax-scaffold-footer">
+  <%%= render :partial => 'pagination_links', :locals => { :paginator => @paginator } %>
+</div>
+<%% if not request.xhr? %>
+</div>
+</div>
+
+<script type="text/javascript">
+Rico.Corner.round('<%%= params[:scaffold_id] %>', {color: '#005CB8', bgColor: '#fff', compact: true});
+</script>
+<%% end %>

data/templates/view_list.rhtml

@@ -1,59 +1 @@
-<div id="<%= singular_name %>-list-wrapper" class="ajax-scaffold-wrapper">
-<div id="<%= singular_name %>-list-header" class="ajax-scaffold-header">
-<h2><%= Inflector.titleize(plural_name) %></h2>
-
-<div class="actions">  
-  <%%= loading_indicator_tag '<%= singular_name %>', "new" %>
-  <%%= link_to_remote "Create New",
-         { :url => { :controller => '<%= controller_file_name %>', :action => 'new' }, 
-           :loading => "AjaxScaffold.newOnLoading(request,'<%= singular_name %>');",
-			     :success => "AjaxScaffold.newOnSuccess(request,'<%= singular_name %>');",
-			     :failure => "AjaxScaffold.newOnFailure(request,'<%= singular_name %>');" },
-         { :href => url_for(:controller => '<%= controller_file_name %>', :action => 'new'), 
-			     :class => "create" } %> 
-			 
-</div>
-
-</div>
-<table id="<%= singular_name %>-list" class="ajax-scaffold" cellpadding="0" cellspacing="0">
-  <thead>  
-	  <tr class="header">
-	  	<%% for column in <%= model_name %>.content_columns %>
-    	<th><%%= column.human_name %></th>
-  		<%% end %>
-	  	<th></th>
-	  </tr> 
-  </thead>
-  <tbody>
-    <tr id="<%= singular_name %>-error-message" class="error-message" style="display:none;">
-      <td colspan="<%%= num_columns - 1 %>">
-          <p>An error has occurred</p>
-      </td>
-      <td class="actions">
-         <%%= link_to_function "Close", "AjaxScaffold.hideError('<%= singular_name %>');" %>   
-      </td>
-    </tr>
-    <tr id="<%= singular_name %>-empty-message" class="empty-message" <%%= " style=\"display:none;\" " if !@<%= plural_name %>.empty? %>>
-      <td colspan="<%%= num_columns %>">No Entries</td>
-    </tr>
-  </tbody>  
-  <tbody id="<%= singular_name %>-list-body">
-    <%% if !@<%= plural_name %>.empty? %>
-  	  <%%= render :partial => '<%= singular_name %>', :collection => @<%= plural_name %>, :locals => { :hidden => false } %>
-  	<%% else %>
-    <%% # Do not remove the following TR, it is needed to load up the even row color when enableHighlighting is turned on and the list is empty %>
-    <tr class="even ignore" style="display: none;">
-      <td colspan="<%%= num_columns %>"></td>
-    </tr>
-    <%% end %>
-  </tbody>
-</table>
-</div>
-
-<script type="text/javascript">
-TableBodyUtil.enableHighlighting(AjaxScaffold.getTableBodyElement('<%= singular_name %>'));
-<%% if !@<%= plural_name %>.empty? %>
-TableBodyUtil.paintStripes(AjaxScaffold.getTableBodyElement('<%= singular_name %>'));
-<%% end %>
-Rico.Corner.round('<%= singular_name %>-list-wrapper', {color: '#005CB8', bgColor: '#fff', compact: true});
-</script>
+<%%= render_component :controller => '<%= controller_name %>', :action => 'component', :params => params %>

metadata

@@ -3,8 +3,8 @@ rubygems_version: 0.8.11
 specification_version: 1
 name: ajax_scaffold_generator
 version: !ruby/object:Gem::Version 
-  version: 2.2.1
-date: 2006-03-07 00:00:00 -05:00
+  version: 3.0.0
+date: 2006-04-12 00:00:00 -04:00
 summary: Ajax scaffold generator is a rails generator for ajaxified scaffolds
 require_paths: 
   - lib
@@ -32,16 +32,25 @@ files:
   - MIT-LICENSE
   - ajax_scaffold_generator.rb
   - templates/
-  - templates/view_new.rhtml
+  - templates/warning.gif
   - templates/view_list.rhtml
-  - templates/view_index.rhtml
-  - templates/view_edit.rhtml
-  - templates/style.css
-  - templates/script.js
+  - templates/view_component.rhtml
+  - templates/rjs_update.rjs
+  - templates/rjs_new.rjs
+  - templates/rjs_edit.rjs
+  - templates/rjs_destroy.rjs
+  - templates/rjs_create.rjs
   - templates/rico_corner.js
+  - templates/partial_pagination_links.rhtml
+  - templates/partial_new_edit.rhtml
+  - templates/partial_messages.rhtml
   - templates/partial_item.rhtml
-  - templates/partial_form_errors.rhtml
+  - templates/partial_form_messages.rhtml
+  - templates/partial_column_headings.rhtml
+  - templates/lib_content_column_patch.rb
+  - templates/lib_ajax_scaffold_util.rb
   - templates/layout.rhtml
+  - templates/information.gif
   - templates/indicator.gif
   - templates/helper.rb
   - templates/functional_test.rb
@@ -49,6 +58,11 @@ files:
   - templates/form.rhtml
   - templates/error.gif
   - templates/controller.rb
+  - templates/arrow_up.gif
+  - templates/arrow_down.gif
+  - templates/ajax_scaffold_helper.rb
+  - templates/ajax_scaffold.js
+  - templates/ajax_scaffold.css
   - templates/add.gif
 test_files: []
 rdoc_options: []

data/templates/partial_form_errors.rhtml

@@ -1,9 +0,0 @@
-<%% unless @<%= singular_name %>.nil? %>
-<%%= error_messages_for '<%= singular_name %>' %>
-<%% end -%>
-
-<%% for name in [:notice, :warning, :error, :message] %>
-  <%% if @flash[name] %>
-    <%%= "<div class=\"#{name}\">#{@flash[name]}</div>" %>
-  <%% end %>
-<%% end %>

data/templates/script.js

@@ -1,423 +0,0 @@
-// The following is a cross browser way to move around <tr> elements in a <table> or <tbody>
-
-var Abstract = new Object();
-Abstract.Table = function() {};
-Abstract.Table.prototype = {
-  tagTest: function(element, tagName) {
-    return $(element).tagName.toLowerCase() == tagName.toLowerCase();
-  }		
-};	
-
-Abstract.TableRow = function() {};
-Abstract.TableRow.prototype = Object.extend(new Abstract.Table(), {
-  initialize: function(targetTableRow, sourceTableRow) {
-    try {
-      var sourceTableRow = $(sourceTableRow);
-      var targetTableRow = $(targetTableRow);
-      
-      if (targetTableRow == null || !this.tagTest(targetTableRow,'tr') 
-      	|| sourceTableRow == null || !this.tagTest(sourceTableRow,'tr')) {
-        throw("TableRow: both parameters must be a <tr> tag.");
-      }
-      
-      var tableOrTbody = this.findParentTableOrTbody(targetTableRow);
-      
-      var newRow = tableOrTbody.insertRow(this.getNewRowIndex(targetTableRow) - this.getRowOffset(tableOrTbody));
-      newRow.parentNode.replaceChild(sourceTableRow, newRow);
-
-    } catch (e) {
-      alert(e);
-    }
-  },
-  getRowOffset: function(tableOrTbody) {
-    //If we are inserting into a tablebody we would need figure out the rowIndex of the first
-    // row in that tbody and subtract that offset from the new row index  
-    var rowOffset = 0;
-    if (this.tagTest(tableOrTbody,'tbody')) {
-      rowOffset = tableOrTbody.rows[0].rowIndex;
-    }
-    return rowOffset;
-  },
-  findParentTableOrTbody: function(element) {
-    var element = $(element);
-    // Completely arbitrary value
-    var maxSearchDepth = 3;
-    var currentSearchDepth = 1;
-    var current = element;
-    while (currentSearchDepth <= maxSearchDepth) {
-      current = current.parentNode;
-      if (this.tagTest(current, 'tbody') || this.tagTest(current, 'table')) {
-        return current;
-      }
-      currentSearchDepth++;
-    }
-  }		
-});
-
-var TableRow = new Object();
-
-TableRow.MoveBefore = Class.create();
-TableRow.MoveBefore.prototype = Object.extend(new Abstract.TableRow(), {
-  getNewRowIndex: function(target) {
-    return target.rowIndex;
-  }
-});
-
-TableRow.MoveAfter = Class.create();
-TableRow.MoveAfter.prototype = Object.extend(new Abstract.TableRow(), {
-  getNewRowIndex: function(target) {
-    return target.rowIndex+1;
-  }
-});
-
-//Since scriptaculous doesn't support tables and causes and error applying effects to rows in IE 6.0 and Safari we need this wrapper
-
-Abstract.TableEffect = function() {};
-Abstract.TableEffect.prototype = Object.extend(new Abstract.Table(), {
-  callEffect: function(target, command) {
-    var target = $(target);
-    if (this.tagTest(target,'tr')) {
-      var length = target.cells.length;
-      for (var i = 0; i < length; i++) {
-        eval("new " + command + "(target.cells[i]);");
-      }
-    } else {
-      eval("new " + command + "(targetElement);");
-    }
-  }		
-});	
-
-var TableEffect = new Object();
-
-TableEffect.Fade = Class.create();
-TableEffect.Fade.prototype = Object.extend(new Abstract.TableEffect(), {
-  initialize: function(target) {
-    this.callEffect(target, 'Effect.Fade');
-  }
-});
-
-TableEffect.Highlight = Class.create();
-TableEffect.Highlight.prototype = Object.extend(new Abstract.TableEffect(), {
-  initialize: function(target) {
-    this.callEffect(target, 'Effect.Highlight');
-  }
-});
-
-//The following is a utility to paint beautiful stripes on our table rows, a lot of logic for setting the colors explicitly on each element
-// if hightlighting is going to overwrite out CSS styles otherwise.
-
-var TableBodyUtil = {
-  enableHighlighting: function(tableBody) {
-    this.getColorStore(tableBody).highlighting = true;
-  },
-  disableHighlighting: function(tableBody) {
-    this.getColorStore(tableBody).highlighting = false;
-  },
-  highlightingEnabled: function(tableBody) {
-    var returnValue = true;
-    if (this.getColorStore(tableBody).highlighting != null) {
-      returnValue = this.getColorStore(tableBody).highlighting;
-    }
-    return returnValue;
-  },
-  // We are going to proxy all highlighting through this so that we can uniformly allow/block it (and subsequently paintStripes depending on this)
-  highlight: function(target, tableBody) {
-    if (this.highlightingEnabled(tableBody)) {
-      new TableEffect.Highlight(target); 
-    }
-  },
-  getColorStore: function(tableBody) {
-    var uniqueId = tableBody.id;
-  
-    if (this.tables == null) {
-      this.tables = new Object();
-    }
-    
-    if (this.tables[String(uniqueId)] == null) {
-      this.tables[String(uniqueId)] = new Object();
-    }
-    
-    return this.tables[String(uniqueId)];
-  },
-  paintStripes: function(tableBody) {
-    var even = false;
-    var tableBody = tableBody;
-    var tableRows = tableBody.getElementsByTagName("tr");
-    var length = tableBody.rows.length;
-     
-    var colorStore = this.getColorStore(tableBody);  
-
-    for (var i = 0; i < length; i++) {
-      var tableRow = tableBody.rows[i];
-      //Make sure to skip rows that are create or edit rows or messages
-      if (!Element.hasClassName(tableRow, "edit") 
-      	&& !Element.hasClassName(tableRow, "create")
-      	&& !Element.hasClassName(tableRow, "deleted")
-      	&& !Element.hasClassName(tableRow, "message")) {
-      	
-        if (even) {
-          Element.addClassName(tableRow, "even");
-          if (this.highlightingEnabled(tableBody)) {
-            //If we don't already know what the color is supposed to be we'll poll it from the styles and then save that to apply later
-            if (!colorStore.evenColor) {
-              colorStore.evenColor = this.getCellBackgroundColor(tableRow);
-              // Safari won't pick up the style of the color if the row is not displayed so we are going to hide and then show 
-              //  the dummy row if thats what this is.
-              if (colorStore.evenColor == null) {
-                Element.show(tableRow);
-                colorStore.evenColor = this.getCellBackgroundColor(tableRow);
-                Element.hide(tableRow);
-              }
-            }
-            this.setCellBackgroundColor(tableRow, colorStore.evenColor);
-          }
-        } else {
-          Element.removeClassName(tableRow, "even");
-          
-          if (this.highlightingEnabled(tableBody)) {
-            if (!colorStore.oddColor) {
-              colorStore.oddColor = this.getCellBackgroundColor(tableRow);
-            }
-            this.setCellBackgroundColor(tableRow, colorStore.oddColor);
-          }
-        }
-        even = !even;
-      }
-    }
-  },
-  getCellBackgroundColor: function(tableRow) {
-    var tableCell = tableRow.getElementsByTagName("td")[0];
-    return Element.getStyle(tableCell, 'background-color');
-  },
-  setCellBackgroundColor: function(tableRow, color) {
-    var length = tableRow.cells.length;
-    for (var i = 0; i < length; i++) {
-      try {
-        tableRow.cells[i].style.backgroundColor = color;
-      } catch (e) {
-        alert(e);
-      }
-    }
-  },
-  countRows: function(tableBody) {
-    var tableBody = tableBody;
-    var length = tableBody.rows.length;
-
-    var validRows = 0;
-
-    for (var i = 0; i < length; i++) {
-      var tableRow = tableBody.rows[i];
-      //Make sure to skip rows that are deleted or message
-      if (!Element.hasClassName(tableRow, "deleted")
-      	&& !Element.hasClassName(tableRow, "message")
-      	&& !Element.hasClassName(tableRow, "ignore")) {
-        validRows++;
-      }
-    }
-    return validRows;
-  }  
-}
-  
-var AjaxScaffold = {  
-  newOnLoading: function(request, type) {
-    Element.show(this.getNewIndicator(type));
-  }, 
-  newOnFailure: function(request, type) {
-    this.showError(type, request.responseText);
-    Element.hide(this.getNewIndicator(type));
-  }, 
-  newOnSuccess: function(request, type) {
-    var createForm = request.responseText;
-    
-    var id = this.getId(request,type);
-    
-    new Insertion.Top(this.getTableBodyElement(type), createForm);
-    
-    Element.hide(this.getEmptyMessageElement(type));
-    Element.hide(this.getNewIndicator(type));
-    
-    var createElement = this.getCreateElement(type, id);
-    Element.show(createElement);
-    TableBodyUtil.highlight(createElement,this.getTableBodyElement(type));
-    Form.focusFirstElement(this.getFormElement('create',type,id));
-  }, 
-
-
-  createOnLoading: function(request,type,id) {
-    Element.show(this.getIndicator('create',type,id));
-  }, 
-  createOnFailure: function(request,type,id) {
-    var errorElement = this.getFormErrorElement('create',type,id)
-    var errorMessages = request.responseText;
-    errorElement.innerHTML = errorMessages;
-    Element.show(errorElement);
-    Element.hide(this.getIndicator('create',type,id));
-  },   
-  createOnSuccess: function(request,type,id) {       
-    var createElement = this.getCreateElement(type,id);
-    
-    var view = request.responseText;
-    var viewId = this.getId(request,type);
-    
-    // TODO : Convert this into TableRow.InsertAfter
-    new Insertion.Bottom(this.getTableBodyElement(type), view);
-    var viewElement = this.getViewElement(type,viewId);
-    new TableRow.MoveAfter(createElement, viewElement); 
-    
-    Element.remove(createElement); 
-    Element.show(viewElement);
-    
-    TableBodyUtil.paintStripes(this.getTableBodyElement(type));  
-    TableBodyUtil.highlight(viewElement,this.getTableBodyElement(type));  
-  },
-  createOnCancel: function(type,id) {
-    var createElement = this.getCreateElement(type,id);
-    Element.remove(createElement); 
-    if (TableBodyUtil.countRows(this.getTableBodyElement(type)) == 0) {
-      Element.show(this.getEmptyMessageElement(type));
-    }
-  }, 
-
-
-  deleteOnLoading: function(type,id) {
-
-  }, 
-  deleteOnFailure: function(type,id) {
-    this.showError(type, request.responseText);
-  }, 
-  deleteOnSuccess: function(type,id) {
-    var viewElement = this.getViewElement(type,id);
-    
-    new TableEffect.Fade(viewElement);
-    //We cannot set a timeout to remove this element from the DOM b/c once fade is complete
-    // get by ID no longer works on this element. So we'll set a class so that it isn't picked up in a re striping
-    Element.addClassName(viewElement, 'deleted');
-    
-    if (TableBodyUtil.countRows(this.getTableBodyElement(type)) == 0) {
-      Element.show(this.getEmptyMessageElement(type));
-    } else {
-      TableBodyUtil.paintStripes(this.getTableBodyElement(type));
-    }
-  },
-  
-
-  editOnLoading: function(request,type,id) {
-    Element.show(this.getIndicator('edit',type,id));
-  }, 
-  editOnFailure: function(request,type,id) {
-    this.showError(type, request.responseText);
-    Element.hide(this.getIndicator('edit',type,id));
-  },   
-  editOnSuccess: function(request,type,id) { 
-    var viewElement = this.getViewElement(type,id);
-
-    //Ajax.Update with Insertion.top does not work when being used as a component with other scaffolds on the screen
-    // the only safe way it seems it to always insert new elements at the bottom and then move them into the appropriate location
-    var editForm = request.responseText;
-    
-    // TODO : Convert this into TableRow.InsertAfter
-    new Insertion.Bottom(this.getTableBodyElement(type), editForm);
-    var editElement = this.getEditElement(type,id);
-    new TableRow.MoveAfter(viewElement, editElement); 
-    
-    var formElement = this.getFormElement('edit',type,id);
-    
-    Element.hide(viewElement); 
-    Element.hide(this.getIndicator('edit',type,id));
-    Element.show(editElement);
-    
-    new TableEffect.Highlight(editElement);
-    Form.focusFirstElement(formElement);
-  },
-  
-  
-  updateOnLoading: function(request,type,id) {
-    Element.show(this.getIndicator('update',type,id));
-  },
-  updateOnFailure: function(request,type,id) {
-    var errorElement = this.getFormErrorElement('update',type,id)
-    var errorMessages = request.responseText;
-    errorElement.innerHTML = errorMessages;
-    Element.show(errorElement);
-    Element.hide(this.getIndicator('update',type,id));
-  }, 
-  updateOnSuccess: function(request,type,id) {
-    var editElement = this.getEditElement(type,id);
-    var formElement = this.getFormElement(type,id);
-    var viewElement = this.getViewElement(type,id);
-    
-    Element.remove(viewElement);
-    
-    var view = request.responseText;
-    
-    // TODO : Convert this into a TableRow.InsertBefore
-    new Insertion.Bottom(this.getTableBodyElement(type), view);
-    var viewElement = this.getViewElement(type,id);
-    new TableRow.MoveBefore(editElement, viewElement);
-    
-    Element.remove(editElement); 
-    Element.show(viewElement);
-    
-    TableBodyUtil.paintStripes(this.getTableBodyElement(type));
-    TableBodyUtil.highlight(viewElement,this.getTableBodyElement(type));
-  },
-  updateOnCancel: function(type,id) {
-    var viewElement = this.getViewElement(type,id);
-    var editElement = this.getEditElement(type,id);
-    
-    Element.show(viewElement); 
-    Element.remove(editElement);
-  },   
-  
-  
-  showError: function(type,html) {
-    var errorElement = this.getErrorMessageElement(type);
-    var errorMessageElement = errorElement.getElementsByTagName("p")[0];
-    errorMessageElement.innerHTML = html;
-    Element.show(errorElement);
-    TableBodyUtil.highlight(errorElement,this.getTableBodyElement(type));
-  },
-  hideError: function(type) {
-    var errorElement = this.getErrorMessageElement(type);
-    Element.hide(errorElement);  
-  },
-  
-
-  
-  getNewIndicator: function(type) {
-    return $(type + "-new-loading-indicator");
-  },
-  getIndicator: function(scope, type,id) {
-    return $(type + '-' + scope + '-' + id + "-loading-indicator");
-  },
-  getFormErrorElement: function(scope,type,id) {
-    return $(scope + '-' + type + '-' + id + '-errors')
-  },
-  getId: function(request, type) {
-    return request.getResponseHeader(type + '-id');
-  },  
-  getCreateElementId: function(type,id) {
-    return 'create-' + type + '-' + id;
-  },
-  getCreateElement: function(type,id) {
-    return $('create-' + type + '-' + id);
-  },
-  getViewElement: function(type,id) {
-    return $('view-' + type + '-' + id);
-  },
-  getEditElement: function(type,id) {
-    return $('edit-' + type + '-' + id);
-  },
-  getFormElement: function(scope,type,id) {
-    return $(scope+'-'+type + '-' + id + '-form');
-  },
-  getEmptyMessageElement: function(type) {
-    return $(type + '-empty-message');
-  },
-  getErrorMessageElement: function(type) {
-    return $(type + '-error-message');
-  },
-  getTableBodyElement: function(type) {
-    return $(type + '-list-body');
-  }   
-}