Replace work item list tabs with search tokens
Part of the requirements of supporting the consolidated work items list is to support a 'status' filter to switch between displaying Open and Closed work items. If we add a status filter, the status tabs are no longer needed:
| Tab | Filter | Logic |
|---|---|---|
| Open | status = 'Open' | only show 'Open' items |
| Closed | status = 'Closed' | only show 'Closed' items |
| All | no filter | show items with any status |
We should make this configurable via a prop to switch it on or off depending on where we're using WorkItemsListApp.
We will probably also need to make this prop visible on the EE version of WorkItemsListApp
Note: Unless #512661 (closed) is completed, do not apply this configuration to any particular use of
WorkItemsListApp. If it is completed, apply the configuration to enable the change on theWorkItemsListAppcomponent used on the new/work_itemspage.
Proposal
- Add a
withTabsprop which defaults totrue. - When
withTabsisfalse, do not pass thetabsprop toIssuableList - When
withTabsisfalse, includestatetokens in thesearchTokenprop onIssuableList - When
withTabsistrue(the default), preserve the existing functionality.
Requirements
- Must not display tabs for Opened, Closed, and All items when the
withTabsprop isfalse. - Must allow searching for Opened or Closed items in the search input when the
withTabsprop isfalse. - Must sync the
statesearch tokens with the page URL search parameters - If #512661 (closed) is complete, apply the change to the
/work_itemspage.
Edited by Chaitanya Sonwane