# Feature DREAM-133 - Use Primer's PageHeader component on the WorkPackage list view

Project: Stream Design System
Status: on hold
URL: https://community.openproject.org/work_packages/DREAM-133

## Planning

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | Medium |
| Target versions | Product Backlog |
| Sprint |  |
| Backlog bucket |  |
| Votes |  |
| List |  |
| Roadmap |  |
| Relevance |  |

## OPEN POINTS / FEEDBACK

| ID | Subject | Status | Decision |
| --- | --- | --- | --- |
| DREAM-174 | We're about to remove the "back" button on work package details view. Are we okay with this? | needs clarification |  |

## Features and Chunks

_No work packages_

## Bugs and other work packages

_No work packages_

## Technical Details

| Attribute | Value |
| --- | --- |
| Module | Modules and project features / Query and filter, Modules and project features / Work packages, Frontend components and Primer design system, Frontend components and Primer design system / Page header |
| Feature Flag |  |
| Requires doc change | Yes |
| Enterprise plan |  |

## Details

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

## People

| Attribute | Value |
| --- | --- |
| Assignee | Henriette Darge |
| Accountable | Henriette Darge |
| Product manager |  |
| Developers | Henriette Darge |
| Designer | Marc Alcobé |
| Ordered by |  |
| Signed off by |  |
| Interest by |  |

## Estimates and progress

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

## Description

# Pain

In the scope of introducing the "pin" and "star" concept on Work Package lists, we want to be able to reuse parts of the logic we already wrote for the project lists. Therefore, it is necessary to move the PageHeader of the list towards Primer and its components: `Primer::OpenProject::PageHeader` and `Primer::OpenProject::SubHeader`

# Acceptance

*   This ticket only covers the rework of the current functionality of the WorkPackage list view, with the  `Primer::OpenProject::PageHeader` and `Primer::OpenProject::SubHeader` components, no new functionality for sharing or pinning is added here
    
*   The PageHeader consists of:
    
    *   The editable title
        
    *   Full screen button
        
    *   Settings button
        
    *   (later on, the star button and the sharing button but out of scope for this ticket)
        
*   The SubHeader consists of:
    
    *   Filter button
        
    *   Create button
        
*   the content of the "Include projects" and "Baseline" dropdowns remains unchanged (and thus in Angular)
    
*   When a saved query is changed,
    
    *   there will be no save icon in front of the query name.
        
    *   Instead, we follow the same pattern as on the project list: On the right, there is an indicator saying "List modified: {{_save\_icon}} Save"._ Clicking on "Save" will save the view
        
*   Ideally, the header of the Gantt module is changed in the same run (as they share the same implementation)
    
    *   For BIM, we have to check
        
*   Unfortunately, this has to include the removal of ui-Router
    

# Figma

https://www.figma.com/design/tUkyiLDn5ax7Q9DAhxlS69/Sub-headers-concept?node-id=37-97209&t=lxSM36zGOjPWVYip-4

# Open Questions

*   Will we change the BIM module header in the same run?
    
*   Where to put the Baseline button?
    
*   Where to put the ProjectIncludes button?
    
*   Can we somehow implement the "Show split screen" button?
    

# Out of scope

*   The Work Package full view remains unchanged