Begin of the insertion**Acceptance criteria**

- OnEnd of the insertion Begin of the deletion **As an** OpenProject user
**I want** to inplace edit watchers inEnd of the deletion the Begin of the deletion details pane
**to achieve** a more consistent user experience

**Preface**

The current implementation of theEnd of the deletion watchers tab Begin of the insertionthere isEnd of the insertion Begin of the deletion lacks usability and has been criticized on multiple accounts. This idea containsEnd of the deletion a Begin of the insertionlist of allEnd of the insertion Begin of the deletion suggestion on howEnd of the deletion the Begin of the insertionwatchers. The design is similarEnd of the insertion Begin of the deletion watchers tabs might be updatedEnd of the deletion to Begin of the deletion be more in line withEnd of the deletion the Begin of the insertionproposal for relations below. The list consistsEnd of the insertion Begin of the deletion restEnd of the deletion of Begin of the insertionall users already added as watchers. Each row containsEnd of the insertion the Begin of the insertionavatarEnd of the insertion Begin of the deletion inplace-edit elementsEnd of the deletion and Begin of the deletion might beEnd of the deletion the Begin of the insertionname.
- Upon hover,End of the insertion Begin of the deletion base for a multiselect-component.
**Important**: IfEnd of the deletion the Begin of the insertionrowEnd of the insertion Begin of the deletion ideaEnd of the deletion is Begin of the insertionhighlighted (just like for in-place edit) andEnd of the insertion Begin of the deletion accepted, transform this ticket into an Epic.

**New Workflow**

The new isEnd of the deletion a Begin of the insertiondelete icon is displayedEnd of the insertion Begin of the deletion departure from the current workflow. It triesEnd of the deletion to Begin of the deletion achieve a more consistent style while keeping parts ofEnd of the deletion the Begin of the insertionright. Clicking onEnd of the insertion Begin of the deletion old implementation:


The element itself should behave likeEnd of the deletion the Begin of the insertiondelete icon will deleteEnd of the insertion Begin of the deletion rest ofEnd of the deletion the Begin of the insertionwatcher.
- Adding a watcherEnd of the insertion Begin of the deletion inplace-edit fields. Please note that in the edit mode, the “bubbles” should fill up more space in the edit field. A save menuEnd of the deletion is Begin of the insertiontriggeredEnd of the insertion Begin of the deletion attached to the field in edit mode. The user can add more watchersEnd of the deletion by Begin of the insertionfirst clicking on an extra rowEnd of the insertion Begin of the deletion typingEnd of the deletion (similar Begin of the deletion behaviourEnd of the deletion to Begin of the deletion a normal multiselect input (likeEnd of the deletion the Begin of the insertionwp description) which containsEnd of the insertion Begin of the deletion columns menu)/.


**Acceptance criteria**

- The watchers are displayed asEnd of the deletion a Begin of the insertionplaceholder like “ClickEnd of the insertion Begin of the deletion list of users with their avatars
- In normal mode By clicking on a user’s name I getEnd of the deletion to Begin of the insertionadd watcher”. Upon clicking, a **single** select (just likeEnd of the insertion the Begin of the insertionone for assignee/responsible) replacesEnd of the insertion Begin of the deletion user’s page
- By focusing/hoveringEnd of the deletion the Begin of the insertionplaceholder. Look and feelEnd of the insertion Begin of the deletion element area, the listEnd of the deletion is Begin of the deletion surrounded byEnd of the deletion the Begin of the insertionsame as for in-place edit.End of the insertion Begin of the deletion familiar edit indicatorEnd of the deletion
- Begin of the insertionWithinEnd of the insertion Begin of the deletion By activatingEnd of the deletion the Begin of the insertionscopeEnd of the insertion Begin of the deletion element (clicking, pressing enter) the list should be replaced by a multiselectEnd of the deletion of Begin of the insertionthis first step, there is alsoEnd of the insertion Begin of the deletion users
- Users can be added or removed inEnd of the deletion the Begin of the insertionsave menu attached toEnd of the insertion Begin of the deletion usual multiselect manner (clicking intoEnd of the deletion the Begin of the insertionsingle select with the only differenceEnd of the insertion Begin of the deletion field, startEnd of the deletion to Begin of the deletion type)
-End of the deletion the Begin of the insertionother in-place edit fields beingEnd of the insertion Begin of the deletion cursor should be highlighted asEnd of the deletion the Begin of the insertionabsence ofEnd of the insertion Begin of the deletion last element inEnd of the deletion the Begin of the insertion“Save and mail” button (doesn’t make sense). Upon sending,End of the insertion Begin of the deletion list after activatingEnd of the deletion the Begin of the insertionuserEnd of the insertion Begin of the deletion component
- A save menuEnd of the deletion is Begin of the insertionadded toEnd of the insertion Begin of the deletion displayed forEnd of the deletion the Begin of the insertionlist of watchers.End of the insertion Begin of the deletion edit modeEnd of the deletion
- The Begin of the insertionsingle select stays open but looses it’s selection so that the user can easily select the next user be added.

**Visuals**

- VeryEnd of the insertion Begin of the deletion component is accessible, i.e it should behave in aEnd of the deletion similar Begin of the deletion fashionEnd of the deletion to the Begin of the insertion´[concept chosen for the management of relations](https://community.openproject.org/attachments/6557/3-parent-edit.png)End of the insertion Begin of the deletion overview’s components
- should be accessible via keyboard, see open question on tab orderEnd of the deletion

Begin of the insertion**Out of scope**End of the insertion Begin of the deletion **Open questions**End of the deletion

- Begin of the insertionNo watcher adding on create,End of the insertion Begin of the deletion How isEnd of the deletion the Begin of the insertionwatchers can only be added on the watchersEnd of the insertion tab Begin of the insertion**after**End of the insertion Begin of the deletion order and cursor position after activatingEnd of the deletion the Begin of the insertionwork package is created. As adding a watcher will send out an e-mail, this should also work for creation.End of the insertion Begin of the deletion component?End of the deletion
- Begin of the insertionTriggerEnd of the insertion Begin of the deletion Can I navigateEnd of the deletion the Begin of the insertionsubmit on select elements (**all in-placeEnd of the insertion Begin of the deletion list inEnd of the deletion edit Begin of the insertionfields**) by hittingEnd of the insertion Begin of the deletion mode via cursor?
- Can there be a meaningful tooltip explaining howEnd of the deletion the Begin of the insertion“ENTER”-key (\#21002).End of the insertion Begin of the deletion component works.End of the deletion