Content
View differences
Updated by Oliver Günther over 4 years ago
**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 The work package becomes available again via the left-hand add existing search pane.~~ Extracted into pane.
* _**Open**: this might require a refresh to the search term? <mention class="mention" data-id="40988" data-type="work_package" data-text="#40988">#40988</mention> data-id="87" data-type="user" data-text="@Jens Ulferts">@Jens Ulferts</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 #40981
### 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](https://www.figma.com/file/409d6qR685SzZLXez4TPl7/Team-Planner?node-id=1319%3A52447)
**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
* _**Open**: this might require a refresh to the search term?
* ~~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 #40981
### 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](https://www.figma.com/file/409d6qR685SzZLXez4TPl7/Team-Planner?node-id=1319%3A52447)