stable

Clone or download

Read-only

Display task bar, nominal cases

The bar reflects the start/end dates of the corresponding task. If no start date, or no end date, then it is a milestone. If start date = end date, then it is a milestone. If no start date and no end date, then the task is not displayed. If end date < start date, then the task is not displayed. Design note: the rotation of the div to produce a milestone may appear a bit blurry. We will find a better way to display it (probably using svg) in a dedicated changeset. Part of story #19734: have a Roadmap widget on dashboard Change-Id: Iba45799792d4cd6b10635a0bded04d2c53455505

Modified Files

Name
M plugins/roadmap/scripts/roadmap-widget/src/components/App.test.ts +2 −2 Go to diff View file
M plugins/roadmap/scripts/roadmap-widget/src/components/Gantt/Task/GanttTask.test.ts +138 −3 Go to diff View file
M plugins/roadmap/scripts/roadmap-widget/src/components/Gantt/Task/GanttTask.vue +32 −1 Go to diff View file
A plugins/roadmap/scripts/roadmap-widget/src/components/Gantt/Task/TaskBar.test.ts +103 −0 Go to diff View file
A plugins/roadmap/scripts/roadmap-widget/src/components/Gantt/Task/TaskBar.vue +67 −0 Go to diff View file
M plugins/roadmap/scripts/roadmap-widget/src/helpers/styles.ts +2 −0 Go to diff View file
M plugins/roadmap/scripts/roadmap-widget/src/helpers/task-retriever.test.ts +36 −0 Go to diff View file
M plugins/roadmap/scripts/roadmap-widget/src/helpers/task-retriever.ts +21 −9 Go to diff View file
M plugins/roadmap/themes/_roadmap-variables.scss +4 −0 Go to diff View file
M plugins/roadmap/themes/_task.scss +43 −0 Go to diff View file