**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 Begin of the insertiongatesEnd of the insertion Begin of the deletion GatesEnd of the deletion

* Begin of the insertionOn hover, a hover cardEnd of the insertion Begin of the deletion Each objectEnd of the deletion is Begin of the insertionshown with the name of the phase/gate and the date(s) 

End of the insertion Begin of the deletion linked 

End of the deletion * Begin of the insertionThe elements use the configured colors for each phase/gate

End of the insertion Begin of the deletion Open: Where to link to?

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

* Begin of the insertionNon-working days are shown in grey

* End of the insertion Begin of the deletion _Open:End of the deletion If there are no phases and gates, Begin of the insertionthere is a Blankslate shown

* _Open: Text, actions?_

* IfEnd of the insertion the Begin of the insertionuser has no permissions to view project attributes, theEnd of the insertion widget Begin of the insertionis hiddenEnd of the insertion Begin of the deletion should be hidden_End of the deletion


**Technical notes**

* Begin of the insertionWeEnd of the insertion Begin of the deletion _Open: Which library toEnd of the deletion use Begin of the insertionthe timeline library [visjs](https://visjs.org/)

* Chart.js is not suitedEnd of the insertion for displaying Begin of the insertiontimelines

<br>

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


End of the insertion Begin of the deletion the timeline?_


End of the deletion **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)