Sync filters with url parameters for policy list

Why are we doing this work

Security Policy list has two filters: policy type and source

It could be beneficial for UX to sync selected filters with url parameters, so when user select filters it would be synced with routing history

And when user refreshes the page, selected filters stay selected

Relevant links

Non-functional requirements

• Documentation:
• Feature flag:
• Performance:
• Testing:

Implementation plan

1. Add utility url functions to ee/security_orchestration/components/policies/list_component.vue
2. Url should be synced when either source_filter.vue or type_filter.vue emits event
3. Use updateHistory and setUrlParams combination same as in ee/security_orchestration/components/policy_editor/app.vue
4. Add tests

Verification steps

1. Go to Secure -> Policies
2. Make sure you have different polices created, different by type and source
3. Select filter, make sure it is reflected in url
4. Refresh the page, make sure filters stay selected
5. Go back and forth from page, make sure url with selected filters stays in browsing history