# Feature SPPM-31 - Move filters toggle and "+Project"-Button from header into content

Project: Stream Project Portfolio Management
Status: closed
URL: https://community.openproject.org/work_packages/SPPM-31

## Planning

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | Medium |
| Target versions | 13.3.0 |
| Votes |  |
| List |  |
| Roadmap |  |
| Relevance |  |

## OPEN POINTS / FEEDBACK

_No work packages_

## Features and Chunks

_No work packages_

## Bugs and other work packages

_No work packages_

## Technical Details

| Attribute | Value |
| --- | --- |
| Module |  |
| Feature Flag |  |
| Requires doc change | No |
| Enterprise plan |  |

## Details

| Attribute | Value |
| --- | --- |
| Pull preview |  |
| Mockups |  |
| Accessibility | No |

## People

| Attribute | Value |
| --- | --- |
| Assignee |  |
| Accountable |  |
| Product manager |  |
| Developers |  |
| Designer |  |
| Ordered by |  |
| Signed off by |  |
| Interest by |  |

## Estimates and progress

| Attribute | Value |
| --- | --- |
| PD (min) |  |
| PD (max) |  |
| Work |  |
| Labor costs |  |

## Description

**As** a user  
**I want to** to have a visual differentiation between the properties of the list and those of a project  
**so that** I can more easily discern the two

**Acceptance criteria**

*   "+Project" button is moved, the behaviour of leading to the project creation form is unchanged
*   Filters button is moved, the behaviour of toggling the form remains unchanged
*   Filters button shows number of active filters
    *   it is not 100% clear yet when the number will be increased
        *   It could be counted up whenever a filter is added even though it is not yet completed (e.g. adding the "Name or identifier" filter with the "contains" operator requires the user completing the filter by inserting a string to search for)
        *   It could be counted up only after the filter is completed and applied.

**Technical notes**

*   All of this is currently rendered by the [https://github.com/opf/openproject/blob/dev/app/views/projects/index.html.erb](https://github.com/opf/openproject/blob/dev/app/views/projects/index.html.erb) file
*   There is already a filter component but it does not contain the filter toggle button (yet)
    *   The component renders the filters. That part can probably stay the way it is for now.
*   That filter component ideally becomes generalized in a way that it can be applied to other pages as well
    *   Takes a query object to know about the available and selected filters regardless of whether the query is a project query or e.g. a user/member query.
*   The filter toggle button and the "+ Project" button are in the IndexPageHeaderComponent
*   Moving the filter toggle button inside the FiltersComponent would bundle functionality but might make it harder to have the "+ Project" button next to it
    *   This could be worked around by having [slots](https://viewcomponent.org/guide/slots.html) for the buttons
*   There is a [Stimulus ProjectController](https://github.com/opf/openproject/blob/dev/frontend/src/stimulus/controllers/dynamic/project.controller.ts) that does too many things. It is responsible for the filter behaviour but also includes functionality for the description toggling.
    *   A new controller should be created that is only concerned with the filters. The rest can stay in the ProjectController