**As** a team member in a scrum project
**I want to** be able to select and view small or large sets in my backlog bucket and sprints bucket
**so that** I can view a specific backlog and sprint at a glance.

<br>

**Acceptance criteria**

* On the Backlog and sprints page, there is a button on the backlogs side that triggers a multi-select SelectPanel:

* The button is titled Begin of the insertion&quot;**All backlogEnd of the insertion Begin of the deletion &quot;**BacklogEnd of the deletion buckets&quot;**&nbsp;

* On click, the user sees all existing buckets (identifiable by names) + backlog inbox. Backlog buckets appear on top. Backlog inbox at the bottom.

* The buckets within the backlog can be filtered (using the text filter) to only show a specific backlog bucket \[e.g, Low-hanging fruit\] or multiple buckets.

* On the Backlog and sprints page, there is a button on the sprints side that triggers a multi-select SelectPanel:

* The button is titled Begin of the insertion&quot;**All sprints&quot;**End of the insertion Begin of the deletion &quot;**Sprints&quot;**End of the deletion

* Clicking on **Sprints** means the user can view all existing sprints grouped by buckets.

* The items within the sprints can be filtered to only show a specific sprint bucket \[e.g, Sprint 2-Discovery\] or multiple sprint buckets.

* Only active and in planning sprints are available for selection.

* Selections made in the above selectors are reflected in the URL. Sharing URL url will carry the selected sprints and buckets to the new page load.


**Technical notes**

* The two buttons use the standard [**Select Panel**](https://qa.openproject-edge.com/lookbook/pages/components/select_panel) Begin of the insertioncomponent.End of the insertion Begin of the deletion component without any custom code.End of the deletion

* The Begin of the insertioninitial label on the buttons will be &quot;All backlog buckets&quot; and &quot;All sprints&quot; when no filtering is applied; and &quot;Backlogs (2)&quot; and &quot;Sprint (2)&quot; when active.

* The &quot;(2)&quot; represents a counter component.

* We&#39;re going to with the approach where we haveEnd of the insertion Begin of the deletion footer hasEnd of the deletion an Begin of the insertionApplyEnd of the insertion Begin of the deletion additional &#39;clear&#39;End of the deletion button Begin of the insertionto submitEnd of the insertion Begin of the deletion that doesn&#39;t come withEnd of the deletion the Begin of the insertionfiltering.

* The SelectPanel has aEnd of the insertion Begin of the deletion component but which the component allows. So theEnd of the deletion footer Begin of the insertionimplemented at this feature level withEnd of the insertion Begin of the deletion includesEnd of the deletion two buttons:

* Begin of the insertionClear (secondary, clears the selection and goesEnd of the insertion Begin of the deletion &quot;Clear&quot; (secondary): GoesEnd of the deletion back to default Begin of the insertionstate, submits the requestEnd of the insertion Begin of the deletion state (none selected)End of the deletion and closes the Begin of the insertionpanel)End of the insertion Begin of the deletion panel.End of the deletion

* Begin of the insertionApply (primary, submitsEnd of the insertion Begin of the deletion &quot;Apply&quot; (primary): AppliesEnd of the deletion the Begin of the insertionrequestEnd of the insertion Begin of the deletion current selectionEnd of the deletion and closes the Begin of the insertionpanel)End of the insertion Begin of the deletion panel.End of the deletion

* Begin of the insertionYou do not haveEnd of the insertion Begin of the deletion **Note:** Adding a counterEnd of the deletion to Begin of the insertionnot implementEnd of the insertion Begin of the deletion thisEnd of the deletion apply button Begin of the insertionwith counter, we already have a feature for this: <mentionEnd of the insertion Begin of the deletion is out of scope, will be handled within the component in <mentionEnd of the deletion class="mention" data-id="75516" data-type="work_package" Begin of the insertiondata-text="##DREAM-700" data-display-id="DREAM-700">##DREAM-700</mention>End of the insertion Begin of the deletion data-text="##SDS-700" data-display-id="SDS-700">##SDS-700</mention>.End of the deletion


**Permissions and visibility considerations**

* _\-_


**Translation considerations**

* _\-_


**Out of scope**

* Storing the selected values in the backend.