From 8a656fdd9197f3b8782fb9ed3880311637511f36 Mon Sep 17 00:00:00 2001
From: Chintan Ambaliya <chintan@techreceptives.com>
Date: Fri, 1 Jun 2018 17:33:04 +0530
Subject: [PATCH] [ADD] Clear search button in shop

---
 addons/website/views/website_templates.xml    |  3 +++
 .../static/src/js/website_sale.js             | 20 +++++++++++++++++++
 2 files changed, 23 insertions(+)

diff --git a/addons/website/views/website_templates.xml b/addons/website/views/website_templates.xml
index 0f721c77..90aa9c54 100644
--- a/addons/website/views/website_templates.xml
+++ b/addons/website/views/website_templates.xml
@@ -919,6 +919,9 @@ Sitemap: <t t-esc="url_root"/>sitemap.xml
 
 <template id="website_search_box" name="Website Searchbox">
     <div class="input-group">
+        <span class="input-group-btn">
+            <span class="btn btn-default oe_search_clear_button hidden"><i class="fa fa-close"></i></span>
+        </span>
         <div class="oe_search">
             <input type="text" name="search" class="search-query form-control oe_search_box" placeholder="Search..." t-att-value="search" />
         </div>
diff --git a/addons/website_sale/static/src/js/website_sale.js b/addons/website_sale/static/src/js/website_sale.js
index 796c8a09..7a5030d6 100644
--- a/addons/website_sale/static/src/js/website_sale.js
+++ b/addons/website_sale/static/src/js/website_sale.js
@@ -438,6 +438,26 @@ flectra.define('website_sale.website_sale', function (require) {
                     window.location = oldurl + '&' + search.attr('name') + '=' + encodeURIComponent(search.val());
                 }
             });
+
+            var $search_box = $('.oe_website_sale .oe_search_box');
+            var _clear_search_btn = function (e){
+                var $search_clear_btn = $('.oe_website_sale .oe_search_clear_button');
+                if($(e).val().trim()){
+                    $search_clear_btn.removeClass('hidden');
+                }else{
+                    $search_clear_btn.addClass('hidden');
+                }
+            };
+
+            _clear_search_btn($search_box);
+
+            $search_box.on('keyup', function (event) {
+                _clear_search_btn(this);
+            });
+            $('.oe_website_sale .oe_search_clear_button').on('click', function (e) {
+                $('.oe_website_sale .oe_search_box').val('');
+                $('.oe_website_sale .o_website_sale_search').trigger('submit');
+            });
         }
 
         if ($(".checkout_autoformat").length) {