implement groups AJAX crud

app/controllers/groups_controller.rb

@@ -1,6 +1,7 @@
 class GroupsController < ApplicationController
+  before_filter :load_groups
+
   def index
-    @groups = Group.all
   end
 
   def new
@@ -11,9 +12,7 @@ def create
     @group = Group.new(group_params)
 
     if @group.save
-      redirect_to groups_path
-    else
-      render :new
+      @groups = Group.all
     end
   end
 
@@ -25,21 +24,23 @@ def update
     @group = Group.find(params[:id])
 
     if @group.update(group_params)
-      redirect_to groups_path
-    else
-      render :edit
+      @groups = Group.all
     end
   end
 
   def destroy
     Group.find(params[:id]).delete
-
-    redirect_to groups_path
+    @groups = Group.all
   end
 
   private
 
   def group_params
     params.require(:group).permit(:name, :surname, :email, :phone, :group_id)
   end
+
+  def load_groups
+    @groups = Group.all
+    @group = Group.new
+  end
 end

app/views/groups/_form.erb

@@ -1,4 +1,12 @@
-<%= form_for @group do |f| %>
+<h2>
+  <%= @group.persisted? ? 'Update Group' : 'Create Group' %>
+</h2>
+
+<%= form_for @group, remote: true do |f| %>
+  <div id="group_errors">
+    <%= f.object.errors.full_messages.join('. ') if f.object && f.object.errors.any? %>
+  </div>
+
   <div>
     <label for="group_name">Name
       <%= f.text_field :name %>

app/views/groups/_groups.erb

@@ -0,0 +1,25 @@
+<h2>
+  All Groups
+</h2>
+
+<table>
+  <tbody>
+    <tr>
+      <th>#</th>
+      <th>Name</th>
+      <th>Actions</th>
+    </tr>
+    <% @groups.each do |group| %>
+      <tr>
+        <td><%= group.id %></td>
+        <td><%= group.name %></td>
+        <td>
+          <%= link_to 'Edit', edit_group_path(group), remote: true %>
+          <%= link_to 'Delete', group_path(group), method: :delete, remote: true, data: { confirm: 'Are you sure ?' } %>
+        </td>
+      </tr>
+    <% end %>
+  </tbody>
+</table>
+
+<%= link_to 'Create Group', new_group_path, remote: true %>

app/views/groups/create.js.erb

@@ -0,0 +1,7 @@
+<% if @group.errors.any? %>
+  $("#group_errors").html("<%= escape_javascript(@group.errors.full_messages.join('; '))%>");
+<% else %>
+  $("#group_errors").hide();
+  $("#entity_form").hide();
+  $("#entities_list").html("<%= escape_javascript(render('groups')) %>");
+<% end %>

app/views/groups/destroy.js.erb

@@ -0,0 +1 @@
+$("#entities_list").html("<%= escape_javascript(render('groups')) %>");

app/views/groups/edit.js.erb

@@ -0,0 +1,2 @@
+$("#entity_form").show();
+$("#entity_form").html("<%= escape_javascript(render('form'))%>");

app/views/groups/index.erb

@@ -1,21 +1,7 @@
-<h1>Groups</h1>
+<div id="entities_list">
+  <%= render 'groups' %>
+</div>
 
-<%= link_to 'Create Group', new_group_path %>
-
-<table>
-  <tr>
-    <th>#</th>
-    <th>Name</th>
-    <th>Actions</th>
-  </tr>
-  <% @groups.each do |group| %>
-    <tr>
-      <td><%= group.id %></td>
-      <td><%= group.name %></td>
-      <td>
-        <%= link_to 'Edit', edit_group_path(group) %>
-        <%= link_to 'Delete', group_path(group), method: :delete %>
-      </td>
-    </tr>
-  <% end %>
-</table>
+<div id="entity_form">
+  <%= render 'form' %>
+</div>

app/views/groups/index.js.erb

@@ -0,0 +1,3 @@
+$("#group_errors").hide();
+$("#entity_form").hide();
+$("#entities_list").html("<%= escape_javascript(render('groups')) %>");

app/views/groups/new.js.erb

@@ -0,0 +1,2 @@
+$("#entity_form").show();
+$("#entity_form").html("<%= escape_javascript(render('form'))%>");

app/views/groups/update.js.erb

@@ -0,0 +1,6 @@
+<% if @group.errors.any? %>
+  $("#group_errors").html("<%= escape_javascript(@group.errors.full_messages.join('; '))%>");
+<% else %>
+  $("#entity_form").hide();
+  $("#entities_list").html("<%= escape_javascript(render('groups')) %>");
+<% end %>

spec/controllers/groups_controller_spec.rb

@@ -10,7 +10,7 @@
     it 'renders existing groups' do
       get :index
 
-      response.status.should == 200
+      expect(response.status).to eq 200
       expect(assigns(:groups)).to match_array([@group_1, @group_2])
     end
   end
@@ -19,16 +19,16 @@
     it 'assigns empty Group' do
       get :new
 
-      response.status.should eq 200
+      expect(response.status).to eq 200
       expect(assigns(:group).class).to eq Group
     end
   end
 
   describe 'POST create' do
     it 'creates Group' do
-      post :create, { group: { name: 'a' } }
+      xhr :post, :create, { group: { name: 'a' } }
 
-      response.should redirect_to groups_path
+      expect(response.status).to eq 200
       expect(Group.count).to eq 1
       expect(Group.first.name).to eq 'a'
     end
@@ -42,7 +42,7 @@
     it 'assigns existing Group' do
       get :edit, id: @group.id
 
-      response.status.should eq 200
+      expect(response.status).to eq 200
       expect(assigns(:group)).to eq @group
     end
   end
@@ -53,9 +53,9 @@
     end
 
     it 'updates Group' do
-      put :update, { id: @group.id, group: { name: 'b' } }
+      xhr :put, :update, { id: @group.id, group: { name: 'b' } }
 
-      response.should redirect_to groups_path
+      expect(response.status).to eq 200
       expect(Group.count).to eq 1
       expect(Group.first.name).to eq 'b'
     end
@@ -67,9 +67,9 @@
     end
 
     it 'deletes Group' do
-      delete :destroy, { id: @group.id }
+      xhr :delete, :destroy, { id: @group.id }
 
-      response.should redirect_to groups_path
+      expect(response.status).to eq 200
       expect(Group.count).to eq 0
     end
   end