**Acceptance criteria**

* On the project overview, there is a new widget called "Project lifecycle"

* It contains a timeline chart representing the following objects

* Project phase

* Phase gates

* On hover, a hover card is shown with the name of the phase/gate and the date(s) 

* The elements use the configured colors for each phase/gate

* It is read-only: The user cannot use drag&drop mechanisms to change the dates.

* Begin of the deletion Non-working days are shown in grey

* End of the deletion If there are no phases and gates, there is a Blankslate shown

* _Open: Text, actions?_

* If the user has no permissions to view project attributes, the widget is hidden


**Technical notes**

* We use the timeline library [visjs](https://visjs.org/)

* Chart.js is not suited for displaying timelines

<br>

FullCalendar offers a timeline view but it is part of their pay-features


**Out of scope**

* Editing attributes in the timeline view

* Changes to list of project phases in the sidebar (separate work package)

* Additional permissions to see or edit project phases and milestones

* PDF export (treated separately) Begin of the insertion

* Highlight non-working daysEnd of the insertion