Update app to sort products using AJAX.

README.md

@@ -45,6 +45,7 @@ To install on your own machine, follow the instructions below:
   * Administrators may add, edit, and delete products
   * Administrators may set a product on sale until a specified date
   * Users can raincheck a product for later purchase
+  * Users can sort product index by one of three methods: alphabetical, price (low to high), and price (high to low)
 * Accounts
   * Accounts and Users have a one-to-one association
   * Administrators may change an account's "Preferred" status

app/assets/javascripts/sort_products.js

@@ -0,0 +1,15 @@
+$(document).ready(function() {
+  $('#sort-method-button').hide();
+  $('#sort_method').change(function() {
+    form = $('#sort-form')[0];
+    Rails.fire(form, 'submit');
+  });
+});
+
+$(document).on('turbolinks:load', function() {
+  $('#sort-method-button').hide();
+  $('#sort_method').change(function() {
+    form = $('#sort-form')[0];
+    Rails.fire(form, 'submit');
+  });
+});

app/views/products/index.html.erb

@@ -26,9 +26,9 @@
 
 <h1>All Books</h1>
 
-<%= form_tag(products_path, method: "get") do %>
-  <%= select_tag(:sort_method, options_for_select([['Alphabetical', 'alphabetical'], ['Price (Low to high)', 'price_ascending'], ['Price (High to low)', 'price_descending']], @sort_method) ) %>
-  <%= submit_tag "Sort", class: "btn btn-default" %>
+<%= form_tag products_path, method: "get", id: "sort-form", remote: true  do %>
+  <%= select_tag :sort_method, options_for_select([['Alphabetical', 'alphabetical'], ['Price (Low to high)', 'price_ascending'], ['Price (High to low)', 'price_descending']], @sort_method), remote: true %>
+  <%= submit_tag "Sort", id: "sort-method-button", class: "btn btn-default" %>
 <% end %>
 
 <div class="all-books">