Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/krisslk/save-my-filters
this npm plugin will save your applied to session storage with a url as the key
https://github.com/krisslk/save-my-filters
Last synced: about 2 months ago
JSON representation
this npm plugin will save your applied to session storage with a url as the key
- Host: GitHub
- URL: https://github.com/krisslk/save-my-filters
- Owner: Krisslk
- License: mit
- Created: 2024-07-30T15:08:05.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-07-30T19:23:21.000Z (5 months ago)
- Last Synced: 2024-10-01T09:22:54.952Z (3 months ago)
- Language: JavaScript
- Size: 4.88 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# save-my-filters
this npm plugin will save your applied filters to session storage with a url as the key,
to use this module pass the url alone with filters object into saveFilters function, it will convert the filters object
into json stringify and store it inside the session storage of the web browser under the provided url as the keyexample code :
step 1 : import saveFilters func from the module
step 2 : pass the prefered url as first parameter and second parameter should be a json object which contains filter params
let baseParams = {
'keyword':'',
'customerType':1,
}saveFilters(Routes.Customers.path,baseParams);
step 3 : to retrieve filter params, first in your react component get the current url, pass that into the checkAndGetFilters func in the module, if there are applied filters saved in the session storage with the matching url to the current route you provided then it will return the data as json object or else returns false
let filters = checkAndGetFilters(Routes.Customers.path);