Reusable search filter using URLs

[abhishek-compro]

Currently when I filter for anything, the URL stays the same (example: http://localhost:8000/admin/#/users/). This is a big drawback as I will have to specify the filters separately along with the URL that I am sharing with anyone.

What I would want is something like: http://localhost:8000/admin/#/users/?name__contains=john&id__gt=1321

[dantownsend]

Yeah, I agree.

We do actually support query params in the URL like this:

https://demo1.piccolo-orm.com/#/movie/?director=4

And also for the ordering:

http://localhost:8000/admin/#/users/?__order=-created_at

But when filters are applied in the sidebar, they're not updating the query params in the URL.

[sinisaos]

This could be achieved by adding something like this

// adding query params to url
this.$router.replace({
    path: this.$router.path,
    query: {
        ...json
    }
})

to here in RowFilter.vue

piccolo_admin/admin_ui/src/components/RowFilter.vue

Lines 89 to 91 in 7c69df9

	this.$store.commit("updateFilterParams", json)
	this.$store.commit("updateCurrentPageNumber", 1)

To clear query parameters in clearFilters function we can add something like this

// cleaning query params from url
this.$router.replace({
    path: this.$router.path,
    query: {}
})

Result is

[sinisaos]

Close this issue which is actually a duplicate of #42 . Both issues should be resolved with #469