stable

Clone or download

Read-only

Prepare the field for progress display

The display of a milestone was done by rotating a div. This had two disadvantages: * The look 'n feel was a bit blurry, due to the transform. * The display of the progress bar in this case is complicated, you have to counter the translation to see an horizontal progress. This contribution targets both points, by using a svg element in place of a rotated div. By default the progress of tasks is set to 1 (100%), but you can test with other figures (0, 0.3, …) in `RoadmapTasksRetriever.php`. The hard coded value 1 will use the Progress semantic once it will be implemented in a dedicated story. Part of story #19734: have a Roadmap widget on dashboard Change-Id: I5c593b0ffda3635e57799df9feed1034f643ada6

Modified Files

Name
M plugins/roadmap/include/Roadmap/REST/v1/RoadmapTasksRetriever.php +3 −0 Go to diff View file
M plugins/roadmap/include/Roadmap/REST/v1/TaskRepresentation.php +6 −0 Go to diff View file
A plugins/roadmap/scripts/roadmap-widget/src/components/Gantt/Task/MilestoneBar.test.ts +58 −0 Go to diff View file
A plugins/roadmap/scripts/roadmap-widget/src/components/Gantt/Task/MilestoneBar.vue +91 −0 Go to diff View file
M plugins/roadmap/scripts/roadmap-widget/src/components/Gantt/Task/TaskBar.test.ts +30 −16 Go to diff View file
M plugins/roadmap/scripts/roadmap-widget/src/components/Gantt/Task/TaskBar.vue +23 −11 Go to diff View file
M plugins/roadmap/scripts/roadmap-widget/src/components/Gantt/Task/TaskHeader.test.ts +1 −0 Go to diff View file
M plugins/roadmap/scripts/roadmap-widget/src/helpers/styles.ts +1 −1 Go to diff View file
M plugins/roadmap/scripts/roadmap-widget/src/type.ts +1 −0 Go to diff View file
M plugins/roadmap/tests/unit/Roadmap/REST/v1/RoadmapTasksRetrieverTest.php +2 −0 Go to diff View file
M plugins/roadmap/themes/_roadmap-variables.scss +2 −1 Go to diff View file
M plugins/roadmap/themes/_task.scss +19 −8 Go to diff View file