# Feature OP-9770 - Removing work packages from the team planner

Project: OpenProject
Status: closed
URL: https://community.openproject.org/work_packages/OP-9770

## Planning

| Attribute | Value |
| --- | --- |
| Date | 2021-11-01 – 2022-02-27 |
| Priority | Medium |
| Target versions | 12.1.0 |
| Sprint | 12.1.0 |
| Backlog bucket |  |
| 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 | Yes |
| Enterprise plan |  |

## Details

| Attribute | Value |
| --- | --- |
| Pull preview |  |
| Mockups |  |
| Found in mobile app version |  |
| Follow-up feedback e-mail |  |
| 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 of the team planner  
**I want to** be able to easily remove a WP from a team planner board without manually removing the assignee or changing the start and finish dates  
**so that** it takes less time when I know something has to rescheduled/re-planned but I don't that the newer values are.

### Note

Work packages are never really "removed" from the team planner, since the team planner is merely a view (and neither property of the work package, nor a defined container). It merely shows all work packages for a list of assignees that meet the filter criteria for a particular date range.

The only ways to "remove" a work package from view are to:

1.  Add a filter that would exclude that work package.
2.  Remove the assignee, or change to one that has not been added to the planner (and is thus not visible).
3.  Change the start/end dates so the currently visible date range does not fall in between them.

We offer users a way to combine the last two actions -- remove assignee along with the start and end dates -- in one easy action.

### Acceptance criteria

  - When a user starts dragging a work package, along with the hovered date ranges on the calendar being highlighted in blue, a drag zone appears at the bottom, to the right of the "+ Add assignee" button.
  - The drag zone spans the full available width to the right.
  - It contains this hint: "Drag here to remove assignee and start and end dates."
  - When a work package is dragged to this zone, the state of the zone changes (blue fill) to communicate that the drag zone has an acceptable work package, and that dropping it there will perform an action.
  - **Open:** How does the error state look like?
  - On mouse out, the work package is "removed" from the current view (it disappears) and a green success toast informs the user: "Assignee and start/finish dates successfully removed."
      - **Open**: This cannot be easily implemented, is the "Successful update." message acceptable?
  - ~~The work package becomes available again via the left-hand add existing search pane.~~ Extracted into <mention class="mention" data-id="40988" data-type="work_package" data-text="#40988">\#40988</mention> 
  - ~~This zone (the Add Existing button and remove drag zone) are always visible, even when the number of added assignees exceeds the number that can be shown without scroll. These two elements need be sticky once they reach the bottom end of the available vertical space in the viewport.~~
      - ~~Starting from this point, the team planner calendar area will need to scroll vertically, keeping that add assignee button anchored to the bottom.~~ Extracted into separate feature <mention class="mention" data-id="40981" data-type="work_package" data-text="#40981">#40981</mention>

### Visuals

***The drag zone appears when dragging work packages***

<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/27255/content"></div></figure>

***Dragging the work package to the zone turns it blue***

<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/27256/content"></div></figure>

***A success toast informs the user that assignee and start/finish dates were successfully removed***

<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/27257/content"></div></figure>

### Figma prototype

Link: <https://www.figma.com/file/409d6qR685SzZLXez4TPl7/Team-Planner?node-id=1319%3A52447>
