new

osinaweb/osinacore/templates/listing_pages/adressbooks.html

@@ -13,12 +13,15 @@
             class="w-full py-4 px-3 bg-gray-200 rounded-md shadow-md mt-4 flex flex-col s:flex-row justify-between gap-3 items-center">
             <div class="w-full s:w-fit flex justify-start items-center gap-5">
                 <div class="relative h-fit w-full s:w-fit flex items-center">
-                    <input type="text" placeholder="Enter Name"
-                        class="py-2 px-3 border border-gray-300 rounded-md outline-none w-full s:w-[300px] h-[40px] relative">
-                    <button
-                        class="text-gray-500 text-xl outline-none border-none cursor-pointer absolute right-2 bg-white">
-                        <i class="fa fa-search"></i>
-                    </button>
+                    <form method="GET" class="relative h-fit w-full s:w-fit flex items-center">
+    <input type="text" name="q" placeholder="Enter Name"
+        value="{{ query }}"
+        class="py-2 px-3 border border-gray-300 rounded-md outline-none w-full s:w-[300px] h-[40px] relative">
+    <button type="submit"
+        class="text-gray-500 text-xl outline-none border-none cursor-pointer absolute right-2 bg-white">
+        <i class="fa fa-search"></i>
+    </button>
+</form>
                 </div>
             </div>
             <div class="w-full s:w-fit">

osinaweb/osinacore/views.py

@@ -864,9 +864,16 @@ def addressbook(request):
     Group.objects.get_or_create(name='Test Group 2')
     Group.objects.get_or_create(name='Test Group 3')
     Group.objects.get_or_create(name='Test Group 4')
-
+    query = request.GET.get('q', '')
     addresses = AddressBook.objects.all()
 
+    if query:
+        addresses = addresses.filter(
+            Q(first_name__icontains=query) |
+            Q(middle_name__icontains=query) |
+            Q(last_name__icontains=query)
+        ).distinct()
+
     context = {
     'addresses' : addresses,