display items on home page (AJAX)

app/controllers/authors_controller.rb

@@ -8,6 +8,10 @@ class AuthorsController < ApplicationController
 	def index
 		@authors = Author.paginate(page: params[:page])
 		@title = "Authors"
+		respond_to do |format|
+			format.html 
+			format.js
+		end
 	end
 
 end

app/controllers/books_controller.rb

@@ -8,6 +8,10 @@ class BooksController < ApplicationController
 	def index
 		@books = Book.paginate(page: params[:page])
 		@title = "Books"
+		respond_to do |format|
+			format.html 
+			format.js
+		end
 	end
 
 end

app/controllers/series_controller.rb

@@ -8,6 +8,10 @@ class SeriesController < ApplicationController
 	def index
 		@series = Serie.paginate(page: params[:page])
 		@title = "Series"
+		respond_to do |format|
+			format.html 
+			format.js
+		end
 	end
 
 end

app/views/authors/_index.html.erb

@@ -0,0 +1,9 @@
+<%= will_paginate %>
+
+<ul class="authors">
+<% @authors.each do |author| %>
+	<li><%= link_to author.name, author %></li>
+<% end %>
+</ul>
+
+<%= will_paginate %>

app/views/authors/index.html.erb

@@ -1,11 +1,2 @@
 <h1>Authors</h1>
-
+<%= render 'authors/index' %>
-<%= will_paginate %>
-
-<ul class="authors">
-<% @authors.each do |author| %>
-	<li><%= link_to author.name, author %></li>
-<% end %>
-</ul>
-
-<%= will_paginate %>

app/views/authors/index.js.erb

@@ -0,0 +1 @@
+$("#items").html("<%= escape_javascript(render('authors/index')) %>");

app/views/books/_index.html.erb

@@ -0,0 +1,12 @@
+<%= will_paginate %>
+
+<ul class="books">
+	<% @books.each do |book| %>
+		<li>
+		<%= link_to book.title, book %>
+		</li>
+	<% end %>
+</ul>
+
+<%= will_paginate %>
+

app/views/books/index.html.erb

@@ -1,14 +1,2 @@
 <h1>All books</h1>
-
+<%= render 'books/index' %>
-<%= will_paginate %>
-
-<ul class="books">
-	<% @books.each do |book| %>
-		<li>
-		<%= link_to book.title, book %>
-		</li>
-	<% end %>
-</ul>
-
-<%= will_paginate %>
-

app/views/books/index.js.erb

@@ -0,0 +1 @@
+$("#items").html("<%= escape_javascript(render('books/index')) %>");

app/views/series/_index.html.erb

@@ -0,0 +1,9 @@
+<%= will_paginate %>
+
+<ul class="series">
+<% @series.each do |serie| %>
+	<li><%= link_to serie.name, serie %></li>
+<% end %>
+</ul>
+
+<%= will_paginate %>

app/views/series/index.html.erb

@@ -1,11 +1,2 @@
 <h1>Series</h1>
-
+<%= render 'series/index' %>
-<%= will_paginate %>
-
-<ul class="series">
-<% @series.each do |serie| %>
-	<li><%= link_to serie.name, serie %></li>
-<% end %>
-</ul>
-
-<%= will_paginate %>

app/views/series/index.js.erb

@@ -0,0 +1 @@
+$("#items").html("<%= escape_javascript(render('series/index')) %>");

app/views/static_pages/home.html.erb

@@ -3,8 +3,10 @@
 	<h2>Browse <%= @books_count %> books</h2>
 
 	<p>
-	<%= link_to "Books", books_path, class: "btn btn-lg btn-primary" %>
+	<%= link_to "Books", books_path, class: "btn btn-lg btn-primary", remote: true %>
-	<%= link_to "Authors", authors_path, class: "btn btn-lg btn-primary" %>
+	<%= link_to "Authors", authors_path, class: "btn btn-lg btn-primary", remote: true %>
-	<%= link_to "Series", series_path, class: "btn btn-lg btn-primary" %>
+	<%= link_to "Series", series_path, class: "btn btn-lg btn-primary", remote: true %>
 	</p>
 </div>
+<div class="center container-fluid" id="items">
+</div>