Alexander/FitTrackee
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Client - use user sports colors in charts

Browse Source
This commit is contained in:
Sam
2021-11-12 18:55:15 +01:00
parent 7c49fd31ad
commit a6566c133c
15 changed files with 36 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
fittrackee_client/src/components/Statistics/StatsSportsMenu.vue
View File

@ -4,7 +4,7 @@
v-for="sport in translatedSports"
type="checkbox"
:key="sport.id"
:style="{ color: sportColors[sport.label] }"
:style="{ color: sport.color ? sport.color : sportColors[sport.label] }"
>
<input
type="checkbox"

5
fittrackee_client/src/utils/sports.ts
View File

@ -18,7 +18,10 @@ export const sportColors: Record<string, string> = {
export const sportIdColors = (sports: ISport[]): Record<number, string> => {
const colors: Record<number, string> = {}
sports.map((sport) => (colors[sport.id] = sportColors[sport.label]))
sports.map(
(sport) =>
(colors[sport.id] = sport.color ? sport.color : sportColors[sport.label])
)
return colors
}

2
fittrackee_client/src/utils/statistics.ts
View File

@ -84,7 +84,7 @@ export const getDatasets = (displayedSports: ISport[]): TStatisticsDatasets => {
total_descent: [],
}
displayedSports.map((sport) => {
const color = sportColors[sport.label]
const color = sport.color ? sport.color : sportColors[sport.label]
datasets.nb_workouts.push(getStatisticsChartDataset(sport.label, color))
datasets.total_distance.push(getStatisticsChartDataset(sport.label, color))
datasets.total_duration.push(getStatisticsChartDataset(sport.label, color))