Made the new deliverable form to submit via Ajax

* Added DeliverablesController#create
* Refactored each deliverable row to a partial
* Added RJS to update the page after a submission

  #1135

app/controllers/deliverables_controller.rb

@@ -30,6 +30,22 @@ class DeliverablesController < ApplicationController
     render :partial => 'common/preview'
   end
   
+  def create
+    @deliverable = Deliverable.new(params[:deliverable])
+    @deliverable.project = @project
+
+    respond_to do |format|
+      if @deliverable.save
+        @flash = l(:notice_successful_create)
+        format.html { redirect_to :action => 'index' }
+        format.js { render :action => 'create.js.rjs'}
+      else
+        # TODO: Failed save
+      end
+    end
+
+  end
+  
   private
   def find_project
     @project = Project.find(params[:id])

app/models/deliverable.rb

@@ -1,4 +1,6 @@
 class Deliverable < ActiveRecord::Base
+  unloadable
+
   belongs_to :project
 
   attr_accessor :overhead

app/views/deliverables/_deliverable.html.erb

@@ -0,0 +1,9 @@
+      <tr id="deliverable-<%= deliverable.id %>" class="deliverable <%= cycle('odd', 'even') %>">
+        <%= content_tag(:td, deliverable.id) %>
+        <%= content_tag(:td, deliverable.score) %>
+        <%= content_tag(:td, deliverable.subject) %>
+        <%= content_tag(:td, number_to_currency(deliverable.cost)) %>
+        <%= content_tag(:td, number_to_currency(deliverable.spent)) %>
+        <%= content_tag(:td, format_date(deliverable.due_date)) %>
+        <%= content_tag(:td, progress_bar(deliverable.progress, :width => '80px')) %>
+    </tr>

app/views/deliverables/_form.html.erb

@@ -1,7 +1,8 @@
 <h2>New Deliverable</h2>
 
-<% labelled_tabular_form_for :deliverable, @deliverable, 
+<% remote_form_for :deliverable, @deliverable, :url => {:controller => 'deliverables', :action => 'create', :id => @project },
-                             :html => {:multipart => true, :id => 'deliverable-form'} do |f| %>
+                           :method => :post, :builder => TabularFormBuilder, :lang => current_language,
+                           :html => {:multipart => true, :id => 'deliverable-form', :class => 'tabular'} do |f| %>
     <%= error_messages_for 'deliverable' %>
     <div class="box">
       <div class="splitcontentleft">

app/views/deliverables/_list.html.erb

@@ -1,5 +1,5 @@
 <% form_tag({}) do -%>	
-<table class="list deliverables">
+<table id="deliverable-list" class="list deliverables">
     <thead><tr>
       <%# TODO: Other sorts %>
       <%= sort_header_tag("#{Deliverable.table_name}.id", :caption => '#', :default_order => 'desc') %>
@@ -12,15 +12,7 @@
     </tr></thead>
     <tbody>
       <% deliverables.each do |deliverable| -%>
-      <tr id="deliverable-<%= deliverable.id %>" class="deliverable <%= cycle('odd', 'even') %>">
+        <%= render :partial => 'deliverable', :locals => { :deliverable => deliverable} %>
-        <%= content_tag(:td, deliverable.id) %>
-        <%= content_tag(:td, deliverable.score) %>
-        <%= content_tag(:td, deliverable.subject) %>
-        <%= content_tag(:td, number_to_currency(deliverable.cost)) %>
-        <%= content_tag(:td, number_to_currency(deliverable.spent)) %>
-        <%= content_tag(:td, format_date(deliverable.due_date)) %>
-        <%= content_tag(:td, progress_bar(deliverable.progress, :width => '80px')) %>
-    </tr>
     <% end -%>
   </tbody>
 </table>

app/views/deliverables/create.js.rjs

@@ -0,0 +1,19 @@
+# If there is no deliverable list, refresh the page
+page << "if ($('deliverable-list') == null) {document.location.reload()}"
+
+# Add deliverable to list
+page.insert_html :top, 'deliverable-list', :partial => 'deliverable', :locals => {:deliverable => @deliverable}
+
+# Remove errors if found
+page.select('#errorExplanation').each do |value|
+  page.remove value
+end
+
+page << "Form.reset($('deliverable-form'))"
+
+# Add a fading out flash
+page.insert_html :before, 'new-deliverable', content_tag(:div, @flash, :class => "flash notice", :id => 'rjs-flash')
+page.delay(3) do
+  page.visual_effect :fade, 'rjs-flash'
+end
+