AJAX for Articles! (Thinkful Office Hour: 6/23/14)

_articles_collection.html.erb

<% articles.each_slice(4) do |four_articles| %>
	<div class="row">
		<% four_articles.each do |article| %>
			<%= render 'garments/article', article: article, garment: @garment %>
		<% end %>
	</div>
<% end %>

_related_articles.html.erb

<% if @garment.articles.present? %>
	<div class="section-headers">
		Related Articles
	</div>

	<div class="article_collection">
		<%= render 'articles_collection', articles: @garment.articles.limit(4) %>
	</div>
	
	<% if @garment.articles.count > 4 %>
		<%= link_to 'See More Articles', see_more_articles_garment_path(@garment), 
									remote: true, 
									class: "see-more-articles" %>
	<% end %>

	<br><br><br>
<% end %>

garments_controller.rb

	def show
		@garment = Garment.find(params[:id])
	end

	def see_more_articles
		@garment = Garment.find(params[:id])
		@articles = @garment.articles - @garment.articles.limit(4)

		respond_to do |format|
			format.js
		end
	end

routes.rb

  resources :garments do
    member do
      get :see_more_articles
    end
  end

see_more_articles.js.erb

$('.see-more-articles').hide();
$('.article_collection').append("<%= j render 'garments/articles_collection', articles: @articles, garment: @garment %>");