Removed minified daterangepicker, made filter table populate initial values if they exist

Author: wes-otf

hypha/apply/funds/templates/funds/includes/table_filter_and_search.html

@@ -55,10 +55,20 @@ <h2 class="section-header">{{ heading }}</h2>
 <div>
     {% get_filtered_query request filter.form as filtered_query %}
     {% if filtered_query %}
+<<<<<<< HEAD
         <div class="flex flex-wrap gap-2 items-center my-2">
             <a href="./" class="btn btn-ghost btn-sm btn-link link-hover">
                 {% trans "Clear current filters & sorts" %}
                 {% heroicon_micro "x-mark" aria_hidden="true" class="size-4" %}
+=======
+        <div class="flex flex-wrap gap-2 items-center mt-2">
+            <a
+                href="./"
+                class="btn btn-ghost btn-sm btn-link link-hover"
+            >
+                {% heroicon_mini "x-mark" aria_hidden="true" fill="currentColor" %}
+                {% trans "Clear current filters & sorts" %}
+>>>>>>> 6e8728a68 (Removed minified daterangepicker, made filter table populate initial values if they exist)
             </a>
 
             {% for query in filtered_query %}
@@ -104,7 +114,7 @@ <h2 class="section-header">{{ heading }}</h2>
                         {% enddropdown_menu %}
                     {% else %}
                         {% dropdown_menu title=field.label heading=field|get_dropdown_heading position="right" %}
-                            <calendar-range class="mx-auto cally" onchange="updateURL(this.value, '{{field_name}}')">
+                            <calendar-range class="mx-auto cally" onchange="updateURL(this.value, '{{field_name}}')" data-field-name='{{field_name}}'>
                                 {% heroicon_micro "chevron-left" aria_label="Previous" slot="previous" aria_hidden=true size=18 %}
                                 {% heroicon_micro "chevron-right" aria_label="Next" slot="next" aria_hidden=true size=18 %}
                                 <calendar-month></calendar-month>
@@ -130,6 +140,23 @@ <h2 class="section-header">{{ heading }}</h2>
                                 window.history.pushState({}, '', url);
                                 location.reload(); // Reload to apply the filter
                             }
+
+                            document.addEventListener("DOMContentLoaded", function () {
+                                // Get all date pickers and set their initial range values based on the URL params
+                                document.querySelectorAll(".cally").forEach((datepicker) => {
+                                    const fieldName = datepicker.getAttribute("data-field-name");
+
+                                    const params = new URL(window.location).searchParams;
+
+                                    const startDate = params.get(`${fieldName}_after`);
+                                    const endDate = params.get(`${fieldName}_before`);
+
+                                    if (startDate && endDate) {
+                                        datepicker.value = `${startDate}/${endDate}`
+                                    }
+
+                                })
+                            })
                         </script>
                     {% endif %}
                 </nav>