75 lines
1.7 KiB
JavaScript
75 lines
1.7 KiB
JavaScript
|
import { format } from 'date-fns'
|
||
|
|
import togeojson from '@mapbox/togeojson'
|
||
|
|
|
||
|
|
import { getDateWithTZ } from './index'
|
||
|
|
|
||
|
|
export const activityColors = [
|
||
|
|
'#55a8a3',
|
||
|
|
'#98C3A9',
|
||
|
|
'#D0838A',
|
||
|
|
'#ECC77E',
|
||
|
|
'#926692',
|
||
|
|
'#929292',
|
||
|
|
'#428bca',
|
||
|
|
]
|
||
|
|
|
||
|
|
export const recordsLabels = [
|
||
|
|
{ record_type: 'AS', label: 'Avg speed' },
|
||
|
|
{ record_type: 'FD', label: 'Farest distance' },
|
||
|
|
{ record_type: 'LD', label: 'Longest duration' },
|
||
|
|
{ record_type: 'MS', label: 'Max speed' },
|
||
|
|
]
|
||
|
|
|
||
|
|
export const getGeoJson = gpxContent => {
|
||
|
|
let jsonData
|
||
|
|
if (gpxContent) {
|
||
|
|
const gpx = new DOMParser().parseFromString(gpxContent, 'text/xml')
|
||
|
|
jsonData = togeojson.gpx(gpx)
|
||
|
|
}
|
||
|
|
return { jsonData }
|
||
|
|
}
|
||
|
|
|
||
|
|
export const formatActivityDate = (
|
||
|
|
dateTime,
|
||
|
|
dateFormat = null,
|
||
|
|
timeFormat = null,
|
||
|
|
) => {
|
||
|
|
if (!dateFormat) {
|
||
|
|
dateFormat = 'DD/MM/YYYY'
|
||
|
|
}
|
||
|
|
if (!timeFormat) {
|
||
|
|
timeFormat = 'HH:mm'
|
||
|
|
}
|
||
|
|
return {
|
||
|
|
activity_date: dateTime ? format(dateTime, dateFormat) : null,
|
||
|
|
activity_time: dateTime ? format(dateTime, timeFormat) : null,
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export const formatRecord = (record, tz) => {
|
||
|
|
let value
|
||
|
|
switch (record.record_type) {
|
||
|
|
case 'AS':
|
||
|
|
case 'MS':
|
||
|
|
value = `${record.value} km/h`
|
||
|
|
break
|
||
|
|
case 'FD':
|
||
|
|
value = `${record.value} km`
|
||
|
|
break
|
||
|
|
default: // 'LD'
|
||
|
|
value = record.value // eslint-disable-line prefer-destructuring
|
||
|
|
}
|
||
|
|
const [recordType] = recordsLabels.filter(
|
||
|
|
r => r.record_type === record.record_type
|
||
|
|
)
|
||
|
|
return {
|
||
|
|
activity_date: formatActivityDate(
|
||
|
|
getDateWithTZ(record.activity_date, tz)
|
||
|
|
).activity_date,
|
||
|
|
activity_id: record.activity_id,
|
||
|
|
id: record.id,
|
||
|
|
record_type: recordType.label,
|
||
|
|
value: value,
|
||
|
|
}
|
||
|
|
}
|