✨ [2687] Display selected statuses for multiselect filter

[jiromaykin]

Taiga: https://taiga.maykinmedia.nl/project/open-inwoner/task/2687

• `Implement the “selected" status of each filter option,
• Add the Sum of all Selected checkboxes: + “Als er in een multi-select 1 filter geselecteerd is, dan kunnen we die direct tonen.”
• “Heeft de gebruiker meer dan 1 filter geselecteerd, dan kunnen wij een label "X actieve filters" tonen.”
• keep checked/selected state on refresh
• ellipsis?
• make plural variable in submit button
• make reset-filters button appear only when >zero statuses are checked - which submits form
• make the Close icon reset filters without submit
• also implementing accessibility from task https://taiga.maykinmedia.nl/project/open-inwoner/task/2729

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 94.94%. Comparing base (7f55115) to head (bfdc0ef).

Additional details and impacted files

@@           Coverage Diff            @@
##           develop    #1389   +/-   ##
========================================
  Coverage    94.94%   94.94%           
========================================
  Files         1043     1043           
  Lines        38290    38290           
========================================
  Hits         36353    36353           
  Misses        1937     1937           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[jiromaykin]

@pi-sigma I kept this out for now, but see how you feel about this, once you start interacting with the component.

[pi-sigma]

Currently there is no way to re-select all aanvragen after filtering through the form (you have to deselect the filters and then refresh the page). So this should definitely be added.

Alternatively, always show the form button. In this case, the button also needs the correct number (currently it has "Toon 0 resultaten" if I manually change the relevant conditional in multiselect_listbox_checkbox.js), or the text could just be "Toon alle resultaten" if no filter is selected.

The console.log from below though can be deleted of course

[pi-sigma]

Currently there is no way to re-select all aanvragen after filtering through the form (you have to deselect the filters and then refresh the page). So this should definitely be added.

Alternatively, always show the form button. In this case, the button also needs the correct number (currently it has "Toon 0 resultaten" if I manually change the relevant conditional in multiselect_listbox_checkbox.js), or the text could just be "Toon alle resultaten" if no filter is selected.

The console.log from below though can be deleted of course

[pi-sigma]

One more thing: the x on the filter form currently has no function, which is a bit surprising (I expect to be able to close windows, modals etc. by clicking on the x in the corner).