From 9a1ff6cc53e3c3eade086f887a6e2bdafeb379b8 Mon Sep 17 00:00:00 2001
From: kapsona777 <lasha.kapanadze.1@btu.edu.ge>
Date: Wed, 25 Sep 2024 18:04:12 +0400
Subject: [PATCH] fixed filter bug

---
 public/userarea/statkpi/statkpi.php | 39 ++++++++++++++++++++++++++---
 1 file changed, 35 insertions(+), 4 deletions(-)

diff --git a/public/userarea/statkpi/statkpi.php b/public/userarea/statkpi/statkpi.php
index 4183b91..4860fd7 100644
--- a/public/userarea/statkpi/statkpi.php
+++ b/public/userarea/statkpi/statkpi.php
@@ -32,6 +32,21 @@ include('parsedatachart.php');
 
 
     <style>
+
+        #activeFilters{ 
+            display: flex;
+            font-size: 16px;
+            flex-direction: row;
+            background: 0;
+        } 
+        
+
+        .badge{ 
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            gap: 5px;
+        }
         .width-100 {
             width: 100%;
         }
@@ -395,13 +410,29 @@ include('parsedatachart.php');
                                     }
                                 })
 
-                                $('#activeFilters').html(activeFilters.map(f => `<span class="badge badge-info mr-1">${f} <button class="close" onclick="removeFilter('${f}')">&times;</button></span>`).join(''));
+                                $('#activeFilters').html(activeFilters.map(f => `<span class="badge badge-info mr-1">${f} <button class="close" onclick="removeFilter('${f}')">&times;</button></span>`).join('&nbsp&nbsp'));
+                                
                             }
                         });
 
-                        function removeFilter(filter) {
-                            const label = filter.split(':')[0];
-                            $(`select:has(option:contains('${filter.split(': ')[1]}'))`).val(null).trigger('change');
+                        function removeFilter(filter) { 
+                            const label = filter.split(':')[0]; 
+                            const select = $('label').filter(function() {
+                                return $(this).text().trim() === label;
+                            }).next('select');  
+
+                            const dateInput = $('label').filter(function(){
+                                return $(this).text().trim() === label;
+                            }).next('input')
+
+                            // Clear the select2 field
+                            if (select.length) {
+                                select.val(null).trigger('change');
+                            }
+                            // Clear the date field
+                            if(dateInput.length){
+                                dateInput.val(null).trigger('change');
+                            }
                         }
                         </script>