Horizontal bar for time overview

[HenrikeW]

Related issue(s) and PR(s)

This PR relates to #580.

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Other

List of changes made

• a new component for a stacked horizontal bar was added
• the bar is displayed on the report page
• it fetches its own data about time entries from the past 12 months

Screenshot of the fix

Testing

• go to the report page and scroll down to see your personal overview bar

Further comments

• the BarChart component fetches data in the same way that the WiP SpentTime page / component does. If we decide on having both the horizontal bar and a separate page, this should be refactored so that data is fetched centrally at one place.

Definition of Done checklist

• I have made an effort making the commit history understandable
• I have performed a self-review of my own code and commented any hard-to-understand areas
• Tests and lint/format validations are passing
• My changes generate no new warnings

[kusalananda]

Are the elements of the bar sorted in any particular way? Is it guaranteed always to show the activities in the same order?

EDIT: No, it appears to sort the activities in most-recently-used order (or something similar, possibly semi-randomly).

EDIT: The colors are assigned left-to-right, not to the specific activities.

Suggestions:

1. Sort activities by some criteria (most hours, alphabetically, or something else, or use a static ordering).
2. Assign colours for the activities, and don't change these. Using static ordering of the activities in the bar would possibly solve this right now.

[ghost]

Looks nice!
Found a border-test issue. If no time has been reported, the bar is not visible. If time is then added and the user saves the changes, the bar does not appear until the page is reloaded.
Same thing when the bar is visible and time entries are saved, it does not alter until the page is reloaded.
Another issue is that the order of the activities seems to be random. Usage would be easier if they always appear in the same order and with the same color.
EDIT: Sorting makes it a lot better. Agree that colors should be fixed for activities.

[HenrikeW]

Thanks for your feedback!
Now, the activities should be sorted alphabetically, there should be a short message when users don't have any time logged yet and the bar should update as soon as changes are saved.

I totally agree that the colors should be fixed for activities but that requires a full list of all possible activities. There might also be requirements on what type of activities should have what type of colors, so I'd like to create a new issue for that and address it in a later PR.

[ghost]

Ok. Sorting and updating after saving changes makes this good enough for now. We can look at deciding color-activity match later on.