stable
Clone or download
Read-only
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 |