Store advanced search to local storage

Author: tungleduyxyz

app/assets/javascripts/kaui/multi_functions_bar_utils.js

@@ -141,6 +141,9 @@ function clearAdvanceSearch() {
   // Remove all search labels
   $('#search-labels-container').empty();
 
+  // Clear persisted search for this page
+  localStorage.removeItem('kaui_adv_search_' + window.location.pathname);
+
   // Reload the page with the original URL (no parameters)
   window.location.href = window.location.pathname;
 
@@ -226,8 +229,10 @@ $(document).on('click', '.filter-close-icon', function() {
     var pushParams = (searchParams || '').replace(/account_id/g, 'ac_id');
     var newUrl = window.location.protocol + "//" + window.location.host + window.location.pathname + '?' + pushParams;
     window.history.pushState({ path: newUrl }, '', newUrl);
+    localStorage.setItem('kaui_adv_search_' + window.location.pathname, searchParams);
   } else {
     var newUrl = window.location.protocol + "//" + window.location.host + window.location.pathname;
     window.history.pushState({ path: newUrl }, '', newUrl);
+    localStorage.removeItem('kaui_adv_search_' + window.location.pathname);
   }
 });

app/views/kaui/accounts/_account_filterbar.html.erb

@@ -80,6 +80,15 @@
 
 <%= javascript_tag do %>
 $(document).ready(function() {
+  // Restore advanced search from localStorage if no search params in current URL
+  if (!window.location.search.includes('_q=1')) {
+    var savedSearch = localStorage.getItem('kaui_adv_search_' + window.location.pathname);
+    if (savedSearch) {
+      window.location.replace(window.location.pathname + '?' + savedSearch);
+      return;
+    }
+  }
+
   populateSearchLabelsFromUrl();
   var dateFields = ['Created date', 'Updated date', 'Reference time'];
   // Handle the "Add" button click to add new search fields
@@ -128,6 +137,7 @@ $(document).ready(function() {
       searchParams = searchParams.replace(/account_id/g, 'ac_id');
       var newUrl = window.location.protocol + "//" + window.location.host + window.location.pathname + '?' + searchParams;
       window.history.pushState({ path: newUrl }, '', newUrl);
+      localStorage.setItem('kaui_adv_search_' + window.location.pathname, searchParams);
     }
 
     searchFields.each(function() {

app/views/kaui/accounts/index.html.erb

@@ -114,6 +114,18 @@ $(document).ready(function() {
     }
   });
 
+  // If the page loaded with advanced search params in the URL (e.g. restored from
+  // localStorage) but @advance_search_query was not set server-side, re-fire the
+  // DataTable request with the correct filters.
+  if (window.location.search.includes('_q=1') && '<%= @advance_search_query.to_s.strip %>' === '') {
+    var urlSearch = window.location.search.substring(1).replace(/ac_id/g, 'account_id');
+    var ajaxUrl = "<%= accounts_pagination_path(:ordering => @ordering, :format => :json) %>" + '?' + urlSearch;
+    table.on('preXhr.dt.filter', function(e, settings, data) {
+      data.search.value = urlSearch;
+    });
+    table.ajax.url(ajaxUrl).load();
+  }
+
   <!-- When we don't know the total number of pages, we need to hide the legend and next button manually -->
   $('#accounts-table').on('draw.dt', function() {
     <% if @max_nb_records.nil? %>

app/views/kaui/invoices/_invoice_filterbar.html.erb

@@ -92,6 +92,15 @@
 
 <%= javascript_tag do %>
 $(document).ready(function() {
+  // Restore advanced search from localStorage if no search params in current URL (global /invoices page only)
+  if (!window.location.search.includes('_q=1') && !window.location.pathname.includes('/accounts/')) {
+    var savedSearch = localStorage.getItem('kaui_adv_search_' + window.location.pathname);
+    if (savedSearch) {
+      window.location.replace(window.location.pathname + '?' + savedSearch);
+      return;
+    }
+  }
+
   populateSearchLabelsFromUrl();
   var dateFields = ['Invoice date', 'Target date'];
   // Handle the "Add" button click to add new search fields
@@ -136,6 +145,9 @@ $(document).ready(function() {
       searchParams = searchParams.replace(/account_id/g, 'ac_id');
       var newUrl = window.location.protocol + "//" + window.location.host + window.location.pathname + '?' + searchParams;
       window.history.pushState({ path: newUrl }, '', newUrl);
+      if (!window.location.pathname.includes('/accounts/')) {
+        localStorage.setItem('kaui_adv_search_' + window.location.pathname, searchParams);
+      }
     }
 
     searchFields.each(function() {

app/views/kaui/invoices/index.html.erb

@@ -102,6 +102,18 @@ $(document).ready(function() {
     }
   });
 
+  // If the page loaded with advanced search params in the URL (e.g. restored from
+  // localStorage) but @advance_search_query was not set server-side, re-fire the
+  // DataTable request with the correct filters.
+  if (window.location.search.includes('_q=1') && '<%= @advance_search_query.to_s.strip %>' === '' && !window.location.pathname.includes('/accounts/')) {
+    var urlSearch = window.location.search.substring(1).replace(/ac_id/g, 'account_id');
+    var ajaxUrl = "<%= invoices_pagination_path(:ordering => @ordering, :format => :json) %>" + '?' + urlSearch;
+    table.on('preXhr.dt.filter', function(e, settings, data) {
+      data.search.value = urlSearch;
+    });
+    table.ajax.url(ajaxUrl).load();
+  }
+
   // Custom sorting functionality
   var currentSortColumn = invoiceDateColIndex;
   var currentSortDirection = 'desc';

app/views/kaui/payments/_payment_filterbar.html.erb

@@ -87,6 +87,15 @@
 
 <%= javascript_tag do %>
 $(document).ready(function() {
+  // Restore advanced search from localStorage if no search params in current URL (global /payments page only)
+  if (!window.location.search.includes('_q=1') && !window.location.pathname.includes('/accounts/')) {
+    var savedSearch = localStorage.getItem('kaui_adv_search_' + window.location.pathname);
+    if (savedSearch) {
+      window.location.replace(window.location.pathname + '?' + savedSearch);
+      return;
+    }
+  }
+
   populateSearchLabelsFromUrl();
 
   // Handle the "Add" button click to add new search fields
@@ -130,6 +139,9 @@ $(document).ready(function() {
       searchParams = searchParams.replace(/account_id/g, 'ac_id');
       var newUrl = window.location.protocol + "//" + window.location.host + window.location.pathname + '?' + searchParams;
       window.history.pushState({ path: newUrl }, '', newUrl);
+      if (!window.location.pathname.includes('/accounts/')) {
+        localStorage.setItem('kaui_adv_search_' + window.location.pathname, searchParams);
+      }
     }
 
     searchFields.each(function() {

app/views/kaui/payments/index.html.erb

@@ -117,6 +117,18 @@ $(document).ready(function() {
     "search": {"search": "<%= @search_query %>"},
   });
 
+  // If the page loaded with advanced search params in the URL (e.g. restored from
+  // localStorage) but @advance_search_query was not set server-side, re-fire the
+  // DataTable request with the correct filters.
+  if (window.location.search.includes('_q=1') && '<%= @advance_search_query.to_s.strip %>' === '' && !window.location.pathname.includes('/accounts/')) {
+    var urlSearch = window.location.search.substring(1).replace(/ac_id/g, 'account_id');
+    var ajaxUrl = "<%= payments_pagination_path(:ordering => @ordering, :format => :json) %>" + '?' + urlSearch;
+    table.on('preXhr.dt.filter', function(e, settings, data) {
+      data.search.value = urlSearch;
+    });
+    table.ajax.url(ajaxUrl).load();
+  }
+
   // Custom sorting functionality
   var currentSortColumn = -1;
   var currentSortDirection = 'asc';

config/locales/en.yml

@@ -50,6 +50,7 @@ en:
       clock_reset_successfully: 'Clock was successfully reset'
       overdue_uploaded_successfully: 'Overdue config was successfully uploaded'
       overdue_added_successfully: 'Overdue config was successfully added'
+      overdue_updated_successfully: 'Overdue config was successfully updated'
       invoice_template_uploaded_successfully: 'Invoice template was successfully uploaded'
       invoice_translation_uploaded_successfully: 'Invoice translation was successfully uploaded'
       catalog_translation_uploaded_successfully: 'Catalog translation was successfully uploaded'