Added Ransack gem and implemented basic search

Author: vincentlieu

Gemfile

@@ -87,5 +87,6 @@ gem "ultrahook", "~> 0.1.5"
 
 gem "execjs", "~> 2.7"
 
+gem "ransack", github: "activerecord-hackery/ransack"
 
 gem "will_paginate-bootstrap4", "~> 0.2.2"

Gemfile.lock

@@ -1,3 +1,12 @@
+GIT
+  remote: https://github.com/activerecord-hackery/ransack.git
+  revision: 90dd40d4f3d24800a072e090cf86b86157c4b4b9
+  specs:
+    ransack (2.3.2)
+      activerecord (>= 5.2.1)
+      activesupport (>= 5.2.1)
+      i18n
+
 GEM
   remote: https://rubygems.org/
   specs:
@@ -349,6 +358,7 @@ DEPENDENCIES
   pg (>= 0.18, < 2.0)
   puma (~> 3.11)
   rails (~> 5.2.4, >= 5.2.4.2)
+  ransack!
   sass-rails (~> 5.0)
   selenium-webdriver
   spring

app/controllers/listings_controller.rb

@@ -4,7 +4,11 @@ class ListingsController < ApplicationController
   before_action :set_listing, only: [:show, :favourite]
 
   def index()
-    @listings = Listing.where(purchased: false).paginate(page: params[:page], per_page: 16).order("id DESC")
+    #Set search condition to only listings that HAVE NOT been purchased
+    @search = Listing.where(purchased: false).search(params[:q])
+
+    #Show listings that HAVE NOT been purchased
+    @listings = @search.result.paginate(page: params[:page], per_page: 16).order("id DESC")
   end
 
   def new()

app/views/listings/index.html.erb

@@ -2,8 +2,14 @@
     <div class="d-flex justify-content-end mb-5">
         <%= link_to "Create new", new_listing_path, class: "btn btn-primary" %>
     </div>
-    
-    <%= render "shared/display_listings" %>
+
+<%= search_form_for @search do |f| %>
+  <%= f.label :title_or_description_or_brand_name_or_condition_name_or_category_name_cont, "Search: " %>
+  <%= f.search_field :title_or_description_or_brand_name_or_condition_name_or_category_name_cont %>
+  <%= f.submit %>
+<% end %>
+
+<%= render "shared/display_listings" %>
 
     <div class="container mt-5">
         <%= will_paginate @listings, renderer: WillPaginate::ActionView::BootstrapLinkRenderer, list_classes: %w(pagination justify-content-center) %>