Initial commit

static/js/sorting.js

@@ -0,0 +1,66 @@
+$(document).ready(function () {
+        function fetchResults(sortBy = '', sortOrder = '') {
+            let formData = $('#search-form').serialize();
+            formData += &sort_by=${sortBy}&sort_order=${sortOrder};
+
+            $.ajax({
+                type: 'POST',
+                url: '/search_contractor',
+                data: formData,
+                success: function (data) {
+                    let tableBody = $('#result-table tbody');
+                    tableBody.empty();
+
+                    if (data.length === 0) {
+                        tableBody.append('<tr><td colspan="6">No data found</td></tr>');
+                    } else {
+                        data.forEach(function (row) {
+                            tableBody.append(`
+                                <tr>
+                                    <td><a href="/contractor_report/${row.Contractor_Id}" target="_blank">${row.Contractor_Name}</a></td>
+                                    <td><a href="/pmc_report/${row.PMC_No}" target="_blank">${row.PMC_No}</a></td>
+                                    <td>${row.State_Name}</td>
+                                    <td>${row.District_Name}</td>
+                                    <td>${row.Block_Name}</td>
+                                    <td>${row.Village_Name}</td>
+                                </tr>
+                            `);
+                        });
+                    }
+                },
+                error: function (xhr) {
+                    alert(xhr.responseJSON.error);
+                }
+            });
+        }
+
+        $('#search-form input').on('keyup change', function () {
+            fetchResults();
+        });
+
+        function showSortOptions(thElement, column) {
+            let sortMenu = $('#sort-options');
+            let offset = $(thElement).position();
+            let thHeight = $(thElement).outerHeight();
+
+            sortMenu.html(`
+                <button onclick="fetchResults('${column}', 'ASC')">Ascending</button>
+                <button onclick="fetchResults('${column}', 'DESC')">Descending</button>
+            `);
+
+            sortMenu.css({
+                display: 'block',
+                top: offset.top + thHeight + 'px',
+                left: offset.left + 'px'
+            });
+        }
+
+        $(document).click(function(event) {
+            if (!$(event.target).closest('.sort-options, th').length) {
+                $('#sort-options').hide();
+            }
+        });
+
+        window.fetchResults = fetchResults;
+        window.showSortOptions = showSortOptions;
+    });