From 67c4c9dcbc9d2aeaf08f9466b27ffc3907872a3f Mon Sep 17 00:00:00 2001
From: suyog ojha <ojhasuyog2020@gmail.com>
Date: Mon, 14 Nov 2022 16:36:57 +0545
Subject: [PATCH] filter

---
 static/css/custom.css                   |   5 +++++
 store/__pycache__/urls.cpython-310.pyc  | Bin 1198 -> 1278 bytes
 store/__pycache__/views.cpython-310.pyc | Bin 1444 -> 2194 bytes
 store/templates/store/inc/navbar.html   |  11 ++++++++++
 store/templates/store/layouts/main.html |  26 ++++++++++++++++++++++--
 store/urls.py                           |   5 +++++
 store/views.py                          |  25 +++++++++++++++++++++--
 7 files changed, 68 insertions(+), 4 deletions(-)

diff --git a/static/css/custom.css b/static/css/custom.css
index 82e6b9e..63c947c 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -12,4 +12,9 @@
     position: fixed;
     bottom: 01% !important;
     left: 03% !important;
+}
+
+.search-bar{
+    width: 40% !important;
+    margin-left: 10%;
 }
\ No newline at end of file
diff --git a/store/__pycache__/urls.cpython-310.pyc b/store/__pycache__/urls.cpython-310.pyc
index 51c6bad9d3d7fa5f2d5ca819527ce2c471d2762b..afc1d46d5b29bafbd078236618a886bc0d705580 100644
GIT binary patch
delta 192
zcmZ3-`HxdOpO=@50SGoo6ea&-Wng#=;vfSFAjbiSivu=l8#5}UGN!1eGG|FOGXYs@
zK$dihS_*qFbGk^BOp1CigQmvj494G#id8%XMfoYE$tAiunZ+fy_=-~#i;^>-V#R)%
zvXj%8cj`p(Lq$M}9J3NDia^%g;w~-9DM&0SNiE7NUdd1-0~9NgnQY49$!IXSo<*09
Ki<ysw;~oHF7Bf`<

delta 112
zcmeyzxsFpipO=@50SNA9=O-7iGB7*_agc!+kmCTv#TFa2jTyPpg`%WVRD&5b)iyUU
z{$^zM)0Cb(hk2*iE$-5yoPxxXlGLKS;*|_V(m*Xm(vurmJQ;N+pJvfz;&=)G2(TJp

diff --git a/store/__pycache__/views.cpython-310.pyc b/store/__pycache__/views.cpython-310.pyc
index 6e77f60a4657e50106468fec3702e76fbb960bc1..bf20d1d8ae00cb5a7abf8b3aa4c8db3bbc675bcc 100644
GIT binary patch
delta 1199
zcmZWoL2uJo5cWL3*iP)YZo8#y)RqXf2n%SgyV8Obp;n01mXhX_OJwD_ZHyCF&#!Dj
zse0Hwt>__`6Q@Q(LL7I0!2W{$1=ju&4#134L{t*#o6+~ZH#2W${LX$o?<Uo1MZ@2J
zHQD>8Ja$(=jPKlTYN8Yy1G8g-CJbTzsdX%2i89)<s0bTvML430))uaqL+c1n%%iP}
zg+0w*9G^5iA9Ck$nhaZEdXx;)aQwan<?+X6)x?A;L#TkXvq$hNe8}FwZqq_ax(K=1
zONJ^uQL;=_0aRvgKTP5{?5RG+BO;|ME^x*_JGxxVHrT5>Riu3AxV=Dy2Z?;q?WXbZ
zfe&(t1eRMzG7-l;l}b1JpKaT7NK21kKD(!Ht`}9%S$U0s>X8csGqq%A`qJt=k|`-3
zxUc|>F)%(k++h~TmF#c*t?>h0yOurWOU89_m$R7Hmu3<Y`6EFsoA4E|vVVE)R+08<
zMm&_;yVJ^__ru?BWS{sdtYP<7&+ekAv<M<5K(KR&bfF6_O6Tkp6d%DKaLQC^#AuY~
z498>bNT93^Mdia_5Vmnxd_NA<HaTgqANt0$vT0|E^v{F%I83{7KUFy=lr%~Iu`Y|A
zQQaNqYj+EMrezdi?ouSJ83iW|BvS+7I#}Q^xn4ZyFC<1<qzQP&<bCwuf(bT(Qy78J
zky}<evK(1H!N=`ssuUTKiE8N_F06@m%0^5!lrD@Bi^@@DSrg{6hCX`5dHcc{X~LQ?
z(7uaxb|tu9-pTpylf8DQ`t@yLAbW?omOGEy?cHu`YkRA;)uNrFR(89zyg`4MzI1xu
z*0u2w8ZXy&lKN$k`XErf!%);;B*(Iz79ss=ZVb*sb(jdbK@HOnLM3(b_-|Y7=9P)a
z8Y<HTE%uc<ne+Z|Kk=s{={VE4p-`b5<mP4S*-fS^?)229dMo`2$&_}t0uBzwg9XN+
zh6D1zV{#LP9pBAvmVSPg+ad~v2g&B4Qb)x$NE>CjNU%b%MzBsm_hvGG`>3s72KYh7
X;RD*qBCn_6I#6yM|EA?yo>Tq;Tulv-

delta 488
zcmZvZy-EW?5XW!tF1MTe%7;cnOdu8pPa)Qd2tg2SLexsz+XDk<F6>=YtSxQMu@Gx3
zpF$tN$}XS}VBst1&Z!v0Eq(+4nVtXa>{aQ`awEqv6?yo5=(mj2t&{C^d2u1fjSJ<_
z;FL2NDbI6LM#e2}%b4fRzT&y*^-B7@M;Nq7$H~biu_|E_VM5zzKuX%gg9p;<P$>&r
zVod#LkOXImU?^qCqi$_RVHo&HKN`fSW^jqF>L0cyO0cV55({3{YI#a#J$1~6BH|-I
ziG>YJ+p-+&=OPMlptaXBORN>s2s9T(#2@40gz-r~IE@SNsLhcYylA)c<)8cKg>KZ0
zNB&Xs+g8kAsscB9voc|g;w+*HPkNnDc++dGY=Hl~t=`ug(6<3gxdyGvyIs$Oce=VG
m@Lxm;QA1#EV*20RvGrrQiZIw9vLePE6ct8n!c?X)YP+A8d|`9|

diff --git a/store/templates/store/inc/navbar.html b/store/templates/store/inc/navbar.html
index ad029cd..4a1bf0a 100644
--- a/store/templates/store/inc/navbar.html
+++ b/store/templates/store/inc/navbar.html
@@ -4,6 +4,17 @@
       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>
       </button>
+
+      <div class="search-bar">
+          <form action="{% url 'searchproducts' %}" method="POST">
+            {% csrf_token %}
+          <div class="input-group ">
+            <input type="search" required id="searchproduct" name="productsearch" class="form-control" placeholder="Search">
+            <button type="submit" class="input-group-text" > <i class="fa fa-search"></i> </button>
+          </div>
+        </form>
+      </div>
+
       <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <ul class="navbar-nav ms-auto">
           <li class="nav-item">
diff --git a/store/templates/store/layouts/main.html b/store/templates/store/layouts/main.html
index 9f6d52e..0132198 100644
--- a/store/templates/store/layouts/main.html
+++ b/store/templates/store/layouts/main.html
@@ -20,7 +20,7 @@
 <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.13.1/build/css/alertify.min.css"/>
 <!-- Default theme -->
 <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.13.1/build/css/themes/default.min.css"/>
-
+<link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">
     <link rel="stylesheet" href="{% static 'css/custom.css' %}">   
@@ -29,7 +29,7 @@
             text-decoration: none;
         }
         .product-viewtag{
-            background-color: red;
+            background-color: rgb(227, 1, 1);
             color: aliceblue;
             font-size: 11px;
             line-height: 1;
@@ -78,8 +78,11 @@
     <script src="{% static '/js/custom.js' %}" ></script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
     
+    <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
+
     <!-- alertifyjs/ -->
     
+
     <script src="//cdn.jsdelivr.net/npm/alertifyjs@1.13.1/build/alertify.min.js"></script>
     <script>
 
@@ -90,6 +93,25 @@
         {% endfor %}
     </script>
 
+    <script>
+        var availableTags = [];
+        $.ajax({
+            method: "GET",
+            url: "/product-list",
+            success: function (response){
+                startAutocomplete(response)
+            }
+        });
+        function startAutocomplete(availableTags)
+        {
+            $( "#searchproduct" ).autocomplete({
+              source: availableTags
+            });
+        }
+
+
+    </script>
+
     {% block scripts %}
         
     {% endblock scripts %}
diff --git a/store/urls.py b/store/urls.py
index da7e5c6..7d5c1af 100644
--- a/store/urls.py
+++ b/store/urls.py
@@ -32,4 +32,9 @@
     path('view-order/<str:t_no>', order.vieworder, name="orderview"),
     
     
+    path('product-list', views.productlistAjax),
+    
+    
+    
+    path('searchproducts', views.searchproducts, name="searchproducts"),
 ]
diff --git a/store/views.py b/store/views.py
index ef67888..f1073d6 100644
--- a/store/views.py
+++ b/store/views.py
@@ -1,6 +1,8 @@
 from django.shortcuts import render, redirect
 from .models import *
 from django.contrib import messages
+from django.http import JsonResponse
+
 # Create your views here.
 def home(request):
     return render(request, "store/index.html")
@@ -42,7 +44,26 @@ def Productview(request, cate_slug, prod_slug):
     return render(request, "store/products/view.html", context)
     
     
-
+def productlistAjax(request):
+    products= Product.objects.filter(status=0).values_list('name', flat=True)
+    productslist = list(products)
+    
+    return JsonResponse(productslist, safe=False)
         
     
-    
\ No newline at end of file
+    
+    
+def searchproducts(request):
+    if request.method == 'POST':
+        searchedterm = request.POST.get('productsearch')
+        if searchedterm == "":
+            return redirect(request.META.get('HTTP_REFERER'))
+        else:
+            product = Product.objects.filter(name__contains=searchedterm).first()
+            if product:
+                return redirect('collections/' +product.category.slug+'/'+product.slug)
+            else:
+                messages.info(request, "No product matched your search")
+                return redirect(request.META.get('HTTP_REFERER'))
+                
+    return redirect(request.META.get('HTTP_REFERER'))
\ No newline at end of file