Content
View differences
Updated by Marc Alcobé almost 5 years ago
**As a** project member
**I want to** filter my notifications by project or my involvement type
**so that** identify and access the most relevant notifications quickly.
**Note**
This builds on the filters that were out of scope for work package <mention class="mention" data-id="38592" data-type="work_package" data-text="#38592">#38592</mention> concerning the Main List view.
**Visuals**
_Visual 1: Project Filter_
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/22015/content"></div></figure>
_Visual 2: Involvement Filter_
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/22027/content"></div></figure>
src="/api/v3/attachments/22016/content"></div></figure>
**Acceptance Criteria**
* Besides unread/all (already implemented), there are two other filters that are available to users in the "Inbox" view in notification center: project and involvement.
* The length of these two filter drop-downs is fixed (length to be discussed; the idea is to have both filters be visible in split screen view). All text that exceed this fixed-length are truncated with a "...".
* By default, the project and involvement criteria are both inactive (i.e, notifications from all projects and for all involvement types are displayed)
* When the filters are inactive, they will respectively simply read:"Project" and "Involvement".
* When the user clicks on the Project dropdown list, they are afforded the ability to select individual projects (including sub-projects) via a list of checkboxes that represent existing project hierarchies (much like the drop-down that is displayed when clicking on "Projects" in the top-left corner of the screen today).
* The the list of projects is scrollable; its height should be limited to ensure that the "Apply" button is visible to the user in their viewport without having to scroll.
* The user can select as many or as few projects as they please.
* Zero selections mean the filter remains inactive.
* If only one project is selected, the filter title is the name of the project, truncated to the maximum length permitted by this filter drowndown element.
* If two or more projects are selected, the title should be "\[n\] projects" where n = number of projects selected.
* The project filter also has a search box that functions the same as the search box that is currently implemented to browse projects.
* When the user clicks on the Involvement drop-down, they are presented with this list of Involvement types:
* Assignee
* Accountable
* Author _(Note: vs "Created by me")_
* Watcher _(Note: vs. "Watching")_
* Mentioned
* For both these filter types, there is an "Apply" button that applies the filter. Until this button is clicked, the filters are not applied. _(Note: behaviour to be confirmed, needs discussion)._
* Both filters contain a "Clear selection" button that deselects all current selections for that filter. _(Note for discussion: does the button automatically clear the selection and apply the no selection? Or will the user then have to click on Apply?)_
* The filter selections are applied asynchronously and do not necessitate a refresh.
**Mockups in Figma**
Link to relevant mockups in Figma:
\- Project filter: [https://www.figma.com/file/54psSIYZuUgcyXrpGxHB1Z/Notification-Center-Main-View?node-id=90%3A2719](https://www.figma.com/file/54psSIYZuUgcyXrpGxHB1Z/Notification-Center-Main-View?node-id=90%3A2719)
\- Involvement filter: [https://www.figma.com/file/54psSIYZuUgcyXrpGxHB1Z/Notification-Center-Main-View?node-id=609%3A2602](https://www.figma.com/file/54psSIYZuUgcyXrpGxHB1Z/Notification-Center-Main-View?node-id=609%3A2602)
**I want to** filter my notifications by project or my involvement type
**so that** identify and access the most relevant notifications quickly.
**Note**
This builds on the filters that were out of scope for work package <mention class="mention" data-id="38592" data-type="work_package" data-text="#38592">#38592</mention> concerning the Main List view.
**Visuals**
_Visual 1: Project Filter_
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/22015/content"></div></figure>
_Visual 2: Involvement Filter_
<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/22027/content"></div></figure>
* Besides unread/all (already implemented), there are two other filters that are available to users in the "Inbox" view in notification center: project and involvement.
* The length of these two filter drop-downs is fixed (length to be discussed; the idea is to have both filters be visible in split screen view). All text that exceed this fixed-length are truncated with a "...".
* By default, the project and involvement criteria are both inactive (i.e, notifications from all projects and for all involvement types are displayed)
* When the filters are inactive, they will respectively simply read:"Project" and "Involvement".
* When the user clicks on the Project dropdown list, they are afforded the ability to select individual projects (including sub-projects) via a list of checkboxes that represent existing project hierarchies (much like the drop-down that is displayed when clicking on "Projects" in the top-left corner of the screen today).
* The the list of projects is scrollable; its height should be limited to ensure that the "Apply" button is visible to the user in their viewport without having to scroll.
* The user can select as many or as few projects as they please.
* Zero selections mean the filter remains inactive.
* If only one project is selected, the filter title is the name of the project, truncated to the maximum length permitted by this filter drowndown element.
* If two or more projects are selected, the title should be "\[n\] projects" where n = number of projects selected.
* The project filter also has a search box that functions the same as the search box that is currently implemented to browse projects.
* When the user clicks on the Involvement drop-down, they are presented with this list of Involvement types:
* Assignee
* Accountable
* Author _(Note: vs "Created by me")_
* Watcher _(Note: vs. "Watching")_
* Mentioned
* For both these filter types, there is an "Apply" button that applies the filter. Until this button is clicked, the filters are not applied. _(Note: behaviour to be confirmed, needs discussion)._
* Both filters contain a "Clear selection" button that deselects all current selections for that filter. _(Note for discussion: does the button automatically clear the selection and apply the no selection? Or will the user then have to click on Apply?)_
* The filter selections are applied asynchronously and do not necessitate a refresh.
**Mockups in Figma**
Link to relevant mockups in Figma:
\- Project filter: [https://www.figma.com/file/54psSIYZuUgcyXrpGxHB1Z/Notification-Center-Main-View?node-id=90%3A2719](https://www.figma.com/file/54psSIYZuUgcyXrpGxHB1Z/Notification-Center-Main-View?node-id=90%3A2719)
\- Involvement filter: [https://www.figma.com/file/54psSIYZuUgcyXrpGxHB1Z/Notification-Center-Main-View?node-id=609%3A2602](https://www.figma.com/file/54psSIYZuUgcyXrpGxHB1Z/Notification-Center-Main-View?node-id=609%3A2602)