Content
View differences
Updated by Marc Alcobé almost 3 years ago
**As** a user
**I want to** navigate between all the global views easily
**so that** I can find the relevant items for me without entering specific projects
**Acceptance criteria**
* The existing sidebars ( **Work packages** and **Time and costs**) will be maintained as they are.
* All the new sidebars will be implemented using static rails.
* The only sidebar that will affect also how the sidebar behaves inside of a project (with a project selected) is the **Meetings** one.
* There is a global sidebar bar in the global home page that allow users to navigate to each module entry if they are activated for any of the projects that the use has access to (eg. if in none of the projects the user can see there is meetings hide the menu entry):
* **Home**
* **Projects**
* **Activity**
* **Work packages**
* **Calendars**
* **Team planners**
* **Boars**
* **News**
* **Time and costs**
* **Meetings**
* Each of the sidebar menu items will open the global index page of the module:
* **Projects:**
* Menu entries:
* **All projects** (default view) this is showing only active projects.
* **My projects** excluding public projects I'm not member.
* When the menu entry is selected, a newly created "I am member" filter will be added in the active state to the page's filter section.
* **Public projects**
* **Archived projects**
* Add a **\+ Project** button at the bottom of the sidebar.
* **Meetings:**
* Menu entries:
* **Upcoming meetings** (default view)
* Example: The meeting is from 12:00 and 13:00. The user opens the view on 12:30. This meeting is shown in both filters (upcoming and past)
* **Past meetings**
* (Expandable) **Involvement**
* The default sorting order of the meetings in the views will always be using the current day as reference so in the top of table there will be the meetings of today and then going down to the future or to the past (upcoming or past).
* The menu entries **Upcoming meetings, Past meetings** and **Involvement** will also be the sidebar entries for the inside a project sidebar for meetings.
* Add a **\+ Meeting** button at the bottom of the sidebar. Also add it in the project specific sidebar index page.
* **Work packages:** Menu entries maintained from current sidebar.
* **Team planners:** No second level navigation. Users will access the index page directly from the global sidebar.
* **Boards:** No second level navigation. Users will access the index page directly from the global sidebar.
* **News:** No second level navigation. Users will access the index page directly from the global sidebar.
* **Time and costs:** Menu entries maintained from current sidebar.
* **Calendars:** No second level navigation. Users will access the index page directly from the global sidebar.
* **Activity:** Second No second level navigation with navigation. Users will access the same filter options that apply to index page directly from the activity tab inside of a project. global sidebar.
* Reuse all the possible translation strings for the sidebar wherever we already have a string. Updating any of the strings here should also affect the string of the module inside of a project.
* In case the user access an active module that doesn't contain any information (eg. there is projects with meetings active in this instance but no meetings created) the current empty status implemented will be displayed.
## Out of scope
* Administration settings in the sidebar menu
* Meetings: Favourite, recurrent meetings, notification badges and locations as links.
* Have second level navigation of filters for Boards, Team planners, News and Calendars.
* Use Hotwire Turbo for the creation of sidebars.
## Visuals in Figma
* **Global sidebar:** https://www.figma.com/file/v0V2OoFGVq1NQycQbm0FcC/Home-page-and-global-indexes?type=design&node-id=18-8578&t=tmVcCQY3FETbpkqP-4
* **Projects:** https://www.figma.com/file/v0V2OoFGVq1NQycQbm0FcC/Home-page-and-global-indexes?type=design&node-id=82-8136&t=tmVcCQY3FETbpkqP-4
* **Work packages:** https://www.figma.com/file/v0V2OoFGVq1NQycQbm0FcC/Home-page-and-global-indexes?type=design&node-id=57-8086&t=tmVcCQY3FETbpkqP-4
* **Meetings:** https://www.figma.com/file/v0V2OoFGVq1NQycQbm0FcC/Home-page-and-global-indexes?type=design&node-id=9-13269&t=tmVcCQY3FETbpkqP-4
* **Boards:** https://www.figma.com/file/v0V2OoFGVq1NQycQbm0FcC/Home-page-and-global-indexes?type=design&node-id=9-11378&t=tmVcCQY3FETbpkqP-4
* **Team planner:** https://www.figma.com/file/v0V2OoFGVq1NQycQbm0FcC/Home-page-and-global-indexes?type=design&node-id=18-5072&t=tmVcCQY3FETbpkqP-4
* **News:** https://www.figma.com/file/v0V2OoFGVq1NQycQbm0FcC/Home-page-and-global-indexes?type=design&node-id=82-9184&t=tmVcCQY3FETbpkqP-4
**I want to** navigate between all the global views easily
**so that** I can find the relevant items for me without entering specific projects
**Acceptance criteria**
* The existing sidebars ( **Work packages** and **Time and costs**) will be maintained as they are.
* All the new sidebars will be implemented using static rails.
* The only sidebar that will affect also how the sidebar behaves inside of a project (with a project selected) is the **Meetings** one.
* There is a global sidebar bar in the global home page that allow users to navigate to each module entry if they are activated for any of the projects that the use has access to (eg. if in none of the projects the user can see there is meetings hide the menu entry):
* **Home**
* **Projects**
* **Activity**
* **Work packages**
* **Calendars**
* **Team planners**
* **Boars**
* **News**
* **Time and costs**
* **Meetings**
* Each of the sidebar menu items will open the global index page of the module:
* **Projects:**
* Menu entries:
* **All projects** (default view) this is showing only active projects.
* **My projects** excluding public projects I'm not member.
* When the menu entry is selected, a newly created "I am member" filter will be added in the active state to the page's filter section.
* **Public projects**
* **Archived projects**
* Add a **\+ Project** button at the bottom of the sidebar.
* **Meetings:**
* Menu entries:
* **Upcoming meetings** (default view)
* Example: The meeting is from 12:00 and 13:00. The user opens the view on 12:30. This meeting is shown in both filters (upcoming and past)
* **Past meetings**
* (Expandable) **Involvement**
* The default sorting order of the meetings in the views will always be using the current day as reference so in the top of table there will be the meetings of today and then going down to the future or to the past (upcoming or past).
* The menu entries **Upcoming meetings, Past meetings** and **Involvement** will also be the sidebar entries for the inside a project sidebar for meetings.
* Add a **\+ Meeting** button at the bottom of the sidebar. Also add it in the project specific sidebar index page.
* **Work packages:** Menu entries maintained from current sidebar.
* **Team planners:** No second level navigation. Users will access the index page directly from the global sidebar.
* **Boards:** No second level navigation. Users will access the index page directly from the global sidebar.
* **News:** No second level navigation. Users will access the index page directly from the global sidebar.
* **Time and costs:** Menu entries maintained from current sidebar.
* **Calendars:** No second level navigation. Users will access the index page directly from the global sidebar.
* **Activity:** Second
* Reuse all the possible translation strings for the sidebar wherever we already have a string. Updating any of the strings here should also affect the string of the module inside of a project.
* In case the user access an active module that doesn't contain any information (eg. there is projects with meetings active in this instance but no meetings created) the current empty status implemented will be displayed.
## Out of scope
* Administration settings in the sidebar menu
* Meetings: Favourite, recurrent meetings, notification badges and locations as links.
* Have second level navigation of filters for Boards, Team planners, News and Calendars.
* Use Hotwire Turbo for the creation of sidebars.
## Visuals in Figma
* **Global sidebar:** https://www.figma.com/file/v0V2OoFGVq1NQycQbm0FcC/Home-page-and-global-indexes?type=design&node-id=18-8578&t=tmVcCQY3FETbpkqP-4
* **Projects:** https://www.figma.com/file/v0V2OoFGVq1NQycQbm0FcC/Home-page-and-global-indexes?type=design&node-id=82-8136&t=tmVcCQY3FETbpkqP-4
* **Work packages:** https://www.figma.com/file/v0V2OoFGVq1NQycQbm0FcC/Home-page-and-global-indexes?type=design&node-id=57-8086&t=tmVcCQY3FETbpkqP-4
* **Meetings:** https://www.figma.com/file/v0V2OoFGVq1NQycQbm0FcC/Home-page-and-global-indexes?type=design&node-id=9-13269&t=tmVcCQY3FETbpkqP-4
* **Boards:** https://www.figma.com/file/v0V2OoFGVq1NQycQbm0FcC/Home-page-and-global-indexes?type=design&node-id=9-11378&t=tmVcCQY3FETbpkqP-4
* **Team planner:** https://www.figma.com/file/v0V2OoFGVq1NQycQbm0FcC/Home-page-and-global-indexes?type=design&node-id=18-5072&t=tmVcCQY3FETbpkqP-4
* **News:** https://www.figma.com/file/v0V2OoFGVq1NQycQbm0FcC/Home-page-and-global-indexes?type=design&node-id=82-9184&t=tmVcCQY3FETbpkqP-4