Respond to back button events (onpopstate) in the Runner filtered search

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

Description

Spin-off from: #329658 (closed)

The user should return to the previous search state when the user presses the back button:

2021-06-16_15.59.20

Implementation details

The entry point of the admin runners page is located at: app/assets/javascripts/runner/admin_runners/admin_runners_app.vue.

In order to respond to back button events we listen to window popstate events when mounted:

// Pseudo code!
mounted() {
  window.addEventListener('popstate', () => {
    this.search = fromUrlQueryToSearch();
  });
},

Updating the this.search object should update the current state to the filters and search bar, and also update the runners data.

Edited by 🤖 GitLab Bot 🤖