search product with solr

venshop_app/app/assets/javascripts/custom.js

@@ -37,6 +37,18 @@
       var requestUrl = $(this).attr('href') + '&quantity=' + quantity;
       window.location.href = requestUrl;
     });
+    //
+    $('#btn-search').unbind('click').bind('click', function(e){
+      e.preventDefault();
+      var keyword = $('#txt-keyword').val();
+      var url = $(this).attr('href') + '?keyword=' + encodeURI(keyword);
+      window.location.href = url;
+    });
+    $('#txt-keyword').keydown(function (e){
+        if(e.keyCode == 13){
+          $('#btn-search').click();
+        }
+    })
   });
 })(jQuery);
 jQuery.noConflict();

venshop_app/app/assets/stylesheets/custom.css.scss

@@ -465,3 +465,7 @@ footer {
 .btn-update-card-quantity {
   margin-bottom: 3px;
 }
+
+.block-search-result {
+  padding-top: 10px;
+}

venshop_app/app/controllers/products_controller.rb

@@ -53,11 +53,14 @@ class ProductsController < ApplicationController
     if params[:keyword] == nil
       redirect_to products_path
     end
-    @products = Product.search do
+    search = Product.search do
       fulltext params[:keyword] do
         boost_fields :name => 2.0
       end
+      paginate :page => params[:page], :per_page => 8
     end
+    @products = search.results
+    @total = search.total
   end
 
   private

venshop_app/app/views/layouts/_header.html.erb

@@ -59,9 +59,9 @@
     <!-- search -->
     <div class="input-group block-search">
       <input id="txt-keyword" type="text" class="form-control"
-        placeholder="Enter keywords" value=""> <span
+        placeholder="Enter keywords" value="<%= params['keyword'] %>"> <span
         class="input-group-btn"> <a id="btn-search"
-        class="btn btn-default" href="javascript:void(0)"><span
+        class="btn btn-default" href="<%= url_for(controller: 'products', action: 'search') %>"><span
           class="glyphicon glyphicon-search"></span>Search</a>
       </span>
     </div>

venshop_app/app/views/products/search.html.erb

@@ -3,5 +3,11 @@
           <h2 class="sprite-2">
             Search results<span class="sprite-2"></span>
           </h2>
+          <div class="block-search-result">
+            <p>
+              Found <%= @total %> product(s) with <b><%= params[:keyword] %></b>
+            </p>
           <%= render 'shared/grid', items: @products %>
           </div>
+          <%= will_paginate @products, renderer: BootstrapPagination::Rails %>
+        </div>

venshop_app/app/views/shared/_grid.html.erb

           <%
           if items == nil || items.empty?
+            if params[:action] != 'search'
           %>
             <p>No products available.</p>
           <%
+            end
           else
             items.each_slice(4) do |row|
             %>

venshop_app/solr/pids/development/sunspot-solr-development.pid

-7100
\ No newline at end of file
+23236
\ No newline at end of file