**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**

* Begin of the insertionThere are buttons in bothEnd of the insertion Begin of the deletion OnEnd of the deletion the Begin of the insertionBacklogsEnd of the insertion Begin of the deletion BacklogEnd of the deletion and Begin of the insertionSprints sections ofEnd of the insertion Begin of the deletion sprints page, there is a button onEnd of the deletion the Begin of the insertionpageEnd of the insertion Begin of the deletion backlogs sideEnd of the deletion that Begin of the insertionlets users filter and show only specific backlog buckets or sprints.End of the insertion Begin of the deletion triggers a multi-select SelectPanel:End of the deletion

* The Begin of the insertiontwo buttons use the standard [**SelectPanel**](https://qa.openproject-edge.com/lookbook/pages/components/select_panel) component.

* The initial label on the buttons will beEnd of the insertion Begin of the deletion button is titledEnd of the deletion &quot;**All backlog Begin of the insertionbuckets**&quot; and &quot;**All sprints**&quot; when no filtering is applied. The label will be grey.End of the insertion Begin of the deletion buckets&quot;**&nbsp;End of the deletion

* Begin of the insertionThe labels will be &quot;**Backlogs (2)**&quot; and &quot;**Sprint (2)**&quot; when active, and in a darker black colour.

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

* For backlogs:

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

End of the insertion Begin of the deletion

End of the deletion * 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. Begin of the insertion

End of the insertion Begin of the deletion

End of the deletion * Begin of the insertionFor sprints:End of the insertion Begin of the deletion On the Backlog and sprints page, there is a button on the sprints side that triggers a multi-select SelectPanel:End of the deletion

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

* Clicking on **Sprints** meansEnd of the deletion the user Begin of the insertionseesEnd of the insertion Begin of the deletion can viewEnd of the deletion all Begin of the deletion existingEnd of the deletion sprints Begin of the insertion(active and in planning) available to the project.End of the insertion Begin of the deletion grouped by buckets.End of the deletion

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

* Only active and in planning sprints are available for selection.End of the deletion

* Begin of the deletion 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**

* End of the deletion The Begin of the insertionuser has to clickEnd of the insertion Begin of the deletion two buttons use the standard [**Select Panel**](https://qa.openproject-edge.com/lookbook/pages/components/select_panel) component.

* The initial labelEnd of the deletion on the Begin of the deletion 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 have anEnd of the deletion Apply button to Begin of the insertionenableEnd of the insertion Begin of the deletion submit theEnd of the deletion filtering.

* The SelectPanel has a footer implemented at this feature level with two buttons:

* Begin of the insertion**Clear**End of the insertion Begin of the deletion ClearEnd of the deletion (secondary, clears the selection and goes back to default state, submits the request and closes the panel)

* Begin of the insertion**Apply**End of the insertion Begin of the deletion ApplyEnd of the deletion (primary, submits the request and closes the panel)

* You do not have to Begin of the deletion notEnd of the deletion implement Begin of the insertionthe counter in the Apply button,End of the insertion Begin of the deletion apply button with counter,End of the deletion we already have a feature Begin of the insertionto implement this separately:&nbsp;<mentionEnd of the insertion Begin of the deletion for this: <mentionEnd of the deletion class="mention" data-id="75516" data-type="work_package" data-text="##DREAM-700" data-display-id="DREAM-700">##DREAM-700</mention>


Begin of the insertion**Technical notes**

* 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.


End of the insertion **Permissions and visibility considerations**

* _\-_


**Translation considerations**

* _\-_


**Out of scope**

* Storing the selected values in the backend.