stable

Clone or download

Read-only

Display months on top of Gantt

If tasks are displayed in your Roadmap widget, then months corresponding to the chart are displayed. If the viewport is wide enough, then extra months are added to fill the space. Please note that the tooltip to display the year of the month is positionned at the bottom. This is a temporary workaround due to the overflow hidden of the widget. It will be positionned at the top later. Note: I hope that one day we will be able to read variables from SCSS files into Typescript so that we don't have to repeat ourselves (here with time unit width). Reminder: The widget is hidden behind a feature flag: ``` tuleap config-set feature_flag_plugin_roadmap_display_underconstruction_widget 1 ``` Part of story #19734: have a Roadmap widget on dashboard Change-Id: Ifef34de8db0fc8823c74849a51dac9573eab2802

Modified Files

Name
M plugins/roadmap/include/Roadmap/REST/v1/RoadmapResource.php +8 −1 Go to diff View file
M plugins/roadmap/include/Roadmap/REST/v1/RoadmapTasksRetriever.php +17 −1 Go to diff View file
M plugins/roadmap/include/Roadmap/REST/v1/TaskRepresentation.php +21 −2 Go to diff View file
M plugins/roadmap/scripts/roadmap-widget/src/components/App.test.ts +39 −34 Go to diff View file
M plugins/roadmap/scripts/roadmap-widget/src/components/App.vue +6 −3 Go to diff View file
M plugins/roadmap/scripts/roadmap-widget/src/components/Gantt/GanttBoard.test.ts +101 −2 Go to diff View file
M plugins/roadmap/scripts/roadmap-widget/src/components/Gantt/GanttBoard.vue +67 −1 Go to diff View file
M plugins/roadmap/scripts/roadmap-widget/src/components/Gantt/Task/GanttTask.test.ts +3 −1 Go to diff View file
M plugins/roadmap/scripts/roadmap-widget/src/components/Gantt/Task/TaskHeader.test.ts +3 −1 Go to diff View file
A plugins/roadmap/scripts/roadmap-widget/src/components/Gantt/TimePeriod/TimePeriodMonth.test.ts +43 −0 Go to diff View file
A plugins/roadmap/scripts/roadmap-widget/src/components/Gantt/TimePeriod/TimePeriodMonth.vue +63 −0 Go to diff View file
A plugins/roadmap/scripts/roadmap-widget/src/helpers/additional-months.test.ts +35 −0 Go to diff View file
A plugins/roadmap/scripts/roadmap-widget/src/helpers/additional-months.ts +34 −0 Go to diff View file
A plugins/roadmap/scripts/roadmap-widget/src/helpers/beginning-of-next-nth-month.test.ts +28 −0 Go to diff View file
A plugins/roadmap/scripts/roadmap-widget/src/helpers/beginning-of-next-nth-month.ts +26 −0 Go to diff View file
A plugins/roadmap/scripts/roadmap-widget/src/helpers/first-date.test.ts +168 −0 Go to diff View file
A plugins/roadmap/scripts/roadmap-widget/src/helpers/first-date.ts +38 −0 Go to diff View file
A plugins/roadmap/scripts/roadmap-widget/src/helpers/last-date.test.ts +174 −0 Go to diff View file
A plugins/roadmap/scripts/roadmap-widget/src/helpers/last-date.ts +54 −0 Go to diff View file
M plugins/roadmap/scripts/roadmap-widget/src/helpers/local-vue-for-test.ts +1 −1 Go to diff View file
A plugins/roadmap/scripts/roadmap-widget/src/helpers/months.test.ts +70 −0 Go to diff View file
A plugins/roadmap/scripts/roadmap-widget/src/helpers/months.ts +37 −0 Go to diff View file
A plugins/roadmap/scripts/roadmap-widget/src/helpers/task-retriever.test.ts +45 −0 Go to diff View file
A plugins/roadmap/scripts/roadmap-widget/src/helpers/task-retriever.ts +35 −0 Go to diff View file
M plugins/roadmap/scripts/roadmap-widget/src/index.ts +2 −1 Go to diff View file
M plugins/roadmap/scripts/roadmap-widget/src/type.ts +3 −1 Go to diff View file
M plugins/roadmap/scripts/roadmap-widget/src/vue.shims.d.ts +1 −1 Go to diff View file
M plugins/roadmap/tests/unit/Roadmap/REST/v1/RoadmapTasksRetrieverTest.php +89 −46 Go to diff View file
M plugins/roadmap/themes/_gantt-board.scss +3 −2 Go to diff View file
A plugins/roadmap/themes/_roadmap-variables.scss +23 −0 Go to diff View file
A plugins/roadmap/themes/_timeperiod.scss +38 −0 Go to diff View file
M plugins/roadmap/themes/widget-roadmap.scss +1 −0 Go to diff View file