# Feature DREAM-441 - Split project overview into tabs "Dashboard" and "Overview"

Project: Stream Design System
Status: closed
URL: https://community.openproject.org/work_packages/DREAM-441

## Planning

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

## OPEN POINTS / FEEDBACK

_No work packages_

## Features and Chunks

| ID | Subject | Type | Status | Assignee | Target versions | Spent time |
| --- | --- | --- | --- | --- | --- | --- |
| DREAM-452 | Split up Overview and Dashboard | Implementation | closed |  | 17.0.0 |  |
| DREAM-466 | Create components out of homescreen widget-box style | Implementation | closed |  | 16.6.0 |  |
| DREAM-469 | Primerize news widget | Implementation | closed |  | 16.5.0 |  |
| DREAM-470 | Primerize members widget | Implementation | closed |  | 16.6.0 |  |
| DREAM-491 | Improve `WidgetComponent` and related APIs | Implementation | closed |  | 16.6.0 |  |

## Bugs and other work packages

| ID | Type | Subject | Status | Assignee | Target versions | Spent time | Module |
| --- | --- | --- | --- | --- | --- | --- | --- |
| DREAM-483 | Code maintenance | Componentize Homescreen Announcements | closed |  | 16.6.0 |  | Modules and project features / Homepage, Frontend components and Primer design system |
| DREAM-482 | Code maintenance | Componentize Homescreen Links | closed |  | 16.6.0 |  | Modules and project features / Homepage, Frontend components and Primer design system |
| DREAM-472 | Code maintenance | Rework Homescreen blocks to use `WidgetGridComponent` | closed |  | 16.6.0 |  | Frontend components and Primer design system |
| DREAM-543 | Bug | On mobile, widgets are displayed below the projects attributes | rejected |  | Product Backlog |  | Modules and project features / Project overview, Native apps / Mobile, Frontend components and Primer design system |
| DREAM-541 | Bug | /dashboard URL is not persisted when navigating from project to project | rejected |  | Product Backlog |  | Modules and project features / Project overview, Frontend components and Primer design system, Modules and project features / Navigation |
| DREAM-542 | Bug | Wording on Subitems/Subproject and Members widgets blankslate is inaccurate | needs clarification |  |  |  | Modules and project features / Project overview, Frontend components and Primer design system |

## Technical Details

| Attribute | Value |
| --- | --- |
| Module | Modules and project features / Project overview, Frontend components and Primer design system |
| Feature Flag |  |
| Requires doc change | Yes |
| Enterprise plan |  |

## Details

| Attribute | Value |
| --- | --- |
| Pull preview |  |
| Mockups | https://www.figma.com/design/kjzHe0qOLme1LXCjLoTBFV/Overview-and-Dashboard?node-id=123-6824 |
| Accessibility | No |

## People

| Attribute | Value |
| --- | --- |
| Assignee |  |
| Accountable | Henriette Darge |
| Product manager |  |
| Developers |  |
| Designer | Parimal Satyal |
| Ordered by |  |
| Signed off by |  |
| Interest by |  |

## Estimates and progress

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

## Description

**Acceptance criteria**

  - The overview menu changes to
    
      - Project home
    
      - Program home
    
      - Portfolio home

  - The  page is split into two tabs: "Overview" and "Dashboard"

  - The current overview page is moved to a separate tab on that page "Dashboard"
    
      - This page no longer shows the right pane
    
      - This page uses a different route so it can be bookmarked

  - A new "Overview" tab is added that shows the current right pane
    
      - A set of fixed widgets controlled by the application is shown there:
        
          - Main section
            
            1.  Project description
            
            2.  Project status
            
            3.  Members
            
            4.  Sub-projects (if there are sub-projects)
            
            5.  News (if active in that project)
        
          - Sidebar
            
              - Project lifecycle dates
            
              - Project attribute sections

  - The defaults are hard-coded for each type

  - ~~Once the type is created, the user can then customise~~ *~~that~~* ~~Overview page by moving things around and adding/removing available widgets~~

**Technical notes**

  - None

**Permissions and visibility considerations**

  - None

**Translation considerations**

  - None

**Out of scope**

  - Customizing the project overview (separate work package)
    
      - Action to revert back to default once changes are made

  - Different homes for programs and portfolio (separate work package, <mention class="mention" data-id="67610" data-type="work_package" data-text="##67610">\#\#67610</mention> )

  - <mention class="mention" data-id="67274" data-type="work_package" data-text="##67274">##67274</mention>