\n {singleMessage !== '' &&
\n )\n }\n}\n","import { format, parse } from 'date-fns'\nimport { DateTime } from 'luxon'\n\nconst suffixes = ['bytes', 'KB', 'MB', 'GB', 'TB']\nexport const getFileSize = (fileSize, asText = true) => {\n const i = Math.floor(Math.log(fileSize) / Math.log(1024))\n if (!fileSize) {\n return asText ? '0 bytes' : { size: 0, suffix: 'bytes' }\n }\n const size = (fileSize / Math.pow(1024, i)).toFixed(1)\n const suffix = suffixes[i]\n return asText ? `${size}${suffix}` : { size, suffix }\n}\n\nexport const getFileSizeInMB = fileSize => {\n const value = fileSize / 1048576\n return (!fileSize && 0) || +value.toFixed(2)\n}\n\nexport const version = '0.4.2' // version stored in 'utils' for now\nexport const apiUrl =\n process.env.NODE_ENV === 'production'\n ? '/api/'\n : `${process.env.REACT_APP_API_URL}/api/`\n\nexport const userFilters = [\n { key: 'activities_count', label: 'activities count' },\n { key: 'admin', label: 'admin rights' },\n { key: 'created_at', label: 'registration date' },\n { key: 'username', label: 'user name' },\n]\n\nexport const sortOrders = [\n { key: 'asc', label: 'ascending' },\n { key: 'desc', label: 'descending' },\n]\n\nexport const isLoggedIn = () => !!window.localStorage.authToken\n\nexport const generateIds = arr => {\n let i = 0\n return arr.map(val => {\n const obj = { id: i, value: val }\n i++\n return obj\n })\n}\n\nexport const createApiRequest = params => {\n const headers = {}\n if (!params.noAuthorization) {\n headers.Authorization = `Bearer ${window.localStorage.getItem('authToken')}`\n }\n if (params.type) {\n headers['Content-Type'] = params.type\n }\n const requestParams = {\n method: params.method,\n headers: headers,\n }\n if (params.type === 'application/json' && params.body) {\n requestParams.body = JSON.stringify(params.body)\n } else if (params.body) {\n requestParams.body = params.body\n }\n const request = new Request(`${apiUrl}${params.url}`, requestParams)\n return fetch(request)\n .then(response =>\n params.method === 'DELETE' || response.status === 413\n ? response\n : response.json()\n )\n .catch(error => {\n console.error(error)\n return new Error('An error occurred. Please contact the administrator.')\n })\n}\n\nexport const getDateWithTZ = (date, tz) => {\n if (!date) {\n return ''\n }\n const dt = DateTime.fromISO(\n format(new Date(date), \"yyyy-MM-dd'T'HH:mm:ss.SSSxxx\")\n ).setZone(tz)\n return parse(\n dt.toFormat('yyyy-MM-dd HH:mm:ss'),\n 'yyyy-MM-dd HH:mm:ss',\n new Date()\n )\n}\n\nexport const capitalize = target =>\n target.charAt(0).toUpperCase() + target.slice(1)\n\nexport const rangePagination = pages =>\n Array.from({ length: pages }, (_, i) => i + 1)\n\nconst sortValues = (a, b) => {\n const valueALabel = a.label.toLowerCase()\n const valueBLabel = b.label.toLowerCase()\n return valueALabel > valueBLabel ? 1 : valueALabel < valueBLabel ? -1 : 0\n}\n\nexport const translateValues = (t, values, key = 'common') =>\n values\n .map(value => ({\n ...value,\n label: t(`${key}:${value.label}`),\n }))\n .sort(sortValues)\n\nexport const formatUrl = (pathname, query) => {\n let url = pathname\n if (query.id || (pathname === 'users' && query.username)) {\n url = `${url}/${query.username ? query.username : query.id}`\n } else if (Object.keys(query).length > 0) {\n url += '?'\n Object.keys(query)\n .filter(key => query[key])\n .map(\n (key, index) => (url += `${index === 0 ? '' : '&'}${key}=${query[key]}`)\n )\n }\n return url\n}\n","import { createApiRequest, formatUrl } from '../utils'\n\nexport default class FitTrackeeApi {\n static getData(target, data = {}) {\n const url = formatUrl(target, data)\n const params = {\n url: url,\n method: 'GET',\n type: 'application/json',\n }\n return createApiRequest(params)\n }\n\n static addData(target, data) {\n const params = {\n url: target,\n method: 'POST',\n body: data,\n type: 'application/json',\n }\n return createApiRequest(params)\n }\n\n static addDataWithFile(target, data) {\n const params = {\n url: target,\n method: 'POST',\n body: data,\n }\n return createApiRequest(params)\n }\n\n static postData(target, data) {\n const params = {\n url: `${target}${data.id ? `/${data.id}` : ''}`,\n method: 'POST',\n body: data,\n type: 'application/json',\n }\n return createApiRequest(params)\n }\n\n static updateData(target, data) {\n const params = {\n url: `${target}${\n data.id ? `/${data.id}` : data.username ? `/${data.username}` : ''\n }`,\n method: 'PATCH',\n body: data,\n type: 'application/json',\n }\n return createApiRequest(params)\n }\n\n static deleteData(target, id) {\n const params = {\n url: `${target}/${id}`,\n method: 'DELETE',\n type: 'application/json',\n }\n return createApiRequest(params)\n }\n}\n","import i18next from 'i18next'\n\nimport FitTrackeeApi from '../fitTrackeeApi/index'\nimport { history } from '../index'\n\nexport const setData = (target, data) => ({\n type: 'SET_DATA',\n data,\n target,\n})\nexport const setPaginatedData = (target, data, pagination) => ({\n type: 'SET_PAGINATED_DATA',\n data,\n pagination,\n target,\n})\n\nexport const setError = message => ({\n type: 'SET_ERROR',\n message,\n})\n\nexport const setLanguage = language => ({\n type: 'SET_LANGUAGE',\n language,\n})\n\nexport const setLoading = loading => ({\n type: 'SET_LOADING',\n loading,\n})\n\nexport const updateSportsData = data => ({\n type: 'UPDATE_SPORT_DATA',\n data,\n})\n\nexport const updateUsersData = data => ({\n type: 'UPDATE_USER_DATA',\n data,\n})\n\nexport const getOrUpdateData = (\n action,\n target,\n data,\n canDispatch = true\n) => dispatch => {\n dispatch(setLoading(true))\n if (data && data.id && target !== 'activities' && isNaN(data.id)) {\n dispatch(setLoading(false))\n return dispatch(setError(`${target}|Incorrect id`))\n }\n dispatch(setError(''))\n return FitTrackeeApi[action](target, data)\n .then(ret => {\n if (ret.status === 'success') {\n if (canDispatch) {\n if (target === 'users' && action === 'getData') {\n return dispatch(setPaginatedData(target, ret.data, ret.pagination))\n }\n dispatch(setData(target, ret.data))\n } else if (action === 'updateData' && target === 'sports') {\n dispatch(updateSportsData(ret.data.sports[0]))\n } else if (action === 'updateData' && target === 'users') {\n dispatch(updateUsersData(ret.data.users[0]))\n }\n } else {\n dispatch(setError(`${target}|${ret.message || ret.status}`))\n }\n dispatch(setLoading(false))\n })\n .catch(error => {\n dispatch(setLoading(false))\n dispatch(setError(`${target}|${error}`))\n })\n}\n\nexport const addData = (target, data) => dispatch =>\n FitTrackeeApi.addData(target, data)\n .then(ret => {\n if (ret.status === 'created') {\n history.push(`/admin/${target}`)\n } else {\n dispatch(setError(`${target}|${ret.status}`))\n }\n })\n .catch(error => dispatch(setError(`${target}|${error}`)))\n\nexport const deleteData = (target, id) => dispatch => {\n if (isNaN(id)) {\n return dispatch(setError(target, `${target}|Incorrect id`))\n }\n return FitTrackeeApi.deleteData(target, id)\n .then(ret => {\n if (ret.status === 204) {\n history.push(`/admin/${target}`)\n } else {\n dispatch(setError(`${target}|${ret.message || ret.status}`))\n }\n })\n .catch(error => dispatch(setError(`${target}|${error}`)))\n}\n\nexport const updateLanguage = language => dispatch => {\n i18next.changeLanguage(language).then(dispatch(setLanguage(language)))\n}\n","import FitTrackeeGenericApi from '../fitTrackeeApi'\nimport { setError } from './index'\n\nexport const setAppConfig = data => ({\n type: 'SET_APP_CONFIG',\n data,\n})\n\nexport const setAppStats = data => ({\n type: 'SET_APP_STATS',\n data,\n})\n\nexport const getAppData = target => dispatch =>\n FitTrackeeGenericApi.getData(target)\n .then(ret => {\n if (ret.status === 'success') {\n if (target === 'config') {\n dispatch(setAppConfig(ret.data))\n } else if (target === 'stats/all') {\n dispatch(setAppStats(ret.data))\n }\n } else {\n dispatch(setError(`application|${ret.message}`))\n }\n })\n .catch(error => dispatch(setError(`application|${error}`)))\n\nexport const updateAppConfig = formData => dispatch =>\n FitTrackeeGenericApi.updateData('config', formData)\n .then(ret => {\n if (ret.status === 'success') {\n dispatch(setAppConfig(ret.data))\n } else {\n dispatch(setError(`application|${ret.message}`))\n }\n })\n .catch(error => dispatch(setError(`application|${error}`)))\n","import React from 'react'\nimport { connect } from 'react-redux'\n\nimport Message from '../Common/Message'\nimport { updateAppConfig } from '../../actions/application'\nimport { history } from '../../index'\nimport { getFileSizeInMB } from '../../utils'\n\nclass AdminApplication extends React.Component {\n constructor(props, context) {\n super(props, context)\n this.state = {\n formData: {},\n isInEdition: false,\n }\n }\n\n componentDidMount() {\n this.initForm()\n }\n\n componentDidUpdate(prevProps) {\n if (this.props.appConfig !== prevProps.appConfig) {\n this.initForm()\n }\n }\n\n initForm() {\n const { appConfig } = this.props\n const formData = {}\n Object.keys(appConfig).map(k =>\n appConfig[k] === null\n ? (formData[k] = '')\n : ['max_single_file_size', 'max_zip_file_size'].includes(k)\n ? (formData[k] = getFileSizeInMB(appConfig[k]))\n : (formData[k] = appConfig[k])\n )\n this.setState({ formData })\n }\n\n handleFormChange(e) {\n const { formData } = this.state\n formData[e.target.name] = +e.target.value\n this.setState(formData)\n }\n\n toggleInEdition(e) {\n e.preventDefault()\n const { isInEdition } = this.state\n this.setState({ isInEdition: !isInEdition })\n }\n\n render() {\n const { message, onHandleConfigFormSubmit, t } = this.props\n const { formData, isInEdition } = this.state\n return (\n {singleMessage}}\n {messages && messages.length > 0 && (\n \n \n {messages.map(msg => (\n - {t(`messages:${msg.value}`)}
\n ))}\n
\n \n )}\n \n {message &&
\n )\n }\n}\n\nexport default connect(\n state => ({\n message: state.message,\n }),\n dispatch => ({\n onHandleConfigFormSubmit: formData => {\n const data = Object.assign({}, formData)\n data.max_single_file_size *= 1048576\n data.max_zip_file_size *= 1048576\n dispatch(updateAppConfig(data))\n },\n })\n)(AdminApplication)\n","import React from 'react'\nimport { withTranslation } from 'react-i18next'\nimport { connect } from 'react-redux'\n\nimport { getAppData } from '../../actions/application'\nimport { getFileSize } from '../../utils'\n\nclass AdminStats extends React.Component {\n componentDidMount() {\n this.props.loadAppStats()\n }\n\n render() {\n const { appStats, t } = this.props\n const uploadDirSize = getFileSize(appStats.uploads_dir_size, false)\n return (\n \n
\n )}\n \n
\n \n
\n \n \n {t('administration:Application configuration')}\n \n
\n \n {\n this.toggleInEdition(e)\n onHandleConfigFormSubmit(formData)\n }}\n >\n this.toggleInEdition(e)}\n value={t('common:Cancel')}\n />\n \n ) : (\n <>\n {\n this.toggleInEdition(e)\n }}\n value={t('common:Edit')}\n />\n history.push('/admin')}\n value={t('common:Back')}\n />\n \n )}\n \n
\n \n \n {t(\n // eslint-disable-next-line max-len\n 'administration:Max. number of active users'\n )}\n \n this.handleFormChange(e)}\n />\n
\n \n \n {t(\n 'administration:Max. size of uploaded files (in Mb)'\n )}\n :\n \n this.handleFormChange(e)}\n />\n
\n \n \n {t('administration:Max. size of zip archive (in Mb)')}:\n \n this.handleFormChange(e)}\n />\n
\n \n \n {t('administration:Max. files of zip archive')}\n \n this.handleFormChange(e)}\n />\n
\n {isInEdition ? (\n <>\n \n
\n )\n }\n}\n\nexport default withTranslation()(\n connect(\n state => ({\n appStats: state.application.statistics,\n }),\n dispatch => ({\n loadAppStats: () => {\n dispatch(getAppData('stats/all'))\n },\n })\n )(AdminStats)\n)\n","import React from 'react'\nimport { Link } from 'react-router-dom'\n\nimport AdminStats from './AdminStats'\n\nexport default function AdminDashboard(props) {\n const { appConfig, t } = props\n return (\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n {appStats.users ? appStats.users : 0}\n
\n {`${\n appStats.users === 1\n ? t('administration:user')\n : t('administration:users')\n }`}
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n {appStats.sports ? appStats.sports : 0}\n
\n {`${\n appStats.sports === 1 ? t('common:sport') : t('common:sports')\n }`}
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n {appStats.activities ? appStats.activities : 0}\n
\n {`${\n appStats.activities === 1\n ? t('common:workout')\n : t('common:workouts')\n }`}
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n {uploadDirSize.size}
\n \n {uploadDirSize.suffix} ({t('administration:uploads')})\n
\n \n
\n )\n}\n","import React from 'react'\nimport { connect } from 'react-redux'\n\nimport Message from '../Common/Message'\nimport { getOrUpdateData } from '../../actions'\nimport { history } from '../../index'\n\nclass AdminSports extends React.Component {\n componentDidMount() {\n this.props.loadSports()\n }\n\n render() {\n const { message, sports, t, updateSport } = this.props\n return (\n \n {t('administration:Administration')}\n
\n \n
\n
\n \n
- \n
- \n
- \n {t(\n 'administration:Update application configuration ' +\n '(maximum number of registered users, maximum files size).'\n )}\n
\n \n {t(\n `administration:Registration is currently ${\n appConfig.is_registration_enabled ? 'enabled' : 'disabled'\n }.`\n )}\n \n \n - \n
- {t('administration:Enable/disable sports.')} \n
- \n
- \n {t(\n 'administration:Add/remove admin rights, ' +\n 'delete user account.'\n )}\n \n
\n
\n
\n {message &&
\n )\n }\n}\n\nexport default connect(\n state => ({\n message: state.message,\n sports: state.sports.data,\n user: state.user,\n }),\n dispatch => ({\n loadSports: () => {\n dispatch(getOrUpdateData('getData', 'sports'))\n },\n updateSport: (sportId, isActive) => {\n const data = { id: sportId, is_active: isActive }\n dispatch(getOrUpdateData('updateData', 'sports', data, false))\n },\n })\n)(AdminSports)\n","import React from 'react'\nimport { Link } from 'react-router-dom'\n\nimport { formatUrl, rangePagination } from '../../utils'\n\nexport default class Pagination extends React.PureComponent {\n getUrl(value) {\n const { query, pathname } = this.props\n const newQuery = Object.assign({}, query)\n let page = query.page ? +query.page : 1\n switch (value) {\n case 'prev':\n page -= 1\n break\n case 'next':\n page += 1\n break\n default:\n page = +value\n }\n newQuery.page = page\n return formatUrl(pathname, newQuery)\n }\n\n render() {\n const { pagination, t } = this.props\n return (\n <>\n {pagination && Object.keys(pagination).length > 0 && (\n \n )}\n \n )\n }\n}\n","import { format } from 'date-fns'\nimport React from 'react'\nimport { connect } from 'react-redux'\nimport { Link } from 'react-router-dom'\n\nimport Message from '../Common/Message'\nimport Pagination from '../Common/Pagination'\nimport { history } from '../../index'\nimport { getOrUpdateData } from '../../actions'\nimport {\n apiUrl,\n formatUrl,\n sortOrders,\n translateValues,\n userFilters,\n} from '../../utils'\n\nclass AdminUsers extends React.Component {\n constructor(props, context) {\n super(props, context)\n this.state = {\n page: null,\n per_page: null,\n order_by: 'created_at',\n order: 'asc',\n }\n }\n\n componentDidMount() {\n this.props.loadUsers(this.initState())\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.location.query !== this.props.location.query) {\n this.props.loadUsers(this.props.location.query)\n }\n }\n\n initState() {\n const { query } = this.props.location\n const newQuery = {\n page: query.page,\n per_page: query.per_page,\n order_by: query.order_by ? query.order_by : 'created_at',\n order: query.order ? query.order : 'asc',\n }\n this.setState(newQuery)\n return newQuery\n }\n\n updatePage(key, value) {\n const query = Object.assign({}, this.state)\n query[key] = value\n this.setState(query)\n const url = formatUrl(this.props.location.pathname, query)\n history.push(url)\n }\n\n render() {\n const {\n authUser,\n location,\n message,\n t,\n pagination,\n updateUser,\n users,\n } = this.props\n const translatedFilters = translateValues(t, userFilters)\n const translatedSortOrders = translateValues(t, sortOrders)\n return (\n \n
\n \n
\n \n
\n \n {t('administration:Sports')}\n
\n \n {sports.length > 0 && (\n \n \n
\n )}\n history.push('/admin/')}\n value={t('common:Back')}\n />\n
\n | {t('administration:id')} | \n{t('administration:Image')} | \n{t('administration:Label')} | \n{t('administration:Active')} | \n{t('administration:Actions')} | \n
|---|---|---|---|---|
| \n \n {t('administration:id')}\n \n {sport.id}\n | \n\n \n {t('administration:Image')}\n \n | \n \n \n {t('administration:Label')}\n \n {t(`sports:${sport.label}`)}\n | \n\n \n {t('administration:Active')}\n \n {sport.is_active ? (\n | \n \n \n {t('administration:Actions')}\n \n | \n
\n {message &&
\n )\n }\n}\n\nexport default connect(\n state => ({\n authUser: state.user,\n location: state.router.location,\n message: state.message,\n pagination: state.users.pagination,\n users: state.users.data,\n }),\n dispatch => ({\n loadUsers: query => {\n dispatch(getOrUpdateData('getData', 'users', query))\n },\n updateUser: (userName, isAdmin) => {\n const data = { username: userName, admin: isAdmin }\n dispatch(getOrUpdateData('updateData', 'users', data, false))\n },\n })\n)(AdminUsers)\n","import React from 'react'\nimport { Helmet } from 'react-helmet'\nimport { useTranslation } from 'react-i18next'\n\nexport default function NotFound() {\n const { t } = useTranslation()\n return (\n \n
\n \n
\n \n
\n \n
\n \n {t('administration:Users')}\n
\n \n \n \n
\n history.push('/admin/')}\n value={t('common:Back')}\n />\n
\n \n
\n \n \n
\n \n \n
\n | # | \n{t('user:Username')} | \n{t('user:Email')} | \n{t('user:Registration Date')} | \n{t('activities:Activities')} | \n{t('user:Admin')} | \n{t('administration:Actions')} | \n
|---|---|---|---|---|---|---|
| \n #\n {user.picture === true ? (\n | \n \n \n {t('user:Username')}\n \n \n {user.username}\n \n | \n\n \n {t('user:Email')}\n \n {user.email}\n | \n\n \n {t('user:Registration Date')}\n \n {format(\n new Date(user.created_at),\n 'dd/MM/yyyy HH:mm'\n )}\n | \n\n \n {t('activities:Activities')}\n \n {user.nb_activities}\n | \n\n \n {t('user:Admin')}\n \n {user.admin ? (\n | \n \n \n {t('administration:Actions')}\n \n | \n
\n \n fittrackee - 404 \n \n
\n )\n}\n","import React from 'react'\nimport { Helmet } from 'react-helmet'\nimport { withTranslation } from 'react-i18next'\nimport { connect } from 'react-redux'\nimport { Route, Switch } from 'react-router-dom'\n\nimport AdminApplication from './AdminApplication'\nimport AdminDashboard from './AdminDashboard'\nimport AdminSports from './AdminSports'\nimport AdminUsers from './AdminUsers'\nimport NotFound from './../Others/NotFound'\n\nfunction Admin(props) {\n const { appConfig, t, user } = props\n return (\n <>\n {t('Page not found')}
\n\n {user.admin ? (\n \n \n ) : (\n
\n \n )\n}\n\nexport default withTranslation()(\n connect(state => ({\n appConfig: state.application.config,\n user: state.user,\n }))(Admin)\n)\n","import { format, subHours } from 'date-fns'\nimport togeojson from '@mapbox/togeojson'\n\nimport { getDateWithTZ } from './index'\n\nexport const activityColors = [\n '#55a8a3',\n '#98C3A9',\n '#D0838A',\n '#ECC77E',\n '#926692',\n '#929292',\n '#428bca',\n]\n\nexport const recordsLabels = [\n { record_type: 'AS', label: 'Ave. speed' },\n { record_type: 'FD', label: 'Farest distance' },\n { record_type: 'LD', label: 'Longest duration' },\n { record_type: 'MS', label: 'Max. speed' },\n]\n\nexport const getGeoJson = gpxContent => {\n let jsonData\n if (gpxContent) {\n const gpx = new DOMParser().parseFromString(gpxContent, 'text/xml')\n jsonData = togeojson.gpx(gpx)\n }\n return { jsonData }\n}\n\nexport const formatActivityDate = (\n dateTime,\n dateFormat = null,\n timeFormat = null\n) => {\n if (!dateFormat) {\n dateFormat = 'yyyy/MM/dd'\n }\n if (!timeFormat) {\n timeFormat = 'HH:mm'\n }\n return {\n activity_date: dateTime ? format(dateTime, dateFormat) : null,\n activity_time: dateTime ? format(dateTime, timeFormat) : null,\n }\n}\n\nexport const formatActivityDuration = seconds => {\n let newDate = new Date(0)\n newDate = subHours(newDate.setSeconds(seconds), 1)\n return newDate.getTime()\n}\n\nexport const formatChartData = chartData => {\n for (let i = 0; i < chartData.length; i++) {\n chartData[i].time = new Date(chartData[i].time).getTime()\n chartData[i].duration = formatActivityDuration(chartData[i].duration)\n }\n return chartData\n}\n\nexport const formatRecord = (record, tz) => {\n let value\n switch (record.record_type) {\n case 'AS':\n case 'MS':\n value = `${record.value} km/h`\n break\n case 'FD':\n value = `${record.value} km`\n break\n default:\n // 'LD'\n value = record.value // eslint-disable-line prefer-destructuring\n }\n const [recordType] = recordsLabels.filter(\n r => r.record_type === record.record_type\n )\n return {\n activity_date: formatActivityDate(getDateWithTZ(record.activity_date, tz))\n .activity_date,\n activity_id: record.activity_id,\n id: record.id,\n record_type: recordType.label,\n value: value,\n }\n}\n\nconst sortSports = (a, b) => {\n const sportALabel = a.label.toLowerCase()\n const sportBLabel = b.label.toLowerCase()\n return sportALabel > sportBLabel ? 1 : sportALabel < sportBLabel ? -1 : 0\n}\n\nexport const translateSports = (sports, t, onlyActive = false) =>\n sports\n .filter(sport => (onlyActive ? sport.is_active : true))\n .map(sport => ({\n ...sport,\n label: t(`sports:${sport.label}`),\n }))\n .sort(sortSports)\n","import { createApiRequest } from '../utils'\n\nexport default class FitTrackeeApi {\n static loginOrRegisterOrPasswordReset(target, data) {\n const params = {\n url: `auth/${target}`,\n method: 'POST',\n noAuthorization: true,\n body: data,\n type: 'application/json',\n }\n return createApiRequest(params)\n }\n\n static deletePicture() {\n const params = {\n url: 'auth/picture',\n method: 'DELETE',\n }\n return createApiRequest(params)\n }\n}\n","import FitTrackeeGenericApi from '../fitTrackeeApi'\nimport FitTrackeeApi from '../fitTrackeeApi/auth'\nimport { history } from '../index'\nimport { generateIds } from '../utils'\nimport { getOrUpdateData, setError, updateLanguage } from './index'\nimport { getAppData } from './application'\n\nconst AuthError = message => ({ type: 'AUTH_ERROR', message })\n\nconst AuthErrors = messages => ({ type: 'AUTH_ERRORS', messages })\n\nconst PictureError = message => ({ type: 'PICTURE_ERROR', message })\n\nconst ProfileSuccess = profil => ({ type: 'PROFILE_SUCCESS', profil })\n\nconst ProfileError = message => ({ type: 'PROFILE_ERROR', message })\n\nconst ProfileUpdateError = message => ({\n type: 'PROFILE_UPDATE_ERROR',\n message,\n})\n\nexport const logout = () => ({ type: 'LOGOUT' })\n\nexport const loadProfile = () => dispatch => {\n if (window.localStorage.getItem('authToken')) {\n return dispatch(getProfile())\n }\n return { type: 'LOGOUT' }\n}\n\nexport const getProfile = () => dispatch =>\n FitTrackeeGenericApi.getData('auth/profile')\n .then(ret => {\n if (ret.status === 'success') {\n dispatch(getOrUpdateData('getData', 'sports'))\n ret.data.isAuthenticated = true\n if (ret.data.language) {\n dispatch(updateLanguage(ret.data.language))\n }\n return dispatch(ProfileSuccess(ret.data))\n }\n return dispatch(ProfileError(ret.message))\n })\n .catch(error => {\n throw error\n })\n\nexport const loginOrRegisterOrPasswordReset = (target, formData) => dispatch =>\n FitTrackeeApi.loginOrRegisterOrPasswordReset(target, formData)\n .then(ret => {\n if (ret.status === 'success') {\n if (target === 'password/reset-request') {\n return history.push({\n pathname: '/password-reset/sent',\n })\n }\n if (target === 'password/update') {\n return history.push({\n pathname: '/updated-password',\n })\n }\n if (target === 'login' || target === 'register') {\n window.localStorage.setItem('authToken', ret.auth_token)\n if (target === 'register') {\n dispatch(getAppData('config'))\n }\n return dispatch(getProfile())\n }\n }\n return dispatch(AuthError(ret.message))\n })\n .catch(error => {\n throw error\n })\n\nconst RegisterFormControl = (formData, onlyPasswords = false) => {\n const errMsg = []\n if (\n !onlyPasswords &&\n (formData.username.length < 3 || formData.username.length > 12)\n ) {\n errMsg.push('3 to 12 characters required for username.')\n }\n if (formData.password !== formData.password_conf) {\n errMsg.push(\"Password and password confirmation don't match.\")\n }\n if (formData.password.length < 8) {\n errMsg.push('8 characters required for password.')\n }\n return errMsg\n}\n\nexport const handleUserFormSubmit = (formData, formType) => dispatch => {\n if (formType === 'register' || formType === 'password/update') {\n const ret = RegisterFormControl(formData, formType === 'password/update')\n if (ret.length > 0) {\n return dispatch(AuthErrors(generateIds(ret)))\n }\n }\n return dispatch(loginOrRegisterOrPasswordReset(formType, formData))\n}\n\nexport const handleProfileFormSubmit = formData => dispatch => {\n if (!formData.password === formData.password_conf) {\n return dispatch(\n ProfileUpdateError(\"Password and password confirmation don't match.\")\n )\n }\n delete formData.id\n return FitTrackeeGenericApi.postData('auth/profile/edit', formData)\n .then(ret => {\n if (ret.status === 'success') {\n dispatch(getProfile())\n return history.push('/profile')\n }\n dispatch(ProfileUpdateError(ret.message))\n })\n .catch(error => {\n throw error\n })\n}\n\nexport const uploadPicture = event => dispatch => {\n event.preventDefault()\n const form = new FormData()\n form.append('file', event.target.picture.files[0])\n event.target.reset()\n return FitTrackeeGenericApi.addDataWithFile('auth/picture', form)\n .then(ret => {\n if (ret.status === 'success') {\n return dispatch(getProfile())\n }\n const msg = ret.message.match(/file size exceeds/g)\n ? 'Error during picture update, file size exceeds max size.'\n : ret.message\n return dispatch(PictureError(msg))\n })\n .catch(error => {\n throw error\n })\n}\n\nexport const deletePicture = () => dispatch =>\n FitTrackeeApi.deletePicture()\n .then(ret => {\n if (ret.status === 204) {\n return dispatch(getProfile())\n }\n return dispatch(PictureError(ret.message))\n })\n .catch(error => {\n throw error\n })\n\nexport const deleteUser = (username, isAdmin = false) => dispatch =>\n FitTrackeeGenericApi.deleteData('users', username)\n .then(ret => {\n if (ret.status === 204) {\n dispatch(getAppData('config'))\n if (isAdmin) {\n history.push('/admin/users')\n } else {\n dispatch(logout())\n history.push('/')\n }\n } else {\n ret.json().then(r => dispatch(setError(`${r.message}`)))\n }\n })\n .catch(error => dispatch(setError(`user|${error}`)))\n","import FitTrackeeGenericApi from '../fitTrackeeApi'\nimport { history } from '../index'\nimport { formatChartData } from '../utils/activities'\nimport { setError, setLoading } from './index'\nimport { loadProfile } from './user'\n\nexport const pushActivities = activities => ({\n type: 'PUSH_ACTIVITIES',\n activities,\n})\n\nexport const removeActivity = activityId => ({\n type: 'REMOVE_ACTIVITY',\n activityId,\n})\n\nexport const updateCalendar = activities => ({\n type: 'UPDATE_CALENDAR',\n activities,\n})\n\nexport const setGpx = gpxContent => ({\n type: 'SET_GPX',\n gpxContent,\n})\n\nexport const setChartData = chartData => ({\n type: 'SET_CHART_DATA',\n chartData,\n})\n\nexport const addActivity = form => dispatch =>\n FitTrackeeGenericApi.addDataWithFile('activities', form)\n .then(ret => {\n if (ret.status === 'created') {\n if (ret.data.activities.length === 0) {\n dispatch(setError('activities|no correct file.'))\n } else if (ret.data.activities.length === 1) {\n dispatch(loadProfile())\n history.push(`/activities/${ret.data.activities[0].id}`)\n } else {\n // ret.data.activities.length > 1\n dispatch(loadProfile())\n history.push('/')\n }\n } else if (ret.status === 413) {\n dispatch(\n setError('activities|File size is greater than the allowed size')\n )\n } else {\n dispatch(setError(`activities|${ret.message}`))\n }\n dispatch(setLoading(false))\n })\n .catch(error => {\n dispatch(setLoading(false))\n dispatch(setError(`activities|${error}`))\n })\n\nexport const addActivityWithoutGpx = form => dispatch =>\n FitTrackeeGenericApi.addData('activities/no_gpx', form)\n .then(ret => {\n if (ret.status === 'created') {\n dispatch(loadProfile())\n history.push(`/activities/${ret.data.activities[0].id}`)\n } else {\n dispatch(setError(`activities|${ret.message}`))\n }\n })\n .catch(error => dispatch(setError(`activities|${error}`)))\n\nexport const getActivityGpx = activityId => dispatch => {\n if (activityId) {\n return FitTrackeeGenericApi.getData(`activities/${activityId}/gpx`)\n .then(ret => {\n if (ret.status === 'success') {\n dispatch(setGpx(ret.data.gpx))\n } else {\n dispatch(setError(`activities|${ret.message}`))\n }\n })\n .catch(error => dispatch(setError(`activities|${error}`)))\n }\n dispatch(setGpx(null))\n}\n\nexport const getSegmentGpx = (activityId, segmentId) => dispatch => {\n if (activityId) {\n return FitTrackeeGenericApi.getData(\n `activities/${activityId}/gpx/segment/${segmentId}`\n )\n .then(ret => {\n if (ret.status === 'success') {\n dispatch(setGpx(ret.data.gpx))\n } else {\n dispatch(setError(`activities|${ret.message}`))\n }\n })\n .catch(error => dispatch(setError(`activities|${error}`)))\n }\n dispatch(setGpx(null))\n}\n\nexport const getActivityChartData = activityId => dispatch => {\n if (activityId) {\n return FitTrackeeGenericApi.getData(`activities/${activityId}/chart_data`)\n .then(ret => {\n if (ret.status === 'success') {\n dispatch(setChartData(formatChartData(ret.data.chart_data)))\n } else {\n dispatch(setError(`activities|${ret.message}`))\n }\n })\n .catch(error => dispatch(setError(`activities|${error}`)))\n }\n dispatch(setChartData(null))\n}\n\nexport const getSegmentChartData = (activityId, segmentId) => dispatch => {\n if (activityId) {\n return FitTrackeeGenericApi.getData(\n `activities/${activityId}/chart_data/segment/${segmentId}`\n )\n .then(ret => {\n if (ret.status === 'success') {\n dispatch(setChartData(formatChartData(ret.data.chart_data)))\n } else {\n dispatch(setError(`activities|${ret.message}`))\n }\n })\n .catch(error => dispatch(setError(`activities|${error}`)))\n }\n dispatch(setChartData(null))\n}\n\nexport const deleteActivity = id => dispatch =>\n FitTrackeeGenericApi.deleteData('activities', id)\n .then(ret => {\n if (ret.status === 204) {\n Promise.resolve(dispatch(removeActivity(id)))\n .then(() => dispatch(loadProfile()))\n .then(() => history.push('/'))\n } else {\n dispatch(setError(`activities|${ret.status}`))\n }\n })\n .catch(error => dispatch(setError(`activities|${error}`)))\n\nexport const editActivity = form => dispatch =>\n FitTrackeeGenericApi.updateData('activities', form)\n .then(ret => {\n if (ret.status === 'success') {\n dispatch(loadProfile())\n history.push(`/activities/${ret.data.activities[0].id}`)\n } else {\n dispatch(setError(`activities|${ret.message}`))\n }\n dispatch(setLoading(false))\n })\n .catch(error => {\n dispatch(setLoading(false))\n dispatch(setError(`activities|${error}`))\n })\n\nexport const getMoreActivities = params => dispatch =>\n FitTrackeeGenericApi.getData('activities', params)\n .then(ret => {\n if (ret.status === 'success') {\n if (ret.data.activities.length > 0) {\n dispatch(pushActivities(ret.data.activities))\n }\n } else {\n dispatch(setError(`activities|${ret.message}`))\n }\n })\n .catch(error => dispatch(setError(`activities|${error}`)))\n\nexport const getMonthActivities = (from, to) => dispatch =>\n FitTrackeeGenericApi.getData('activities', {\n from,\n to,\n order: 'asc',\n per_page: 100,\n })\n .then(ret => {\n if (ret.status === 'success') {\n dispatch(updateCalendar(ret.data.activities))\n } else {\n dispatch(setError(`activities|${ret.message}`))\n }\n })\n .catch(error => dispatch(setError(`activities|${error}`)))\n","import React from 'react'\nimport { Trans } from 'react-i18next'\nimport { connect } from 'react-redux'\n\nimport { setLoading } from '../../../actions/index'\nimport { addActivity, editActivity } from '../../../actions/activities'\nimport { history } from '../../../index'\nimport { getFileSize } from '../../../utils'\nimport { translateSports } from '../../../utils/activities'\n\nfunction FormWithGpx(props) {\n const {\n activity,\n appConfig,\n loading,\n onAddActivity,\n onEditActivity,\n sports,\n t,\n } = props\n const sportId = activity ? activity.sport_id : ''\n const translatedSports = translateSports(sports, t, true)\n const zipTooltip = `${t('activities:no folder inside')}, ${\n appConfig.gpx_limit_import\n } ${t('activities:files max')}, ${t('activities:max size')}: ${getFileSize(\n appConfig.max_zip_file_size\n )}`\n const fileSizeLimit = getFileSize(appConfig.max_single_file_size)\n return (\n \n \n
\n {activity ? (\n \n \n
\n ) : (\n \n \n
\n )}\n \n \n
\n {loading ? (\n \n ) : (\n \n \n activity ? onEditActivity(event, activity) : onAddActivity(event)\n }\n value={t('common:Submit')}\n />\n history.push('/')}\n value={t('common:Cancel')}\n />\n
\n )}\n \n )\n}\n\nexport default connect(\n state => ({\n appConfig: state.application.config,\n loading: state.loading,\n }),\n dispatch => ({\n onAddActivity: e => {\n dispatch(setLoading(true))\n const form = new FormData()\n form.append('file', e.target.form.gpxFile.files[0])\n /* prettier-ignore */\n form.append(\n 'data',\n `{\"sport_id\": ${e.target.form.sport.value\n }, \"notes\": \"${e.target.form.notes.value}\"}`\n )\n dispatch(addActivity(form))\n },\n onEditActivity: (e, activity) => {\n dispatch(\n editActivity({\n id: activity.id,\n notes: e.target.form.notes.value,\n sport_id: +e.target.form.sport.value,\n title: e.target.form.title.value,\n })\n )\n },\n })\n)(FormWithGpx)\n","import React from 'react'\nimport { connect } from 'react-redux'\n\nimport {\n addActivityWithoutGpx,\n editActivity,\n} from '../../../actions/activities'\nimport { history } from '../../../index'\nimport { getDateWithTZ } from '../../../utils'\nimport { formatActivityDate, translateSports } from '../../../utils/activities'\n\nfunction FormWithoutGpx(props) {\n const { activity, onAddOrEdit, sports, t, user } = props\n const translatedSports = translateSports(sports, t, true)\n let activityDate,\n activityTime,\n sportId = ''\n if (activity) {\n const activityDateTime = formatActivityDate(\n getDateWithTZ(activity.activity_date, user.timezone),\n 'yyyy-MM-dd'\n )\n activityDate = activityDateTime.activity_date\n activityTime = activityDateTime.activity_time\n sportId = activity.sport_id\n }\n\n return (\n \n )\n}\n\nexport default connect(\n state => ({\n user: state.user,\n }),\n dispatch => ({\n onAddOrEdit: (e, activity) => {\n const d = e.target.form.duration.value.split(':')\n const duration = +d[0] * 60 * 60 + +d[1] * 60 + +d[2]\n\n /* prettier-ignore */\n const activityDate = `${e.target.form.activity_date.value\n } ${ e.target.form.activity_time.value}`\n\n const data = {\n activity_date: activityDate,\n distance: +e.target.form.distance.value,\n duration,\n notes: e.target.form.notes.value,\n sport_id: +e.target.form.sport_id.value,\n title: e.target.form.title.value,\n }\n if (activity) {\n data.id = activity.id\n dispatch(editActivity(data))\n } else {\n dispatch(addActivityWithoutGpx(data))\n }\n },\n })\n)(FormWithoutGpx)\n","import React from 'react'\nimport { Helmet } from 'react-helmet'\nimport { withTranslation } from 'react-i18next'\nimport { connect } from 'react-redux'\n\nimport FormWithGpx from './ActivityForms/FormWithGpx'\nimport FormWithoutGpx from './ActivityForms/FormWithoutGpx'\nimport Message from '../Common/Message'\n\nclass ActivityAddEdit extends React.Component {\n constructor(props, context) {\n super(props, context)\n this.state = {\n withGpx: true,\n }\n }\n\n handleRadioChange(changeEvent) {\n this.setState({\n withGpx:\n changeEvent.target.name === 'withGpx'\n ? changeEvent.target.value\n : !changeEvent.target.value,\n })\n }\n\n render() {\n const { activity, loading, message, sports, t } = this.props\n const { withGpx } = this.state\n return (\n \n \n \n FitTrackee -{' '}\n {activity\n ? t('activities:Edit a workout')\n : t('activities:Add a workout')}\n \n \n
\n
\n
\n )\n }\n}\n\nexport default withTranslation()(\n connect(state => ({\n loading: state.loading,\n }))(ActivityAddEdit)\n)\n","import React from 'react'\nimport { connect } from 'react-redux'\n\nimport ActivityAddOrEdit from './ActivityAddOrEdit'\n\nfunction ActivityAdd(props) {\n const { message, sports } = props\n return (\n \n
\n
\n
\n \n \n
\n \n
\n \n \n
\n \n {activity\n ? t('activities:Edit a workout')\n : t('activities:Add a workout')}\n
\n\n {activity ? (\n activity.with_gpx ? (\n
\n \n \n {withGpx ? (\n
\n )}\n \n
\n )\n}\n\nexport default connect(state => ({\n message: state.message,\n sports: state.sports.data,\n user: state.user,\n}))(ActivityAdd)\n","import React from 'react'\nimport { Link } from 'react-router-dom'\n\nimport { getDateWithTZ } from '../../../utils'\nimport { formatActivityDate } from '../../../utils/activities'\n\nexport default function ActivityCardHeader(props) {\n const {\n activity,\n dataType,\n displayModal,\n segmentId,\n sport,\n t,\n title,\n user,\n } = props\n const activityDate = activity\n ? formatActivityDate(getDateWithTZ(activity.activity_date, user.timezone))\n : null\n\n const previousUrl =\n dataType === 'segment' && segmentId !== 1\n ? `/activities/${activity.id}/segment/${segmentId - 1}`\n : dataType === 'activity' && activity.previous_activity\n ? `/activities/${activity.previous_activity}`\n : null\n const nextUrl =\n dataType === 'segment' && segmentId < activity.segments.length\n ? `/activities/${activity.id}/segment/${segmentId + 1}`\n : dataType === 'activity' && activity.next_activity\n ? `/activities/${activity.next_activity}`\n : null\n\n return (\n \n
\n )\n}\n","import { format } from 'date-fns'\nimport React from 'react'\nimport { connect } from 'react-redux'\nimport {\n Area,\n ComposedChart,\n Line,\n ResponsiveContainer,\n Tooltip,\n XAxis,\n YAxis,\n} from 'recharts'\n\nimport {\n getActivityChartData,\n getSegmentChartData,\n} from '../../../actions/activities'\n\nclass ActivityCharts extends React.Component {\n constructor(props, context) {\n super(props, context)\n this.state = {\n displayDistance: true,\n dataToHide: [],\n }\n }\n\n componentDidMount() {\n if (this.props.dataType === 'activity') {\n this.props.loadActivityData(this.props.activity.id)\n } else {\n this.props.loadSegmentData(this.props.activity.id, this.props.segmentId)\n }\n }\n\n componentDidUpdate(prevProps) {\n if (\n (this.props.dataType === 'activity' &&\n prevProps.activity.id !== this.props.activity.id) ||\n (this.props.dataType === 'activity' && prevProps.dataType === 'segment')\n ) {\n this.props.loadActivityData(this.props.activity.id)\n }\n if (\n this.props.dataType === 'segment' &&\n prevProps.segmentId !== this.props.segmentId\n ) {\n this.props.loadSegmentData(this.props.activity.id, this.props.segmentId)\n }\n }\n\n componentWillUnmount() {\n this.props.loadActivityData(null)\n }\n\n handleRadioChange(changeEvent) {\n this.setState({\n displayDistance:\n changeEvent.target.name === 'distance'\n ? changeEvent.target.value\n : !changeEvent.target.value,\n })\n }\n\n handleLegendChange(e) {\n const { dataToHide } = this.state\n const name = e.target.name // eslint-disable-line prefer-destructuring\n if (dataToHide.find(d => d === name)) {\n dataToHide.splice(dataToHide.indexOf(name), 1)\n } else {\n dataToHide.push(name)\n }\n this.setState({ dataToHide })\n }\n\n displayData(name) {\n const { dataToHide } = this.state\n return !dataToHide.find(d => d === name)\n }\n\n render() {\n const { chartData, t, updateCoordinates } = this.props\n const { displayDistance } = this.state\n const xInterval = chartData ? parseInt(chartData.length / 10, 10) : 0\n let xDataKey, xScale\n if (displayDistance) {\n xDataKey = 'distance'\n xScale = 'linear'\n } else {\n xDataKey = 'duration'\n xScale = 'time'\n }\n return (\n \n
\n \n {previousUrl ? (\n \n
\n \n 
\n
\n \n {dataType === 'activity' ? (\n <>\n {title}{' '}\n \n displayModal(true)}\n title={t('activities:Delete activity')}\n />\n \n ) : (\n <>\n {/* prettier-ignore */}\n \n {title}\n {' '}\n - {t('activities:segment')} {segmentId}\n \n )}\n
\n {activityDate && (\n \n {`${activityDate.activity_date} - ${activityDate.activity_time}`}\n \n )}\n
\n \n {activityDate && (\n \n {`${activityDate.activity_date} - ${activityDate.activity_time}`}\n \n )}\n
\n {nextUrl ? (\n \n
\n \n {chartData && chartData.length > 0 ? (\n
\n )\n }\n}\n\nexport default connect(\n state => ({\n chartData: state.chartData,\n }),\n dispatch => ({\n loadActivityData: activityId => {\n dispatch(getActivityChartData(activityId))\n },\n loadSegmentData: (activityId, segmentId) => {\n dispatch(getSegmentChartData(activityId, segmentId))\n },\n })\n)(ActivityCharts)\n","import React from 'react'\n\nexport default function ActivityWeather(props) {\n const { activity, t } = props\n return (\n \n
\n ) : (\n t('activities:No data to display')\n )}\n \n \n \n
\n \n \n \n \n \n
\n \n \n updateCoordinates(e.activePayload)}\n onMouseLeave={() => updateCoordinates(null)}\n >\n \n displayDistance ? value : format(value, 'HH:mm:ss')\n }\n type=\"number\"\n />\n \n displayDistance\n ? `${t('activities:distance')}: ${value} km`\n : `${t('activities:duration')}: ${format(\n value,\n 'HH:mm:ss'\n )}`\n }\n />\n \n \n
\n \n {t('activities:data from gpx, without any cleaning')}\n
\n \n {activity.weather_start && activity.weather_end && (\n \n \n
\n )}\n
\n )\n}\n","import React from 'react'\n\nimport ActivityWeather from './ActivityWeather'\n\nexport default function ActivityDetails(props) {\n const { activity, t } = props\n const withPauses = activity.pauses !== '0:00:00' && activity.pauses !== null\n return (\n | \n | \n {t('activities:Start')}\n \n | \n \n {t('activities:End')}\n \n | \n
|---|---|---|
| \n | \n {Number(activity.weather_start.temperature).toFixed(1)}°C | \n{Number(activity.weather_end.temperature).toFixed(1)}°C | \n
| \n | \n \n {Number(activity.weather_start.humidity * 100).toFixed(1)}%\n | \n{Number(activity.weather_end.humidity * 100).toFixed(1)}% | \n
| \n | \n {Number(activity.weather_start.wind).toFixed(1)}m/s | \n{Number(activity.weather_end.wind).toFixed(1)}m/s | \n
\n
\n )\n}\n","import React from 'react'\nimport { GeoJSON, Marker, TileLayer, useMap } from 'react-leaflet'\nimport hash from 'object-hash'\n\nimport { apiUrl } from '../../../utils'\n\nexport default function Map({ bounds, coordinates, jsonData, mapAttribution }) {\n const map = useMap()\n map.fitBounds(bounds)\n return (\n <>\n \n \n {t('activities:Duration')}: {activity.moving}\n {activity.records &&\n activity.records.find(r => r.record_type === 'LD') && (\n \n \n \n )}\n {withPauses && (\n \n
({t('activities:pauses')}: {activity.pauses},{' '}\n {t('activities:total duration')}: {activity.duration})\n \n )}\n
\n \n {t('activities:Distance')}: {activity.distance} km\n {activity.records &&\n activity.records.find(r => r.record_type === 'FD') && (\n \n \n \n )}\n
\n\n \n {t('activities:Average speed')}: {activity.ave_speed} km/h\n {activity.records &&\n activity.records.find(r => r.record_type === 'AS') && (\n \n \n \n )}\n
\n {t('activities:Max. speed')}: {activity.max_speed} km/h\n {activity.records &&\n activity.records.find(r => r.record_type === 'MS') && (\n \n \n \n )}\n
\n \n {t('activities:Min. altitude')}: {activity.min_alt}m\n
\n {t('activities:Max. altitude')}: {activity.max_alt}m\n
\n \n {t('activities:Ascent')}: {activity.ascent}m\n
\n {t('activities:Descent')}: {activity.descent}m\n
\n {jsonData && (\n \n
\n )\n }\n}\n\nexport default connect(\n state => ({\n gpxContent: state.gpx,\n mapAttribution: state.application.config.map_attribution,\n }),\n dispatch => ({\n loadActivityGpx: activityId => {\n dispatch(getActivityGpx(activityId))\n },\n loadSegmentGpx: (activityId, segmentId) => {\n dispatch(getSegmentGpx(activityId, segmentId))\n },\n })\n)(ActivityMap)\n","import React from 'react'\n\nexport default function ActivityNoMap(props) {\n const { t } = props\n return (\n {t('activities:No Map')}
\n )\n}\n","import React from 'react'\n\nexport default function ActivityNotes(props) {\n const { notes, t } = props\n return (\n \n
\n )\n}\n","import React from 'react'\nimport { Link } from 'react-router-dom'\n\nexport default function ActivitySegments(props) {\n const { segments, t } = props\n return (\n \n
\n \n
\n \n Notes\n
\n \n {notes ? notes : t('activities:No notes')}\n
\n \n
\n )\n}\n","import React from 'react'\nimport { useTranslation } from 'react-i18next'\n\nexport default function CustomModal(props) {\n const { t } = useTranslation()\n return (\n \n
\n \n
\n \n {t('activities:Segments')}\n
\n \n
\n - \n {segments.map((segment, index) => (\n
\n
\n )\n}\n","import React from 'react'\nimport { Helmet } from 'react-helmet'\nimport { withTranslation } from 'react-i18next'\nimport { connect } from 'react-redux'\n\nimport ActivityCardHeader from './ActivityCardHeader'\nimport ActivityCharts from './ActivityCharts'\nimport ActivityDetails from './ActivityDetails'\nimport ActivityMap from './ActivityMap'\nimport ActivityNoMap from './ActivityNoMap'\nimport ActivityNotes from './ActivityNotes'\nimport ActivitySegments from './ActivitySegments'\nimport CustomModal from '../../Common/CustomModal'\nimport Message from '../../Common/Message'\nimport { getOrUpdateData } from '../../../actions'\nimport { deleteActivity } from '../../../actions/activities'\n\nclass ActivityDisplay extends React.Component {\n constructor(props, context) {\n super(props, context)\n this.state = {\n displayModal: false,\n coordinates: {\n latitude: null,\n longitude: null,\n },\n }\n }\n\n componentDidMount() {\n this.props.loadActivity(this.props.match.params.activityId)\n }\n\n componentDidUpdate(prevProps) {\n if (\n prevProps.match.params.activityId !== this.props.match.params.activityId\n ) {\n this.props.loadActivity(this.props.match.params.activityId)\n }\n }\n\n displayModal(value) {\n this.setState(prevState => ({\n ...prevState,\n displayModal: value,\n }))\n }\n\n updateCoordinates(activePayload) {\n const coordinates =\n activePayload && activePayload.length > 0\n ? {\n latitude: activePayload[0].payload.latitude,\n longitude: activePayload[0].payload.longitude,\n }\n : {\n latitude: null,\n longitude: null,\n }\n this.setState(prevState => ({\n ...prevState,\n coordinates,\n }))\n }\n\n render() {\n const {\n activities,\n message,\n onDeleteActivity,\n sports,\n t,\n user,\n } = this.props\n const { coordinates, displayModal } = this.state\n const [activity] = activities\n const title = activity ? activity.title : t('activities:Activity')\n const [sport] = activity\n ? sports.filter(s => s.id === activity.sport_id)\n : []\n const segmentId = parseInt(this.props.match.params.segmentId)\n const dataType = segmentId >= 0 ? 'segment' : 'activity'\n return (\n \n
\n \n
\n \n props.close()}\n >\n ×\n \n
\n {props.title}
\n\n
\n {props.text}
\n\n props.confirm()}\n >\n {t('common:Yes')}\n \n props.close()}\n >\n {t('common:No')}\n \n
\n \n \n FitTrackee - {title} \n \n {message ? (\n
\n )\n }\n}\n\nexport default withTranslation()(\n connect(\n state => ({\n activities: state.activities.data,\n message: state.message,\n sports: state.sports.data,\n user: state.user,\n }),\n dispatch => ({\n loadActivity: activityId => {\n dispatch(getOrUpdateData('getData', 'activities', { id: activityId }))\n },\n onDeleteActivity: activityId => {\n dispatch(deleteActivity(activityId))\n },\n })\n )(ActivityDisplay)\n)\n","import React from 'react'\nimport { connect } from 'react-redux'\n\nimport ActivityAddOrEdit from './ActivityAddOrEdit'\nimport { getOrUpdateData } from '../../actions'\n\nclass ActivityEdit extends React.Component {\n componentDidMount() {\n this.props.loadActivity(this.props.match.params.activityId)\n }\n\n render() {\n const { activities, message, sports } = this.props\n const [activity] = activities\n return (\n \n {displayModal && (\n {\n onDeleteActivity(activity.id)\n this.displayModal(false)\n }}\n close={() => this.displayModal(false)}\n />\n )}\n {activity && sport && activities.length === 1 && (\n
\n )}\n \n
\n )}\n \n
\n {activity.with_gpx && (\n \n
\n \n
\n \n this.displayModal(true)}\n />\n
\n \n
\n \n
\n \n {activity.with_gpx ? (\n
\n \n
\n \n
\n )}\n {dataType === 'activity' && (\n <>\n \n
\n \n
\n \n
\n \n
\n \n \n this.updateCoordinates(e)\n }\n />\n
\n \n {t('activities:Chart')}\n
\n \n {sports.length > 0 && (\n
\n )\n }\n}\n\nexport default connect(\n state => ({\n activities: state.activities.data,\n message: state.message,\n sports: state.sports.data,\n user: state.user,\n }),\n dispatch => ({\n loadActivity: activityId => {\n dispatch(getOrUpdateData('getData', 'activities', { id: activityId }))\n },\n })\n)(ActivityEdit)\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport { Redirect, Route, Switch } from 'react-router-dom'\n\nimport ActivityAdd from './ActivityAdd'\nimport ActivityDisplay from './ActivityDisplay'\nimport ActivityEdit from './ActivityEdit'\nimport NotFound from './../Others/NotFound'\nimport { isLoggedIn } from '../../utils'\n\nfunction Activity() {\n return (\n \n {isLoggedIn() ? (\n \n \n ) : (\n
\n )\n}\n\nexport default connect(state => ({\n user: state.user,\n}))(Activity)\n","import React from 'react'\n\nimport { translateSports } from '../../utils/activities'\n\nexport default class ActivitiesFilter extends React.PureComponent {\n render() {\n const { loadActivities, sports, t, updateParams } = this.props\n const translatedSports = translateSports(sports, t)\n return (\n \n
\n )\n }\n}\n","import React from 'react'\n\nimport { apiUrl } from '../../utils'\n\nexport default class StaticMap extends React.PureComponent {\n render() {\n const { activity, display } = this.props\n\n return (\n \n \n
\n \n
\n )\n }\n}\n","import { format } from 'date-fns'\nimport React from 'react'\nimport { Link } from 'react-router-dom'\n\nimport StaticMap from '../Common/StaticMap'\nimport { getDateWithTZ } from '../../utils'\n\nexport default class ActivitiesList extends React.PureComponent {\n render() {\n const { activities, loading, sports, t, user } = this.props\n return (\n \n ©\n \n OpenStreetMap\n \n
\n \n
\n )\n }\n}\n","import React from 'react'\nimport { Link } from 'react-router-dom'\n\nexport default class NoActivities extends React.PureComponent {\n render() {\n const { t } = this.props\n return (\n \n \n \n
\n {loading && }\n
\n | \n | {t('common:Workout')} | \n{t('activities:Date')} | \n{t('activities:Distance')} | \n{t('activities:Duration')} | \n{t('activities:Ave. speed')} | \n{t('activities:Max. speed')} | \n
|---|---|---|---|---|---|---|
| \n \n {t('common:Sport')}\n \n | \n \n \n {t('common:Workout')}\n \n \n {activity.title}\n \n {activity.map && (\n | \n \n \n {t('activities:Date')}\n \n {format(\n getDateWithTZ(activity.activity_date, user.timezone),\n 'dd/MM/yyyy HH:mm'\n )}\n | \n\n \n {t('activities:Distance')}\n \n {Number(activity.distance).toFixed(2)} km\n | \n\n \n {t('activities:Duration')}\n \n {activity.moving}\n | \n\n \n {t('activities:Ave. speed')}\n \n {activity.ave_speed} km/h\n | \n\n \n {t('activities:Max. speed')}\n \n {activity.max_speed} km/h\n | \n
\n
\n )\n }\n}\n","import React from 'react'\nimport { Helmet } from 'react-helmet'\nimport { withTranslation } from 'react-i18next'\nimport { connect } from 'react-redux'\n\nimport ActivitiesFilter from './ActivitiesFilter'\nimport ActivitiesList from './ActivitiesList'\nimport Message from '../Common/Message'\nimport NoActivities from '../Common/NoActivities'\nimport { getOrUpdateData } from '../../actions'\nimport { getMoreActivities } from '../../actions/activities'\n\nclass Activities extends React.Component {\n constructor(props, context) {\n super(props, context)\n this.state = {\n params: {\n page: 1,\n per_page: 10,\n },\n }\n }\n\n componentDidMount() {\n this.props.loadActivities(this.state.params)\n }\n\n setParams(e) {\n const { params } = this.state\n if (e.target.value === '') {\n delete params[e.target.name]\n } else {\n params[e.target.name] = e.target.value\n }\n params.page = 1\n this.setState(params)\n }\n render() {\n const {\n activities,\n loading,\n loadActivities,\n loadMoreActivities,\n message,\n sports,\n t,\n user,\n } = this.props\n const { params } = this.state\n const paginationEnd =\n activities.length > 0\n ? activities[activities.length - 1].previous_activity === null\n : true\n return (\n \n {t('common:No workouts.')}{' '}\n \n {t('dashboard:Upload one !')}\n \n
\n \n \n FitTrackee - {t('common:Workouts')} \n \n {message ? (\n
\n )\n }\n}\n\nexport default withTranslation()(\n connect(\n state => ({\n activities: state.activities.data,\n loading: state.loading,\n message: state.message,\n sports: state.sports.data,\n user: state.user,\n }),\n dispatch => ({\n loadActivities: params => {\n dispatch(getOrUpdateData('getData', 'activities', params))\n },\n loadMoreActivities: params => {\n dispatch(getMoreActivities(params))\n },\n })\n )(Activities)\n)\n","import { format } from 'date-fns'\nimport React from 'react'\nimport { Helmet } from 'react-helmet'\nimport { withTranslation } from 'react-i18next'\nimport { connect } from 'react-redux'\n\nimport Message from '../Common/Message'\nimport { deletePicture, uploadPicture } from '../../actions/user'\nimport { apiUrl, getFileSize } from '../../utils'\nimport { history } from '../../index'\n\nfunction ProfileDetail({\n appConfig,\n displayModal,\n editable,\n isDeletable,\n message,\n onDeletePicture,\n onUploadPicture,\n pathname,\n t,\n user,\n}) {\n const createdAt = user.created_at\n ? format(new Date(user.created_at), 'dd/MM/yyyy HH:mm')\n : ''\n const birthDate = user.birth_date\n ? format(new Date(user.birth_date), 'dd/MM/yyyy')\n : ''\n const fileSizeLimit = getFileSize(appConfig.max_single_file_size)\n return (\n \n
\n )}\n \n
\n \n loadActivities(params)}\n t={t}\n updateParams={e => this.setParams(e)}\n />\n
\n \n {\n params.page += 1\n loadMoreActivities(params)\n this.setState(params)\n }}\n />\n )}\n {activities.length === 0 &&
\n \n \n FitTrackee - {t('user:Profile')} \n \n
\n )\n}\n\nexport default withTranslation()(\n connect(\n state => ({\n appConfig: state.application.config,\n pathname: state.router.location.pathname,\n message: state.message,\n }),\n dispatch => ({\n onDeletePicture: () => {\n dispatch(deletePicture())\n },\n onUploadPicture: event => {\n dispatch(uploadPicture(event))\n },\n })\n )(ProfileDetail)\n)\n","import React from 'react'\nimport { withTranslation } from 'react-i18next'\nimport { connect } from 'react-redux'\n\nimport ProfileDetail from './ProfileDetail'\n\nfunction CurrentUserProfile({ t, user }) {\n return (\n \n
\n {t('user:Profile')}
\n\n
\n \n
\n \n
\n \n {user.username}\n
\n \n history.push('/profile/edit')}\n >\n {t('common:Edit')}\n \n )}\n {isDeletable && (\n displayModal(true)}\n >\n {t('user:Delete user account')}\n \n )}\n \n pathname === '/profile' ? history.push('/') : history.go(-1)\n }\n >\n {t(\n pathname === '/profile'\n ? 'common:Back to home'\n : 'common:Back'\n )}\n \n
\n \n
\n {editable && (\n \n
\n \n {/* eslint-disable-next-line max-len */}\n \n {t('user:Email')}\n : {user.email}\n
\n\n \n {t('user:Registration Date')}\n \n : {createdAt}\n
\n\n {t('user:First Name')}\n : {user.first_name}\n
\n\n {/* eslint-disable-next-line max-len */}\n \n {t('user:Last Name')}\n : {user.last_name}\n
\n\n {t('user:Birth Date')}\n : {birthDate}\n
\n\n {/* eslint-disable-next-line max-len */}\n \n {t('user:Location')}\n : {user.location}\n
\n\n {t('user:Bio')}:{' '}\n {user.bio}\n
\n\n {/* eslint-disable-next-line max-len */}\n \n {t('user:Language')}\n : {user.language}\n
\n\n {/* eslint-disable-next-line max-len */}\n \n {t('user:Timezone')}\n : {user.timezone}\n
\n\n \n {t('user:First day of week')}\n \n : {user.weekm ? t('user:Monday') : t('user:Sunday')}\n
\n\n {user.picture === true && (\n onUploadPicture(event)}\n >\n
\n \n {` (max. size: ${fileSizeLimit})`}\n \n )}{' '}\n
\n \n
\n onDeletePicture()}\n >\n {t('user:Delete picture')}\n \n
\n
\n \n )}\n
\n )}\n {editable && (\n \n
\n
\n \n )}\n
\n \n {` (max. size: ${fileSizeLimit})`}\n \n )}{' '}\n
\n
\n )\n}\n\nexport default withTranslation()(\n connect(state => ({\n user: state.user,\n }))(CurrentUserProfile)\n)\n","import { format } from 'date-fns'\nimport React from 'react'\nimport { Link } from 'react-router-dom'\n\nimport StaticMap from '../Common/StaticMap'\nimport { getDateWithTZ } from '../../utils'\n\nexport default function ActivityCard(props) {\n const { activity, sports, t, user } = props\n\n return (\n \n
\n )\n}\n","import React from 'react'\nimport { Link } from 'react-router-dom'\n\nimport { recordsLabels } from '../../utils/activities'\n\nexport default function CalendarActivity(props) {\n const { activity, isDisabled, isMore, sportImg } = props\n return (\n \n \n {sports\n .filter(sport => sport.id === activity.sport_id)\n .map(sport => t(`sports:${sport.label}`))}{' '}\n -{' '}\n {format(\n getDateWithTZ(activity.activity_date, user.timezone),\n 'dd/MM/yyyy HH:mm'\n )}\n \n
\n \n
\n \n {activity.map && (\n
\n \n
\n )}\n \n
\n \n {' '}\n {t('activities:Duration')}: {activity.moving}\n {activity.map ? (\n \n
\n
\n \n ) : (\n ' - '\n )}\n {' '}\n {t('activities:Distance')}: {activity.distance} km\n
\n {dayActivities.map(act => (\n s.id === act.sport_id).map(s => s.img)}\n />\n ))}\n {dayActivities.length > 2 && (\n this.handleDisplayMore()}\n title=\"show more activities\"\n />\n )}\n {!isHidden && (\n
\n )\n }\n}\n","// eslint-disable-next-line max-len\n// source: https://blog.flowandform.agency/create-a-custom-calendar-in-react-3df1bfd0b728\nimport {\n addDays,\n addMonths,\n endOfMonth,\n endOfWeek,\n format,\n isSameDay,\n isSameMonth,\n isToday,\n startOfMonth,\n startOfWeek,\n subMonths,\n} from 'date-fns'\nimport { enGB, fr } from 'date-fns/locale'\nimport React from 'react'\nimport { connect } from 'react-redux'\n\nimport CalendarActivities from './CalendarActivities'\nimport { getMonthActivities } from '../../actions/activities'\nimport { getDateWithTZ } from '../../utils'\n\nconst getStartAndEndMonth = (date, weekStartOnMonday) => {\n const monthStart = startOfMonth(date)\n const monthEnd = endOfMonth(date)\n const weekStartsOn = weekStartOnMonday ? 1 : 0\n return {\n start: startOfWeek(monthStart, { weekStartsOn }),\n end: endOfWeek(monthEnd),\n }\n}\n\nclass Calendar extends React.Component {\n constructor(props, context) {\n super(props, context)\n const calendarDate = new Date()\n this.state = {\n currentMonth: calendarDate,\n startDate: getStartAndEndMonth(calendarDate, props.weekm).start,\n endDate: getStartAndEndMonth(calendarDate, props.weekm).end,\n weekStartOnMonday: props.weekm,\n }\n }\n\n componentDidMount() {\n this.props.loadMonthActivities(this.state.startDate, this.state.endDate)\n }\n\n renderHeader(localeOptions) {\n const dateFormat = 'MMM yyyy'\n return (\n \n {dayActivities.map(act => (\n s.id === act.sport_id)\n .map(s => s.img)}\n />\n ))}\n
\n )}\n \n
\n )\n }\n\n renderDays(localeOptions) {\n const dateFormat = 'EEE'\n const days = []\n const { startDate } = this.state\n\n for (let i = 0; i < 7; i++) {\n days.push(\n this.handlePrevMonth()}>\n \n
\n \n \n {format(this.state.currentMonth, dateFormat, localeOptions)}\n \n
\n this.handleNextMonth()}>\n \n
\n \n {format(addDays(startDate, i), dateFormat, localeOptions)}\n
\n )\n }\n return {days}
\n }\n\n filterActivities(day) {\n const { activities, user } = this.props\n if (activities) {\n return activities.filter(act =>\n isSameDay(getDateWithTZ(act.activity_date, user.timezone), day)\n )\n }\n return []\n }\n\n renderCells() {\n const { currentMonth, startDate, endDate, weekStartOnMonday } = this.state\n const { sports } = this.props\n\n const dateFormat = 'd'\n const rows = []\n\n let days = []\n let day = startDate\n let formattedDate = ''\n\n while (day <= endDate) {\n for (let i = 0; i < 7; i++) {\n formattedDate = format(day, dateFormat)\n const dayActivities = this.filterActivities(day)\n const isDisabled = isSameMonth(day, currentMonth) ? '' : '-disabled'\n const isWeekEnd = weekStartOnMonday\n ? [5, 6].includes(i)\n : [0, 6].includes(i)\n days.push(\n \n {formattedDate}\n
\n \n )\n day = addDays(day, 1)\n }\n rows.push(\n \n {days}\n
\n )\n days = []\n }\n return {rows}
\n }\n\n updateStateDate(calendarDate) {\n const { start, end } = getStartAndEndMonth(\n calendarDate,\n this.state.weekStartOnMonday\n )\n this.setState({\n currentMonth: calendarDate,\n startDate: start,\n endDate: end,\n })\n this.props.loadMonthActivities(start, end)\n }\n\n handleNextMonth() {\n const calendarDate = addMonths(this.state.currentMonth, 1)\n this.updateStateDate(calendarDate)\n }\n\n handlePrevMonth() {\n const calendarDate = subMonths(this.state.currentMonth, 1)\n this.updateStateDate(calendarDate)\n }\n\n render() {\n const localeOptions = {\n locale: this.props.language === 'fr' ? fr : enGB,\n }\n return (\n \n
\n )\n }\n}\n\nexport default connect(\n state => ({\n activities: state.calendarActivities.data,\n language: state.language,\n sports: state.sports.data,\n user: state.user,\n }),\n dispatch => ({\n loadMonthActivities: (start, end) => {\n const dateFormat = 'yyyy-MM-dd'\n dispatch(\n getMonthActivities(format(start, dateFormat), format(end, dateFormat))\n )\n },\n })\n)(Calendar)\n","import React from 'react'\nimport { Link } from 'react-router-dom'\n\nimport { formatRecord, translateSports } from '../../utils/activities'\n\nexport default function RecordsCard(props) {\n const { records, sports, t, user } = props\n const translatedSports = translateSports(sports, t)\n const recordsBySport = records.reduce((sportList, record) => {\n const sport = translatedSports.find(s => s.id === record.sport_id)\n if (sportList[sport.label] === void 0) {\n sportList[sport.label] = {\n img: sport.img,\n records: [],\n }\n }\n sportList[sport.label].records.push(formatRecord(record, user.timezone))\n return sportList\n }, {})\n\n return (\n \n {this.renderHeader(localeOptions)}\n {this.renderDays(localeOptions)}\n {this.renderCells()}\n
\n \n
\n )\n}\n","import FitTrackeeGenericApi from '../fitTrackeeApi'\nimport { setData, setError } from './index'\n\nexport const getStats = (userName, type, data) => dispatch =>\n FitTrackeeGenericApi.getData(`stats/${userName}/${type}`, data)\n .then(ret => {\n if (ret.status === 'success') {\n dispatch(setData('statistics', ret.data))\n } else {\n dispatch(setError(`statistics|${ret.message}`))\n }\n })\n .catch(error => dispatch(setError(`statistics|${error}`)))\n","import {\n addDays,\n addMonths,\n addYears,\n format,\n startOfMonth,\n startOfWeek,\n startOfYear,\n} from 'date-fns'\n\nconst xAxisFormats = [\n { duration: 'week', dateFormat: 'yyyy-MM-dd', xAxis: 'dd/MM' },\n { duration: 'month', dateFormat: 'yyyy-MM', xAxis: 'MM/yyyy' },\n { duration: 'year', dateFormat: 'yyyy', xAxis: 'yyyy' },\n]\n\nexport const formatDuration = (totalSeconds, formatWithDay = false) => {\n let days = '0'\n if (formatWithDay) {\n days = String(Math.floor(totalSeconds / 86400))\n totalSeconds %= 86400\n }\n const hours = String(Math.floor(totalSeconds / 3600)).padStart(2, '0')\n totalSeconds %= 3600\n const minutes = String(Math.floor(totalSeconds / 60)).padStart(2, '0')\n const seconds = String(totalSeconds % 60).padStart(2, '0')\n if (formatWithDay) {\n return `${days === '0' ? '' : `${days}d:`}${\n hours === '00' ? '' : `${hours}h:`\n }${minutes}m:${seconds}s`\n }\n return `${hours === '00' ? '' : `${hours}:`}${minutes}:${seconds}`\n}\n\nexport const formatValue = (displayedData, value) =>\n value === 0\n ? ''\n : displayedData === 'distance'\n ? `${value.toFixed(2)} km`\n : displayedData === 'duration'\n ? formatDuration(value)\n : value\n\nconst dateIncrement = (duration, day) => {\n switch (duration) {\n case 'week':\n return addDays(day, 7)\n case 'year':\n return addYears(day, 1)\n case 'month':\n default:\n return addMonths(day, 1)\n }\n}\n\nconst startDate = (duration, day, weekm) => {\n switch (duration) {\n case 'week':\n return startOfWeek(day, { weekStartsOn: weekm ? 1 : 0 })\n case 'year':\n return startOfYear(day)\n case 'month':\n default:\n return startOfMonth(day)\n }\n}\n\nexport const formatStats = (stats, sports, params, displayedSports, weekm) => {\n const nbActivitiesStats = []\n const distanceStats = []\n const durationStats = []\n\n for (\n let day = startDate(params.duration, params.start, weekm);\n day <= params.end;\n day = dateIncrement(params.duration, day)\n ) {\n const [xAxisFormat] = xAxisFormats.filter(\n x => x.duration === params.duration\n )\n const date = format(day, xAxisFormat.dateFormat)\n const xAxis = format(day, xAxisFormat.xAxis)\n const dataNbActivities = { date: xAxis }\n const dataDistance = { date: xAxis }\n const dataDuration = { date: xAxis }\n\n if (stats[date]) {\n Object.keys(stats[date])\n .filter(sportId =>\n displayedSports ? displayedSports.includes(+sportId) : true\n )\n .map(sportId => {\n const sportLabel = sports.filter(s => s.id === +sportId)[0].label\n dataNbActivities[sportLabel] = stats[date][sportId].nb_activities\n dataDistance[sportLabel] = stats[date][sportId].total_distance\n dataDuration[sportLabel] = stats[date][sportId].total_duration\n return null\n })\n }\n nbActivitiesStats.push(dataNbActivities)\n distanceStats.push(dataDistance)\n durationStats.push(dataDuration)\n }\n\n return {\n activities: nbActivitiesStats,\n distance: distanceStats,\n duration: durationStats,\n }\n}\n","import React from 'react'\n\nimport { formatDuration } from '../../../utils/stats'\n\nconst formatValue = (displayedData, value) =>\n displayedData === 'duration'\n ? formatDuration(value, true)\n : displayedData === 'distance'\n ? value.toFixed(2)\n : value\n\n/**\n * @return {null}\n */\nexport default function CustomTooltip(props) {\n const { active } = props\n if (active) {\n const { displayedData, payload, label } = props\n let total = 0\n payload.map(p => (total += p.value))\n return (\n {t('activities:Personal records')}
\n \n {Object.keys(recordsBySport).length === 0\n ? t('common:No records.')\n : Object.keys(recordsBySport)\n .sort()\n .map(sportLabel => (\n
\n \n \n \n \n
\n
\n ))}\n | \n | \n ||
|---|---|---|
| \n {t(`activities:${rec.record_type}`)}\n | \n{rec.value} | \n\n \n {rec.activity_date}\n \n | \n
\n
\n )\n }\n return null\n}\n","import React from 'react'\n\nimport { formatValue } from '../../../utils/stats'\n\n/**\n * @return {null}\n */\nexport default function CustomLabel(props) {\n const { displayedData, x, y, width, value } = props\n if (!value) {\n return null\n }\n const radius = 10\n const formattedValue = formatValue(displayedData, value)\n\n return (\n {label}
\n {payload.map(p => (\n\n {p.name}: {formatValue(displayedData, p.value)} {p.unit}\n
\n ))}\n {payload.length > 0 && (\nTotal: {formatValue(displayedData, total)}
\n )}\n\n \n \n formatValue(displayedData, value)} />\n \n \n
\n )\n }\n}\n","import { format } from 'date-fns'\nimport React from 'react'\nimport { connect } from 'react-redux'\n\nimport { getStats } from '../../../actions/stats'\nimport { formatStats } from '../../../utils/stats'\nimport StatsChart from './StatsChart'\n\nclass Statistics extends React.PureComponent {\n componentDidMount() {\n this.updateData()\n }\n\n componentDidUpdate(prevProps) {\n if (\n (this.props.user.username &&\n this.props.user.username !== prevProps.user.username) ||\n this.props.statsParams !== prevProps.statsParams\n ) {\n this.updateData()\n }\n }\n\n updateData() {\n if (this.props.user.username) {\n this.props.loadActivities(\n this.props.user.username,\n this.props.user.weekm,\n this.props.statsParams\n )\n }\n }\n\n render() {\n const {\n displayedSports,\n sports,\n statistics,\n statsParams,\n displayEmpty,\n t,\n user,\n } = this.props\n if (!displayEmpty && Object.keys(statistics).length === 0) {\n return {t('common:No workouts.')}\n }\n const stats = formatStats(\n statistics,\n sports,\n statsParams,\n displayedSports,\n user.weekm\n )\n return \n \n \n \n
\n \n
\n )\n }\n}\n","import React from 'react'\n\nexport default function UserStatistics(props) {\n const { t, user } = props\n const days = user.total_duration.match(/day/g)\n ? `${user.total_duration.split(' ')[0]} ${\n user.total_duration.match(/days/g) ? t('common:days') : t('common:day')\n }`\n : `0 ${t('common:days')},`\n let duration = user.total_duration.match(/day/g)\n ? user.total_duration.split(', ')[1]\n : user.total_duration\n duration = `${duration.split(':')[0]}h ${duration.split(':')[1]}min`\n return (\n {t('dashboard:This month')}
\n \n
\n \n
\n )\n}\n","import React from 'react'\nimport { Helmet } from 'react-helmet'\nimport { withTranslation } from 'react-i18next'\nimport { connect } from 'react-redux'\n\nimport ActivityCard from './ActivityCard'\nimport Calendar from './Calendar'\nimport Message from '../Common/Message'\nimport NoActivities from '../Common/NoActivities'\nimport Records from './Records'\nimport Statistics from './Statistics'\nimport UserStatistics from './UserStatistics'\nimport { getOrUpdateData } from '../../actions'\nimport { getMoreActivities } from '../../actions/activities'\n\nclass DashBoard extends React.Component {\n constructor(props, context) {\n super(props, context)\n this.state = {\n page: 1,\n }\n }\n\n componentDidMount() {\n this.props.loadActivities()\n }\n\n render() {\n const {\n activities,\n loadMoreActivities,\n message,\n records,\n sports,\n t,\n user,\n } = this.props\n const paginationEnd =\n activities.length > 0\n ? activities[activities.length - 1].previous_activity === null\n : true\n const { page } = this.state\n return (\n \n
\n \n
\n \n
\n \n \n
\n \n
\n {user.nb_activities}
\n {`${\n user.nb_activities === 1\n ? t('common:workout')\n : t('common:workouts')\n }`}
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n {Number(user.total_distance).toFixed(2)}\n
\n km
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n {days}
\n {duration}
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n {user.nb_sports}
\n {`${\n user.nb_sports === 1 ? t('common:sport') : t('common:sports')\n }`}
\n \n \n FitTrackee - {t('common:Dashboard')} \n \n {message ? (\n
\n )\n }\n}\n\nexport default withTranslation()(\n connect(\n state => ({\n activities: state.activities.data,\n message: state.message,\n records: state.records.data,\n sports: state.sports.data,\n user: state.user,\n }),\n dispatch => ({\n loadActivities: () => {\n dispatch(getOrUpdateData('getData', 'activities', { page: 1 }))\n dispatch(getOrUpdateData('getData', 'records'))\n },\n loadMoreActivities: page => {\n dispatch(getMoreActivities({ page }))\n },\n })\n )(DashBoard)\n)\n","import React from 'react'\n\nimport { version } from './../../utils'\n\nexport default function Footer() {\n return (\n \n )\n}\n","import React from 'react'\nimport { Trans } from 'react-i18next'\nimport { connect } from 'react-redux'\nimport { Link } from 'react-router-dom'\n\nimport { logout } from '../../actions/user'\n\nclass Logout extends React.Component {\n componentDidMount() {\n this.props.UserLogout()\n }\n render() {\n return (\n \n
\n )\n )}\n \n
\n \n
\n \n {\n loadMoreActivities(page + 1)\n this.setState({ page: page + 1 })\n }}\n />\n )}\n
\n \n
\n )\n }\n}\n\nexport default connect(\n state => ({\n user: state.user,\n }),\n dispatch => ({\n UserLogout: () => {\n dispatch(logout())\n },\n })\n)(Logout)\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m466.916 27.803h-421.832c-24.859 0-45.084 20.225-45.084 45.084v366.226c0 24.859 20.225 45.084 45.084 45.084h421.832c24.859 0 45.084-20.225 45.084-45.084v-366.226c0-24.859-20.225-45.084-45.084-45.084z\",\n fill: \"#f0f9ff\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m198.58 188.334-181.344-150.862c-7.75 6.107-13.456 14.691-15.905 24.554l164.142 136.551h33.102z\",\n fill: \"#f40055\"\n});\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m313.425 198.576h33.93l163.447-135.973c-2.325-9.923-7.93-18.592-15.613-24.796l-181.764 151.211z\",\n fill: \"#c20044\"\n});\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m165.472 313.425-164.141 136.549c2.449 9.863 8.155 18.447 15.905 24.553l181.344-150.861-.005-10.241z\",\n fill: \"#f40055\"\n});\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m313.425 313.425v9.557l181.765 151.211c7.683-6.204 13.288-14.874 15.613-24.796l-163.446-135.971z\",\n fill: \"#c20044\"\n});\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m53.273 27.803 145.302 120.879v-120.879z\",\n fill: \"#406bd4\"\n});\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m313.425 150.571v-122.768h148.082z\",\n fill: \"#3257b0\"\n});\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m394.732 198.575 117.268-97.556v97.556z\",\n fill: \"#3257b0\"\n});\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#406bd4\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m0 99.317v99.258h119.313z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m0 313.425v97.699l117.44-97.699z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m50.49 484.197 148.085-122.676v122.676z\"\n}));\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m313.425 484.197v-124.139l149.221 124.139z\",\n fill: \"#3257b0\"\n});\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m512 409.423-115.395-95.998h115.395z\",\n fill: \"#3257b0\"\n});\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m512 222.142h-222.142v-194.339h-67.716v194.339h-222.142v67.716h222.142v194.339h67.716v-194.339h222.142z\",\n fill: \"#f40055\"\n});\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m289.858 222.142v-194.339h-33.858v456.394h33.858v-194.339h222.142v-67.716z\",\n fill: \"#c20044\"\n});\n\nfunction SvgEn(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n enableBackground: \"new 0 0 512 512\",\n height: 512,\n viewBox: \"0 0 512 512\",\n width: 512,\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgEn);\nexport default __webpack_public_path__ + \"static/media/en.9e6dbfb0.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m173.899 31.804h-8.707l-4.397-4h-115.711c-24.859-.001-45.084 20.224-45.084 45.083v366.226c0 24.859 20.225 45.084 45.084 45.084h115.711l6.348-4h6.755v-448.393z\",\n fill: \"#406bd4\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m466.916 27.803h-115.711l-4.523 4h-5.141v448.393h4.141l5.523 4h115.711c24.859 0 45.084-20.225 45.084-45.084v-366.225c0-24.859-20.225-45.084-45.084-45.084z\",\n fill: \"#c20044\"\n});\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m160.795 27.803h190.409v456.394h-190.409z\",\n fill: \"#f0f9ff\"\n});\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m256 27.803h95.205v456.394h-95.205z\",\n fill: \"#cee5f5\"\n});\n\nfunction SvgFr(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n enableBackground: \"new 0 0 512 512\",\n height: 512,\n viewBox: \"0 0 512 512\",\n width: 512,\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2, _ref3, _ref4, _ref5);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgFr);\nexport default __webpack_public_path__ + \"static/media/fr.d0f9280c.svg\";\nexport { ForwardRef as ReactComponent };","import React, { Component } from 'react'\nimport { connect } from 'react-redux'\n\nimport { ReactComponent as EnFlag } from '../../images/flags/en.svg'\nimport { ReactComponent as FrFlag } from '../../images/flags/fr.svg'\nimport { updateLanguage } from '../../actions/index'\n\nexport const languages = [\n {\n name: 'en',\n selected: true,\n flag: \n \n
\n \n
\n \n \n
\n \n \n You are now logged out. Click here to\n log back in.\n \n
\n this.toggleDropdown()}>\n
\n )\n }\n}\n\nexport default connect(\n state => ({\n language: state.language,\n }),\n dispatch => ({\n onUpdateLanguage: (lang, selected) => {\n if (lang !== selected) {\n dispatch(updateLanguage(lang))\n }\n },\n })\n)(Dropdown)\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport { withTranslation } from 'react-i18next'\nimport { Link } from 'react-router-dom'\n\nimport LanguageDropdown from './LanguageDropdown'\nimport { apiUrl } from '../../utils'\n\nclass NavBar extends React.PureComponent {\n render() {\n const { admin, isAuthenticated, picture, t, username } = this.props\n return (\n - \n {languages\n .filter(language =>\n isOpen ? language : language.name === selected\n )\n .map(language => (\n
\n
\n )\n}\n","import { format } from 'date-fns'\nimport React from 'react'\nimport { Helmet } from 'react-helmet'\nimport { withTranslation } from 'react-i18next'\nimport { connect } from 'react-redux'\nimport TimezonePicker from 'react-timezone'\n\nimport Message from '../Common/Message'\nimport { deleteUser, handleProfileFormSubmit } from '../../actions/user'\nimport { history } from '../../index'\nimport { languages } from '../NavBar/LanguageDropdown'\nimport CustomModal from '../Common/CustomModal'\n\nclass ProfileEdit extends React.Component {\n constructor(props, context) {\n super(props, context)\n this.state = {\n formData: {},\n displayModal: false,\n }\n }\n\n componentDidMount() {\n this.initForm()\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.user !== this.props.user) {\n this.initForm()\n }\n }\n\n initForm() {\n const { user } = this.props\n const formData = {}\n Object.keys(user).map(k =>\n user[k] === null\n ? (formData[k] = '')\n : k === 'birth_date'\n ? (formData[k] = format(new Date(user[k]), 'yyyy-MM-DD'))\n : (formData[k] = user[k])\n )\n this.setState({ formData })\n }\n\n handleFormChange(e) {\n const { formData } = this.state\n if (e.target.name === 'weekm') {\n formData.weekm = e.target.value === 'Monday'\n } else {\n formData[e.target.name] = e.target.value\n }\n this.setState(formData)\n }\n\n displayModal(value) {\n this.setState(prevState => ({\n ...prevState,\n displayModal: value,\n }))\n }\n\n render() {\n const {\n message,\n onDeleteUser,\n onHandleProfileFormSubmit,\n t,\n user,\n } = this.props\n const { displayModal, formData } = this.state\n return (\n \n \n
\n \n
\n \n \n
\n \n {action === 'sent' && (\n <>\n \n {/* prettier-ignore */}\n Your password have been updated. Click\n here to log in.\n \n \n )}\n
\n \n
\n {t(\n // eslint-disable-next-line max-len\n \"user:Check your email. If your address is in our database, you'll received an email with a link to reset your password.\"\n )}\n \n )}\n {action === 'updated' && (\n <>\n \n
\n \n \n FitTrackee - {t('user:Profile Edition')} \n \n {formData.isAuthenticated && (\n
\n )\n }\n}\n\nexport default withTranslation()(\n connect(\n state => ({\n location: state.router.location,\n message: state.message,\n user: state.user,\n }),\n dispatch => ({\n onDeleteUser: username => {\n dispatch(deleteUser(username))\n },\n onHandleProfileFormSubmit: formData => {\n dispatch(handleProfileFormSubmit(formData))\n },\n })\n )(ProfileEdit)\n)\n","import {\n endOfMonth,\n endOfWeek,\n endOfYear,\n startOfMonth,\n startOfYear,\n startOfWeek,\n addMonths,\n addWeeks,\n addYears,\n subMonths,\n subWeeks,\n subYears,\n} from 'date-fns'\nimport React from 'react'\nimport { Helmet } from 'react-helmet'\nimport { withTranslation } from 'react-i18next'\nimport { connect } from 'react-redux'\n\nimport NoActivities from '../Common/NoActivities'\nimport Stats from '../Common/Stats'\nimport { activityColors, translateSports } from '../../utils/activities'\n\nconst durations = ['week', 'month', 'year']\n\nclass Statistics extends React.Component {\n constructor(props, context) {\n super(props, context)\n const date = new Date()\n this.state = {\n displayedSports: props.sports.map(sport => sport.id),\n statsParams: {\n start: startOfMonth(subMonths(date, 11)),\n end: endOfMonth(date),\n duration: 'month',\n type: 'by_time',\n },\n }\n }\n\n componentDidUpdate(prevProps) {\n if (this.props.sports !== prevProps.sports) {\n this.updateDisplayedSports()\n }\n }\n\n updateDisplayedSports() {\n const { sports } = this.props\n this.setState({ displayedSports: sports.map(sport => sport.id) })\n }\n\n handleOnChangeDuration(e) {\n const duration = e.target.name\n\n const date = new Date()\n const start =\n duration === 'year'\n ? startOfYear(subYears(date, 9))\n : duration === 'week'\n ? startOfMonth(subMonths(date, 2))\n : startOfMonth(subMonths(date, 11))\n const end =\n duration === 'year'\n ? endOfYear(date)\n : duration === 'week'\n ? endOfWeek(date)\n : endOfMonth(date)\n this.setState({ statsParams: { duration, end, start, type: 'by_time' } })\n }\n\n handleOnChangeSports(sportId) {\n const { displayedSports } = this.state\n if (displayedSports.includes(sportId)) {\n this.setState({\n displayedSports: displayedSports.filter(s => s !== sportId),\n })\n } else {\n this.setState({ displayedSports: displayedSports.concat([sportId]) })\n }\n }\n\n handleOnClickArrows(forward) {\n const { start, end, duration } = this.state.statsParams\n let newStart, newEnd\n if (forward) {\n newStart =\n duration === 'year'\n ? startOfYear(subYears(start, 1))\n : duration === 'week'\n ? startOfWeek(subWeeks(start, 1))\n : startOfMonth(subMonths(start, 1))\n newEnd =\n duration === 'year'\n ? endOfYear(subYears(end, 1))\n : duration === 'week'\n ? endOfWeek(subWeeks(end, 1))\n : endOfMonth(subMonths(end, 1))\n } else {\n newStart =\n duration === 'year'\n ? startOfYear(addYears(start, 1))\n : duration === 'week'\n ? startOfWeek(addWeeks(start, 1))\n : startOfMonth(addMonths(start, 1))\n newEnd =\n duration === 'year'\n ? endOfYear(addYears(end, 1))\n : duration === 'week'\n ? endOfWeek(addWeeks(end, 1))\n : endOfMonth(addMonths(end, 1))\n }\n this.setState({\n statsParams: { duration, end: newEnd, start: newStart, type: 'by_time' },\n })\n }\n\n render() {\n const { displayedSports, statsParams } = this.state\n const { sports, t, user } = this.props\n const translatedSports = translateSports(\n sports.filter(sport => user.sports_list.includes(sport.id)),\n t\n )\n return (\n <>\n \n {displayModal && (\n {\n onDeleteUser(user.username)\n this.displayModal(false)\n }}\n close={() => this.displayModal(false)}\n />\n )}\n
\n )}\n {t('user:Profile Edition')}
\n\n \n
\n \n
\n \n \n
\n {user.username}
\n \n
\n \n
\n \n {\n event.preventDefault()\n onHandleProfileFormSubmit(formData)\n }}\n >\n
\n {\n event.preventDefault()\n this.displayModal(true)\n }}\n >\n {t('user:Delete my account')}\n \n history.push('/profile')}\n >\n {t('common:Cancel')}\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n {user.nb_activities === 0 && \n \n
\n {t('statistics:Statistics')}
\n \n
\n \n
\n \n
\n {durations.map(d => (\n
\n \n \n
\n ))}\n \n
\n \n
\n {translatedSports.map(sport => (\n \n ))}\n
\n \n \n FitTrackee - {t(`user:${props.formType}`)} \n \n
\n )\n}\n","import React from 'react'\nimport { withTranslation } from 'react-i18next'\nimport { connect } from 'react-redux'\nimport { Redirect } from 'react-router-dom'\n\nimport Form from './Form'\nimport Message from '../Common/Message'\nimport { handleUserFormSubmit } from '../../actions/user'\nimport { isLoggedIn } from '../../utils'\n\nclass UserForm extends React.Component {\n constructor(props, context) {\n super(props, context)\n this.state = {\n formData: {\n username: '',\n email: '',\n password: '',\n password_conf: '',\n },\n }\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.location.pathname !== this.props.location.pathname) {\n this.emptyForm()\n }\n }\n\n emptyForm() {\n const { formData } = this.state\n Object.keys(formData).map(k => (formData[k] = ''))\n this.setState(formData)\n }\n\n onHandleFormChange(e) {\n const { formData } = this.state\n formData[e.target.name] = e.target.value\n this.setState(formData)\n }\n\n render() {\n const {\n formType,\n isRegistrationAllowed,\n message,\n messages,\n onHandleUserFormSubmit,\n t,\n } = this.props\n const { formData } = this.state\n const { token } = this.props.location.query\n return (\n {t(pageTitle)}
\n\n
\n \n \n
\n \n
\n {props.formType === 'register' && !props.isRegistrationAllowed ? (\n\n props.handleUserFormSubmit(event, props.formType)\n }\n >\n {props.formType === 'register' && (\n
\n \n \n {props.formType === 'register' && !props.isRegistrationAllowed ? (\n
\n
\n ) : (\n <>\n Registration is disabled.
\n \n history.go(-1)}\n >\n Back\n \n
\n \n
\n )}\n {props.formType !== 'password reset' && (\n \n
\n )}\n {props.formType !== 'reset your password' && (\n <>\n \n
\n {props.formType !== 'login' && (\n \n
\n )}\n \n )}\n \n {props.formType === 'login' && (\n
\n {isLoggedIn() || (formType === 'password reset' && !token) ? (\n
\n )\n }\n}\nexport default withTranslation()(\n connect(\n state => ({\n isRegistrationAllowed: state.application.config.is_registration_enabled,\n location: state.router.location,\n message: state.message,\n messages: state.messages,\n }),\n dispatch => ({\n onHandleUserFormSubmit: (formData, formType) => {\n formType =\n formType === 'password reset'\n ? 'password/update'\n : formType === 'reset your password'\n ? 'password/reset-request'\n : formType\n dispatch(handleUserFormSubmit(formData, formType))\n },\n })\n )(UserForm)\n)\n","import React from 'react'\nimport { withTranslation } from 'react-i18next'\nimport { connect } from 'react-redux'\n\nimport CustomModal from '../Common/CustomModal'\nimport ProfileDetail from './ProfileDetail'\nimport { getOrUpdateData } from '../../actions'\nimport { deleteUser } from '../../actions/user'\n\nclass UserProfile extends React.Component {\n constructor(props, context) {\n super(props, context)\n this.state = {\n displayModal: false,\n }\n }\n\n componentDidMount() {\n this.props.loadUser(this.props.match.params.userName)\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.match.params.userName !== this.props.match.params.userName) {\n this.props.loadUser(this.props.match.params.userName)\n }\n }\n\n displayModal(value) {\n this.setState(prevState => ({\n ...prevState,\n displayModal: value,\n }))\n }\n\n render() {\n const { t, currentUser, onDeleteUser, users } = this.props\n const { displayModal } = this.state\n const [user] = users\n const editable = user ? currentUser.username === user.username : false\n return (\n \n this.onHandleFormChange(event)}\n handleUserFormSubmit={event => {\n event.preventDefault()\n if (formType === 'password reset') {\n formData.token = token\n }\n onHandleUserFormSubmit(formData, formType)\n }}\n />\n
\n )}\n \n {displayModal && (\n {\n onDeleteUser(user.username)\n this.displayModal(false)\n }}\n close={() => this.displayModal(false)}\n />\n )}\n {user && (\n this.displayModal(e)}\n t={t}\n user={user}\n />\n )}\n
\n )\n }\n}\n\nexport default withTranslation()(\n connect(\n state => ({\n currentUser: state.user,\n users: state.users.data,\n }),\n dispatch => ({\n onDeleteUser: username => {\n dispatch(deleteUser(username, true))\n },\n loadUser: userName => {\n dispatch(getOrUpdateData('getData', 'users', { username: userName }))\n },\n })\n )(UserProfile)\n)\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport { Route, Switch } from 'react-router-dom'\n\nimport './App.css'\nimport Admin from './Admin'\nimport Activity from './Activity'\nimport Activities from './Activities'\nimport CurrentUserProfile from './User/CurrentUserProfile'\nimport Dashboard from './Dashboard'\nimport Footer from './Footer'\nimport Logout from './User/Logout'\nimport NavBar from './NavBar'\nimport NotFound from './Others/NotFound'\nimport PasswordReset from './User/PasswordReset'\nimport ProfileEdit from './User/ProfileEdit'\nimport Statistics from './Statistics'\nimport UserForm from './User/UserForm'\nimport UserProfile from './User/UserProfile'\nimport { getAppData } from '../actions/application'\n\nclass App extends React.Component {\n constructor(props) {\n super(props)\n this.props = props\n }\n componentDidMount() {\n this.props.loadAppConfig()\n }\n\n render() {\n return (\n \n \n \n \n
\n )\n }\n}\nexport default connect(\n () => ({}),\n dispatch => ({\n loadAppConfig: () => {\n dispatch(getAppData('config'))\n },\n })\n)(App)\n","import React from 'react'\nimport { Provider } from 'react-redux'\nimport { ConnectedRouter } from 'connected-react-router'\n\nexport default function Root({ store, history, children }) {\n return (\n \n {singleMessage !== '' &&
\n )\n }\n}\n","import { format, parse } from 'date-fns'\nimport { DateTime } from 'luxon'\n\nconst suffixes = ['bytes', 'KB', 'MB', 'GB', 'TB']\nexport const getFileSize = (fileSize, asText = true) => {\n const i = Math.floor(Math.log(fileSize) / Math.log(1024))\n if (!fileSize) {\n return asText ? '0 bytes' : { size: 0, suffix: 'bytes' }\n }\n const size = (fileSize / Math.pow(1024, i)).toFixed(1)\n const suffix = suffixes[i]\n return asText ? `${size}${suffix}` : { size, suffix }\n}\n\nexport const getFileSizeInMB = fileSize => {\n const value = fileSize / 1048576\n return (!fileSize && 0) || +value.toFixed(2)\n}\n\nexport const version = '0.4.2' // version stored in 'utils' for now\nexport const apiUrl =\n process.env.NODE_ENV === 'production'\n ? '/api/'\n : `${process.env.REACT_APP_API_URL}/api/`\n\nexport const userFilters = [\n { key: 'workouts_count', label: 'workouts count' },\n { key: 'admin', label: 'admin rights' },\n { key: 'created_at', label: 'registration date' },\n { key: 'username', label: 'user name' },\n]\n\nexport const sortOrders = [\n { key: 'asc', label: 'ascending' },\n { key: 'desc', label: 'descending' },\n]\n\nexport const isLoggedIn = () => !!window.localStorage.authToken\n\nexport const generateIds = arr => {\n let i = 0\n return arr.map(val => {\n const obj = { id: i, value: val }\n i++\n return obj\n })\n}\n\nexport const createApiRequest = params => {\n const headers = {}\n if (!params.noAuthorization) {\n headers.Authorization = `Bearer ${window.localStorage.getItem('authToken')}`\n }\n if (params.type) {\n headers['Content-Type'] = params.type\n }\n const requestParams = {\n method: params.method,\n headers: headers,\n }\n if (params.type === 'application/json' && params.body) {\n requestParams.body = JSON.stringify(params.body)\n } else if (params.body) {\n requestParams.body = params.body\n }\n const request = new Request(`${apiUrl}${params.url}`, requestParams)\n return fetch(request)\n .then(response =>\n params.method === 'DELETE' || response.status === 413\n ? response\n : response.json()\n )\n .catch(error => {\n console.error(error)\n return new Error('An error occurred. Please contact the administrator.')\n })\n}\n\nexport const getDateWithTZ = (date, tz) => {\n if (!date) {\n return ''\n }\n const dt = DateTime.fromISO(\n format(new Date(date), \"yyyy-MM-dd'T'HH:mm:ss.SSSxxx\")\n ).setZone(tz)\n return parse(\n dt.toFormat('yyyy-MM-dd HH:mm:ss'),\n 'yyyy-MM-dd HH:mm:ss',\n new Date()\n )\n}\n\nexport const capitalize = target =>\n target.charAt(0).toUpperCase() + target.slice(1)\n\nexport const rangePagination = pages =>\n Array.from({ length: pages }, (_, i) => i + 1)\n\nconst sortValues = (a, b) => {\n const valueALabel = a.label.toLowerCase()\n const valueBLabel = b.label.toLowerCase()\n return valueALabel > valueBLabel ? 1 : valueALabel < valueBLabel ? -1 : 0\n}\n\nexport const translateValues = (t, values, key = 'common') =>\n values\n .map(value => ({\n ...value,\n label: t(`${key}:${value.label}`),\n }))\n .sort(sortValues)\n\nexport const formatUrl = (pathname, query) => {\n let url = pathname\n if (query.id || (pathname === 'users' && query.username)) {\n url = `${url}/${query.username ? query.username : query.id}`\n } else if (Object.keys(query).length > 0) {\n url += '?'\n Object.keys(query)\n .filter(key => query[key])\n .map(\n (key, index) => (url += `${index === 0 ? '' : '&'}${key}=${query[key]}`)\n )\n }\n return url\n}\n","import { createApiRequest, formatUrl } from '../utils'\n\nexport default class FitTrackeeApi {\n static getData(target, data = {}) {\n const url = formatUrl(target, data)\n const params = {\n url: url,\n method: 'GET',\n type: 'application/json',\n }\n return createApiRequest(params)\n }\n\n static addData(target, data) {\n const params = {\n url: target,\n method: 'POST',\n body: data,\n type: 'application/json',\n }\n return createApiRequest(params)\n }\n\n static addDataWithFile(target, data) {\n const params = {\n url: target,\n method: 'POST',\n body: data,\n }\n return createApiRequest(params)\n }\n\n static postData(target, data) {\n const params = {\n url: `${target}${data.id ? `/${data.id}` : ''}`,\n method: 'POST',\n body: data,\n type: 'application/json',\n }\n return createApiRequest(params)\n }\n\n static updateData(target, data) {\n const params = {\n url: `${target}${\n data.id ? `/${data.id}` : data.username ? `/${data.username}` : ''\n }`,\n method: 'PATCH',\n body: data,\n type: 'application/json',\n }\n return createApiRequest(params)\n }\n\n static deleteData(target, id) {\n const params = {\n url: `${target}/${id}`,\n method: 'DELETE',\n type: 'application/json',\n }\n return createApiRequest(params)\n }\n}\n","import i18next from 'i18next'\n\nimport FitTrackeeApi from '../fitTrackeeApi/index'\nimport { history } from '../index'\n\nexport const setData = (target, data) => ({\n type: 'SET_DATA',\n data,\n target,\n})\nexport const setPaginatedData = (target, data, pagination) => ({\n type: 'SET_PAGINATED_DATA',\n data,\n pagination,\n target,\n})\n\nexport const setError = message => ({\n type: 'SET_ERROR',\n message,\n})\n\nexport const setLanguage = language => ({\n type: 'SET_LANGUAGE',\n language,\n})\n\nexport const setLoading = loading => ({\n type: 'SET_LOADING',\n loading,\n})\n\nexport const updateSportsData = data => ({\n type: 'UPDATE_SPORT_DATA',\n data,\n})\n\nexport const updateUsersData = data => ({\n type: 'UPDATE_USER_DATA',\n data,\n})\n\nexport const getOrUpdateData = (\n action,\n target,\n data,\n canDispatch = true\n) => dispatch => {\n dispatch(setLoading(true))\n if (data && data.id && target !== 'workouts' && isNaN(data.id)) {\n dispatch(setLoading(false))\n return dispatch(setError(`${target}|Incorrect id`))\n }\n dispatch(setError(''))\n return FitTrackeeApi[action](target, data)\n .then(ret => {\n if (ret.status === 'success') {\n if (canDispatch) {\n if (target === 'users' && action === 'getData') {\n return dispatch(setPaginatedData(target, ret.data, ret.pagination))\n }\n dispatch(setData(target, ret.data))\n } else if (action === 'updateData' && target === 'sports') {\n dispatch(updateSportsData(ret.data.sports[0]))\n } else if (action === 'updateData' && target === 'users') {\n dispatch(updateUsersData(ret.data.users[0]))\n }\n } else {\n dispatch(setError(`${target}|${ret.message || ret.status}`))\n }\n dispatch(setLoading(false))\n })\n .catch(error => {\n dispatch(setLoading(false))\n dispatch(setError(`${target}|${error}`))\n })\n}\n\nexport const addData = (target, data) => dispatch =>\n FitTrackeeApi.addData(target, data)\n .then(ret => {\n if (ret.status === 'created') {\n history.push(`/admin/${target}`)\n } else {\n dispatch(setError(`${target}|${ret.status}`))\n }\n })\n .catch(error => dispatch(setError(`${target}|${error}`)))\n\nexport const deleteData = (target, id) => dispatch => {\n if (isNaN(id)) {\n return dispatch(setError(target, `${target}|Incorrect id`))\n }\n return FitTrackeeApi.deleteData(target, id)\n .then(ret => {\n if (ret.status === 204) {\n history.push(`/admin/${target}`)\n } else {\n dispatch(setError(`${target}|${ret.message || ret.status}`))\n }\n })\n .catch(error => dispatch(setError(`${target}|${error}`)))\n}\n\nexport const updateLanguage = language => dispatch => {\n i18next.changeLanguage(language).then(dispatch(setLanguage(language)))\n}\n","import FitTrackeeGenericApi from '../fitTrackeeApi'\nimport { setError } from './index'\n\nexport const setAppConfig = data => ({\n type: 'SET_APP_CONFIG',\n data,\n})\n\nexport const setAppStats = data => ({\n type: 'SET_APP_STATS',\n data,\n})\n\nexport const getAppData = target => dispatch =>\n FitTrackeeGenericApi.getData(target)\n .then(ret => {\n if (ret.status === 'success') {\n if (target === 'config') {\n dispatch(setAppConfig(ret.data))\n } else if (target === 'stats/all') {\n dispatch(setAppStats(ret.data))\n }\n } else {\n dispatch(setError(`application|${ret.message}`))\n }\n })\n .catch(error => dispatch(setError(`application|${error}`)))\n\nexport const updateAppConfig = formData => dispatch =>\n FitTrackeeGenericApi.updateData('config', formData)\n .then(ret => {\n if (ret.status === 'success') {\n dispatch(setAppConfig(ret.data))\n } else {\n dispatch(setError(`application|${ret.message}`))\n }\n })\n .catch(error => dispatch(setError(`application|${error}`)))\n","import React from 'react'\nimport { connect } from 'react-redux'\n\nimport Message from '../Common/Message'\nimport { updateAppConfig } from '../../actions/application'\nimport { history } from '../../index'\nimport { getFileSizeInMB } from '../../utils'\n\nclass AdminApplication extends React.Component {\n constructor(props, context) {\n super(props, context)\n this.state = {\n formData: {},\n isInEdition: false,\n }\n }\n\n componentDidMount() {\n this.initForm()\n }\n\n componentDidUpdate(prevProps) {\n if (this.props.appConfig !== prevProps.appConfig) {\n this.initForm()\n }\n }\n\n initForm() {\n const { appConfig } = this.props\n const formData = {}\n Object.keys(appConfig).map(k =>\n appConfig[k] === null\n ? (formData[k] = '')\n : ['max_single_file_size', 'max_zip_file_size'].includes(k)\n ? (formData[k] = getFileSizeInMB(appConfig[k]))\n : (formData[k] = appConfig[k])\n )\n this.setState({ formData })\n }\n\n handleFormChange(e) {\n const { formData } = this.state\n formData[e.target.name] = +e.target.value\n this.setState(formData)\n }\n\n toggleInEdition(e) {\n e.preventDefault()\n const { isInEdition } = this.state\n this.setState({ isInEdition: !isInEdition })\n }\n\n render() {\n const { message, onHandleConfigFormSubmit, t } = this.props\n const { formData, isInEdition } = this.state\n return (\n {singleMessage}}\n {messages && messages.length > 0 && (\n \n \n {messages.map(msg => (\n - {t(`messages:${msg.value}`)}
\n ))}\n
\n \n )}\n \n {message &&
\n )\n }\n}\n\nexport default connect(\n state => ({\n message: state.message,\n }),\n dispatch => ({\n onHandleConfigFormSubmit: formData => {\n const data = Object.assign({}, formData)\n data.max_single_file_size *= 1048576\n data.max_zip_file_size *= 1048576\n dispatch(updateAppConfig(data))\n },\n })\n)(AdminApplication)\n","import React from 'react'\nimport { withTranslation } from 'react-i18next'\nimport { connect } from 'react-redux'\n\nimport { getAppData } from '../../actions/application'\nimport { getFileSize } from '../../utils'\n\nclass AdminStats extends React.Component {\n componentDidMount() {\n this.props.loadAppStats()\n }\n\n render() {\n const { appStats, t } = this.props\n const uploadDirSize = getFileSize(appStats.uploads_dir_size, false)\n return (\n \n
\n )}\n \n
\n \n
\n \n \n {t('administration:Application configuration')}\n \n
\n \n {\n this.toggleInEdition(e)\n onHandleConfigFormSubmit(formData)\n }}\n >\n this.toggleInEdition(e)}\n value={t('common:Cancel')}\n />\n \n ) : (\n <>\n {\n this.toggleInEdition(e)\n }}\n value={t('common:Edit')}\n />\n history.push('/admin')}\n value={t('common:Back')}\n />\n \n )}\n \n
\n \n \n {t(\n // eslint-disable-next-line max-len\n 'administration:Max. number of active users'\n )}\n \n this.handleFormChange(e)}\n />\n
\n \n \n {t(\n 'administration:Max. size of uploaded files (in Mb)'\n )}\n :\n \n this.handleFormChange(e)}\n />\n
\n \n \n {t('administration:Max. size of zip archive (in Mb)')}:\n \n this.handleFormChange(e)}\n />\n
\n \n \n {t('administration:Max. files of zip archive')}\n \n this.handleFormChange(e)}\n />\n
\n {isInEdition ? (\n <>\n \n
\n )\n }\n}\n\nexport default withTranslation()(\n connect(\n state => ({\n appStats: state.application.statistics,\n }),\n dispatch => ({\n loadAppStats: () => {\n dispatch(getAppData('stats/all'))\n },\n })\n )(AdminStats)\n)\n","import React from 'react'\nimport { Link } from 'react-router-dom'\n\nimport AdminStats from './AdminStats'\n\nexport default function AdminDashboard(props) {\n const { appConfig, t } = props\n return (\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n {appStats.users ? appStats.users : 0}\n
\n {`${\n appStats.users === 1\n ? t('administration:user')\n : t('administration:users')\n }`}
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n {appStats.sports ? appStats.sports : 0}\n
\n {`${\n appStats.sports === 1 ? t('common:sport') : t('common:sports')\n }`}
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n {appStats.workouts ? appStats.workouts : 0}\n
\n {`${\n appStats.workouts === 1\n ? t('common:workout')\n : t('common:workouts')\n }`}
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n {uploadDirSize.size}
\n \n {uploadDirSize.suffix} ({t('administration:uploads')})\n
\n \n
\n )\n}\n","import React from 'react'\nimport { connect } from 'react-redux'\n\nimport Message from '../Common/Message'\nimport { getOrUpdateData } from '../../actions'\nimport { history } from '../../index'\n\nclass AdminSports extends React.Component {\n componentDidMount() {\n this.props.loadSports()\n }\n\n render() {\n const { message, sports, t, updateSport } = this.props\n return (\n \n {t('administration:Administration')}\n
\n \n
\n
\n \n
- \n
- \n
- \n {t(\n 'administration:Update application configuration ' +\n '(maximum number of registered users, maximum files size).'\n )}\n
\n \n {t(\n `administration:Registration is currently ${\n appConfig.is_registration_enabled ? 'enabled' : 'disabled'\n }.`\n )}\n \n \n - \n
- {t('administration:Enable/disable sports.')} \n
- \n
- \n {t(\n 'administration:Add/remove admin rights, ' +\n 'delete user account.'\n )}\n \n
\n
\n
\n {message &&
\n )\n }\n}\n\nexport default connect(\n state => ({\n message: state.message,\n sports: state.sports.data,\n user: state.user,\n }),\n dispatch => ({\n loadSports: () => {\n dispatch(getOrUpdateData('getData', 'sports'))\n },\n updateSport: (sportId, isActive) => {\n const data = { id: sportId, is_active: isActive }\n dispatch(getOrUpdateData('updateData', 'sports', data, false))\n },\n })\n)(AdminSports)\n","import React from 'react'\nimport { Link } from 'react-router-dom'\n\nimport { formatUrl, rangePagination } from '../../utils'\n\nexport default class Pagination extends React.PureComponent {\n getUrl(value) {\n const { query, pathname } = this.props\n const newQuery = Object.assign({}, query)\n let page = query.page ? +query.page : 1\n switch (value) {\n case 'prev':\n page -= 1\n break\n case 'next':\n page += 1\n break\n default:\n page = +value\n }\n newQuery.page = page\n return formatUrl(pathname, newQuery)\n }\n\n render() {\n const { pagination, t } = this.props\n return (\n <>\n {pagination && Object.keys(pagination).length > 0 && (\n \n )}\n \n )\n }\n}\n","import { format } from 'date-fns'\nimport React from 'react'\nimport { connect } from 'react-redux'\nimport { Link } from 'react-router-dom'\n\nimport Message from '../Common/Message'\nimport Pagination from '../Common/Pagination'\nimport { history } from '../../index'\nimport { getOrUpdateData } from '../../actions'\nimport {\n apiUrl,\n formatUrl,\n sortOrders,\n translateValues,\n userFilters,\n} from '../../utils'\n\nclass AdminUsers extends React.Component {\n constructor(props, context) {\n super(props, context)\n this.state = {\n page: null,\n per_page: null,\n order_by: 'created_at',\n order: 'asc',\n }\n }\n\n componentDidMount() {\n this.props.loadUsers(this.initState())\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.location.query !== this.props.location.query) {\n this.props.loadUsers(this.props.location.query)\n }\n }\n\n initState() {\n const { query } = this.props.location\n const newQuery = {\n page: query.page,\n per_page: query.per_page,\n order_by: query.order_by ? query.order_by : 'created_at',\n order: query.order ? query.order : 'asc',\n }\n this.setState(newQuery)\n return newQuery\n }\n\n updatePage(key, value) {\n const query = Object.assign({}, this.state)\n query[key] = value\n this.setState(query)\n const url = formatUrl(this.props.location.pathname, query)\n history.push(url)\n }\n\n render() {\n const {\n authUser,\n location,\n message,\n t,\n pagination,\n updateUser,\n users,\n } = this.props\n const translatedFilters = translateValues(t, userFilters)\n const translatedSortOrders = translateValues(t, sortOrders)\n return (\n \n
\n \n
\n \n
\n \n {t('administration:Sports')}\n
\n \n {sports.length > 0 && (\n \n \n
\n )}\n history.push('/admin/')}\n value={t('common:Back')}\n />\n
\n | {t('administration:id')} | \n{t('administration:Image')} | \n{t('administration:Label')} | \n{t('administration:Active')} | \n{t('administration:Actions')} | \n
|---|---|---|---|---|
| \n \n {t('administration:id')}\n \n {sport.id}\n | \n\n \n {t('administration:Image')}\n \n | \n \n \n {t('administration:Label')}\n \n {t(`sports:${sport.label}`)}\n | \n\n \n {t('administration:Active')}\n \n {sport.is_active ? (\n | \n \n \n {t('administration:Actions')}\n \n | \n
\n {message &&
\n )\n }\n}\n\nexport default connect(\n state => ({\n authUser: state.user,\n location: state.router.location,\n message: state.message,\n pagination: state.users.pagination,\n users: state.users.data,\n }),\n dispatch => ({\n loadUsers: query => {\n dispatch(getOrUpdateData('getData', 'users', query))\n },\n updateUser: (userName, isAdmin) => {\n const data = { username: userName, admin: isAdmin }\n dispatch(getOrUpdateData('updateData', 'users', data, false))\n },\n })\n)(AdminUsers)\n","import React from 'react'\nimport { Helmet } from 'react-helmet'\nimport { useTranslation } from 'react-i18next'\n\nexport default function NotFound() {\n const { t } = useTranslation()\n return (\n \n
\n \n
\n \n
\n \n
\n \n {t('administration:Users')}\n
\n \n \n \n
\n history.push('/admin/')}\n value={t('common:Back')}\n />\n
\n \n
\n \n \n
\n \n \n
\n | # | \n{t('user:Username')} | \n{t('user:Email')} | \n{t('user:Registration Date')} | \n{t('workouts:Workouts')} | \n{t('user:Admin')} | \n{t('administration:Actions')} | \n
|---|---|---|---|---|---|---|
| \n #\n {user.picture === true ? (\n | \n \n \n {t('user:Username')}\n \n \n {user.username}\n \n | \n\n \n {t('user:Email')}\n \n {user.email}\n | \n\n \n {t('user:Registration Date')}\n \n {format(\n new Date(user.created_at),\n 'dd/MM/yyyy HH:mm'\n )}\n | \n\n \n {t('workouts:Workouts')}\n \n {user.nb_workouts}\n | \n\n \n {t('user:Admin')}\n \n {user.admin ? (\n | \n \n \n {t('administration:Actions')}\n \n | \n
\n \n fittrackee - 404 \n \n
\n )\n}\n","import React from 'react'\nimport { Helmet } from 'react-helmet'\nimport { withTranslation } from 'react-i18next'\nimport { connect } from 'react-redux'\nimport { Route, Switch } from 'react-router-dom'\n\nimport AdminApplication from './AdminApplication'\nimport AdminDashboard from './AdminDashboard'\nimport AdminSports from './AdminSports'\nimport AdminUsers from './AdminUsers'\nimport NotFound from './../Others/NotFound'\n\nfunction Admin(props) {\n const { appConfig, t, user } = props\n return (\n <>\n {t('Page not found')}
\n\n {user.admin ? (\n \n \n ) : (\n
\n \n )\n}\n\nexport default withTranslation()(\n connect(state => ({\n appConfig: state.application.config,\n user: state.user,\n }))(Admin)\n)\n","import { format, subHours } from 'date-fns'\nimport togeojson from '@mapbox/togeojson'\n\nimport { getDateWithTZ } from './index'\n\nexport const workoutColors = [\n '#55a8a3',\n '#98C3A9',\n '#D0838A',\n '#ECC77E',\n '#926692',\n '#929292',\n '#428bca',\n]\n\nexport const recordsLabels = [\n { record_type: 'AS', label: 'Ave. speed' },\n { record_type: 'FD', label: 'Farest distance' },\n { record_type: 'LD', label: 'Longest duration' },\n { record_type: 'MS', label: 'Max. speed' },\n]\n\nexport const getGeoJson = gpxContent => {\n let jsonData\n if (gpxContent) {\n const gpx = new DOMParser().parseFromString(gpxContent, 'text/xml')\n jsonData = togeojson.gpx(gpx)\n }\n return { jsonData }\n}\n\nexport const formatWorkoutDate = (\n dateTime,\n dateFormat = null,\n timeFormat = null\n) => {\n if (!dateFormat) {\n dateFormat = 'yyyy/MM/dd'\n }\n if (!timeFormat) {\n timeFormat = 'HH:mm'\n }\n return {\n workout_date: dateTime ? format(dateTime, dateFormat) : null,\n workout_time: dateTime ? format(dateTime, timeFormat) : null,\n }\n}\n\nexport const formatWorkoutDuration = seconds => {\n let newDate = new Date(0)\n newDate = subHours(newDate.setSeconds(seconds), 1)\n return newDate.getTime()\n}\n\nexport const formatChartData = chartData => {\n for (let i = 0; i < chartData.length; i++) {\n chartData[i].time = new Date(chartData[i].time).getTime()\n chartData[i].duration = formatWorkoutDuration(chartData[i].duration)\n }\n return chartData\n}\n\nexport const formatRecord = (record, tz) => {\n let value\n switch (record.record_type) {\n case 'AS':\n case 'MS':\n value = `${record.value} km/h`\n break\n case 'FD':\n value = `${record.value} km`\n break\n default:\n // 'LD'\n value = record.value // eslint-disable-line prefer-destructuring\n }\n const [recordType] = recordsLabels.filter(\n r => r.record_type === record.record_type\n )\n return {\n workout_date: formatWorkoutDate(getDateWithTZ(record.workout_date, tz))\n .workout_date,\n workout_id: record.workout_id,\n id: record.id,\n record_type: recordType.label,\n value: value,\n }\n}\n\nconst sortSports = (a, b) => {\n const sportALabel = a.label.toLowerCase()\n const sportBLabel = b.label.toLowerCase()\n return sportALabel > sportBLabel ? 1 : sportALabel < sportBLabel ? -1 : 0\n}\n\nexport const translateSports = (sports, t, onlyActive = false) =>\n sports\n .filter(sport => (onlyActive ? sport.is_active : true))\n .map(sport => ({\n ...sport,\n label: t(`sports:${sport.label}`),\n }))\n .sort(sortSports)\n","import { createApiRequest } from '../utils'\n\nexport default class FitTrackeeApi {\n static loginOrRegisterOrPasswordReset(target, data) {\n const params = {\n url: `auth/${target}`,\n method: 'POST',\n noAuthorization: true,\n body: data,\n type: 'application/json',\n }\n return createApiRequest(params)\n }\n\n static deletePicture() {\n const params = {\n url: 'auth/picture',\n method: 'DELETE',\n }\n return createApiRequest(params)\n }\n}\n","import FitTrackeeGenericApi from '../fitTrackeeApi'\nimport FitTrackeeApi from '../fitTrackeeApi/auth'\nimport { history } from '../index'\nimport { generateIds } from '../utils'\nimport { getOrUpdateData, setError, updateLanguage } from './index'\nimport { getAppData } from './application'\n\nconst AuthError = message => ({ type: 'AUTH_ERROR', message })\n\nconst AuthErrors = messages => ({ type: 'AUTH_ERRORS', messages })\n\nconst PictureError = message => ({ type: 'PICTURE_ERROR', message })\n\nconst ProfileSuccess = profil => ({ type: 'PROFILE_SUCCESS', profil })\n\nconst ProfileError = message => ({ type: 'PROFILE_ERROR', message })\n\nconst ProfileUpdateError = message => ({\n type: 'PROFILE_UPDATE_ERROR',\n message,\n})\n\nexport const logout = () => ({ type: 'LOGOUT' })\n\nexport const loadProfile = () => dispatch => {\n if (window.localStorage.getItem('authToken')) {\n return dispatch(getProfile())\n }\n return { type: 'LOGOUT' }\n}\n\nexport const getProfile = () => dispatch =>\n FitTrackeeGenericApi.getData('auth/profile')\n .then(ret => {\n if (ret.status === 'success') {\n dispatch(getOrUpdateData('getData', 'sports'))\n ret.data.isAuthenticated = true\n if (ret.data.language) {\n dispatch(updateLanguage(ret.data.language))\n }\n return dispatch(ProfileSuccess(ret.data))\n }\n return dispatch(ProfileError(ret.message))\n })\n .catch(error => {\n throw error\n })\n\nexport const loginOrRegisterOrPasswordReset = (target, formData) => dispatch =>\n FitTrackeeApi.loginOrRegisterOrPasswordReset(target, formData)\n .then(ret => {\n if (ret.status === 'success') {\n if (target === 'password/reset-request') {\n return history.push({\n pathname: '/password-reset/sent',\n })\n }\n if (target === 'password/update') {\n return history.push({\n pathname: '/updated-password',\n })\n }\n if (target === 'login' || target === 'register') {\n window.localStorage.setItem('authToken', ret.auth_token)\n if (target === 'register') {\n dispatch(getAppData('config'))\n }\n return dispatch(getProfile())\n }\n }\n return dispatch(AuthError(ret.message))\n })\n .catch(error => {\n throw error\n })\n\nconst RegisterFormControl = (formData, onlyPasswords = false) => {\n const errMsg = []\n if (\n !onlyPasswords &&\n (formData.username.length < 3 || formData.username.length > 12)\n ) {\n errMsg.push('3 to 12 characters required for username.')\n }\n if (formData.password !== formData.password_conf) {\n errMsg.push(\"Password and password confirmation don't match.\")\n }\n if (formData.password.length < 8) {\n errMsg.push('8 characters required for password.')\n }\n return errMsg\n}\n\nexport const handleUserFormSubmit = (formData, formType) => dispatch => {\n if (formType === 'register' || formType === 'password/update') {\n const ret = RegisterFormControl(formData, formType === 'password/update')\n if (ret.length > 0) {\n return dispatch(AuthErrors(generateIds(ret)))\n }\n }\n return dispatch(loginOrRegisterOrPasswordReset(formType, formData))\n}\n\nexport const handleProfileFormSubmit = formData => dispatch => {\n if (!formData.password === formData.password_conf) {\n return dispatch(\n ProfileUpdateError(\"Password and password confirmation don't match.\")\n )\n }\n delete formData.id\n return FitTrackeeGenericApi.postData('auth/profile/edit', formData)\n .then(ret => {\n if (ret.status === 'success') {\n dispatch(getProfile())\n return history.push('/profile')\n }\n dispatch(ProfileUpdateError(ret.message))\n })\n .catch(error => {\n throw error\n })\n}\n\nexport const uploadPicture = event => dispatch => {\n event.preventDefault()\n const form = new FormData()\n form.append('file', event.target.picture.files[0])\n event.target.reset()\n return FitTrackeeGenericApi.addDataWithFile('auth/picture', form)\n .then(ret => {\n if (ret.status === 'success') {\n return dispatch(getProfile())\n }\n const msg = ret.message.match(/file size exceeds/g)\n ? 'Error during picture update, file size exceeds max size.'\n : ret.message\n return dispatch(PictureError(msg))\n })\n .catch(error => {\n throw error\n })\n}\n\nexport const deletePicture = () => dispatch =>\n FitTrackeeApi.deletePicture()\n .then(ret => {\n if (ret.status === 204) {\n return dispatch(getProfile())\n }\n return dispatch(PictureError(ret.message))\n })\n .catch(error => {\n throw error\n })\n\nexport const deleteUser = (username, isAdmin = false) => dispatch =>\n FitTrackeeGenericApi.deleteData('users', username)\n .then(ret => {\n if (ret.status === 204) {\n dispatch(getAppData('config'))\n if (isAdmin) {\n history.push('/admin/users')\n } else {\n dispatch(logout())\n history.push('/')\n }\n } else {\n ret.json().then(r => dispatch(setError(`${r.message}`)))\n }\n })\n .catch(error => dispatch(setError(`user|${error}`)))\n","import FitTrackeeGenericApi from '../fitTrackeeApi'\nimport { history } from '../index'\nimport { formatChartData } from '../utils/workouts'\nimport { setError, setLoading } from './index'\nimport { loadProfile } from './user'\n\nexport const pushWorkouts = workouts => ({\n type: 'PUSH_WORKOUTS',\n workouts,\n})\n\nexport const removeWorkout = workoutId => ({\n type: 'REMOVE_WORKOUT',\n workoutId,\n})\n\nexport const updateCalendar = workouts => ({\n type: 'UPDATE_CALENDAR',\n workouts,\n})\n\nexport const setGpx = gpxContent => ({\n type: 'SET_GPX',\n gpxContent,\n})\n\nexport const setChartData = chartData => ({\n type: 'SET_CHART_DATA',\n chartData,\n})\n\nexport const addWorkout = form => dispatch =>\n FitTrackeeGenericApi.addDataWithFile('workouts', form)\n .then(ret => {\n if (ret.status === 'created') {\n if (ret.data.workouts.length === 0) {\n dispatch(setError('workouts|no correct file.'))\n } else if (ret.data.workouts.length === 1) {\n dispatch(loadProfile())\n history.push(`/workouts/${ret.data.workouts[0].id}`)\n } else {\n // ret.data.workouts.length > 1\n dispatch(loadProfile())\n history.push('/')\n }\n } else if (ret.status === 413) {\n dispatch(\n setError('workouts|File size is greater than the allowed size')\n )\n } else {\n dispatch(setError(`workouts|${ret.message}`))\n }\n dispatch(setLoading(false))\n })\n .catch(error => {\n dispatch(setLoading(false))\n dispatch(setError(`workouts|${error}`))\n })\n\nexport const addWorkoutWithoutGpx = form => dispatch =>\n FitTrackeeGenericApi.addData('workouts/no_gpx', form)\n .then(ret => {\n if (ret.status === 'created') {\n dispatch(loadProfile())\n history.push(`/workouts/${ret.data.workouts[0].id}`)\n } else {\n dispatch(setError(`workouts|${ret.message}`))\n }\n })\n .catch(error => dispatch(setError(`workouts|${error}`)))\n\nexport const getWorkoutGpx = workoutId => dispatch => {\n if (workoutId) {\n return FitTrackeeGenericApi.getData(`workouts/${workoutId}/gpx`)\n .then(ret => {\n if (ret.status === 'success') {\n dispatch(setGpx(ret.data.gpx))\n } else {\n dispatch(setError(`workouts|${ret.message}`))\n }\n })\n .catch(error => dispatch(setError(`workouts|${error}`)))\n }\n dispatch(setGpx(null))\n}\n\nexport const getSegmentGpx = (workoutId, segmentId) => dispatch => {\n if (workoutId) {\n return FitTrackeeGenericApi.getData(\n `workouts/${workoutId}/gpx/segment/${segmentId}`\n )\n .then(ret => {\n if (ret.status === 'success') {\n dispatch(setGpx(ret.data.gpx))\n } else {\n dispatch(setError(`workouts|${ret.message}`))\n }\n })\n .catch(error => dispatch(setError(`workouts|${error}`)))\n }\n dispatch(setGpx(null))\n}\n\nexport const getWorkoutChartData = workoutId => dispatch => {\n if (workoutId) {\n return FitTrackeeGenericApi.getData(`workouts/${workoutId}/chart_data`)\n .then(ret => {\n if (ret.status === 'success') {\n dispatch(setChartData(formatChartData(ret.data.chart_data)))\n } else {\n dispatch(setError(`workouts|${ret.message}`))\n }\n })\n .catch(error => dispatch(setError(`workouts|${error}`)))\n }\n dispatch(setChartData(null))\n}\n\nexport const getSegmentChartData = (workoutId, segmentId) => dispatch => {\n if (workoutId) {\n return FitTrackeeGenericApi.getData(\n `workouts/${workoutId}/chart_data/segment/${segmentId}`\n )\n .then(ret => {\n if (ret.status === 'success') {\n dispatch(setChartData(formatChartData(ret.data.chart_data)))\n } else {\n dispatch(setError(`workouts|${ret.message}`))\n }\n })\n .catch(error => dispatch(setError(`workouts|${error}`)))\n }\n dispatch(setChartData(null))\n}\n\nexport const deleteWorkout = id => dispatch =>\n FitTrackeeGenericApi.deleteData('workouts', id)\n .then(ret => {\n if (ret.status === 204) {\n Promise.resolve(dispatch(removeWorkout(id)))\n .then(() => dispatch(loadProfile()))\n .then(() => history.push('/'))\n } else {\n dispatch(setError(`workouts|${ret.status}`))\n }\n })\n .catch(error => dispatch(setError(`workouts|${error}`)))\n\nexport const editWorkout = form => dispatch =>\n FitTrackeeGenericApi.updateData('workouts', form)\n .then(ret => {\n if (ret.status === 'success') {\n dispatch(loadProfile())\n history.push(`/workouts/${ret.data.workouts[0].id}`)\n } else {\n dispatch(setError(`workouts|${ret.message}`))\n }\n dispatch(setLoading(false))\n })\n .catch(error => {\n dispatch(setLoading(false))\n dispatch(setError(`workouts|${error}`))\n })\n\nexport const getMoreWorkouts = params => dispatch =>\n FitTrackeeGenericApi.getData('workouts', params)\n .then(ret => {\n if (ret.status === 'success') {\n if (ret.data.workouts.length > 0) {\n dispatch(pushWorkouts(ret.data.workouts))\n }\n } else {\n dispatch(setError(`workouts|${ret.message}`))\n }\n })\n .catch(error => dispatch(setError(`workouts|${error}`)))\n\nexport const getMonthWorkouts = (from, to) => dispatch =>\n FitTrackeeGenericApi.getData('workouts', {\n from,\n to,\n order: 'asc',\n per_page: 100,\n })\n .then(ret => {\n if (ret.status === 'success') {\n dispatch(updateCalendar(ret.data.workouts))\n } else {\n dispatch(setError(`workouts|${ret.message}`))\n }\n })\n .catch(error => dispatch(setError(`workouts|${error}`)))\n","import React from 'react'\nimport { Trans } from 'react-i18next'\nimport { connect } from 'react-redux'\n\nimport { setLoading } from '../../../actions/index'\nimport { addWorkout, editWorkout } from '../../../actions/workouts'\nimport { history } from '../../../index'\nimport { getFileSize } from '../../../utils'\nimport { translateSports } from '../../../utils/workouts'\n\nfunction FormWithGpx(props) {\n const {\n appConfig,\n loading,\n onAddWorkout,\n onEditWorkout,\n sports,\n t,\n workout,\n } = props\n const sportId = workout ? workout.sport_id : ''\n const translatedSports = translateSports(sports, t, true)\n const zipTooltip = `${t('workouts:no folder inside')}, ${\n appConfig.gpx_limit_import\n } ${t('workouts:files max')}, ${t('workouts:max size')}: ${getFileSize(\n appConfig.max_zip_file_size\n )}`\n const fileSizeLimit = getFileSize(appConfig.max_single_file_size)\n return (\n \n \n
\n {workout ? (\n \n \n
\n ) : (\n \n \n
\n )}\n \n \n
\n {loading ? (\n \n ) : (\n \n \n workout ? onEditWorkout(event, workout) : onAddWorkout(event)\n }\n value={t('common:Submit')}\n />\n history.push('/')}\n value={t('common:Cancel')}\n />\n
\n )}\n \n )\n}\n\nexport default connect(\n state => ({\n appConfig: state.application.config,\n loading: state.loading,\n }),\n dispatch => ({\n onAddWorkout: e => {\n dispatch(setLoading(true))\n const form = new FormData()\n form.append('file', e.target.form.gpxFile.files[0])\n /* prettier-ignore */\n form.append(\n 'data',\n `{\"sport_id\": ${e.target.form.sport.value\n }, \"notes\": \"${e.target.form.notes.value}\"}`\n )\n dispatch(addWorkout(form))\n },\n onEditWorkout: (e, workout) => {\n dispatch(\n editWorkout({\n id: workout.id,\n notes: e.target.form.notes.value,\n sport_id: +e.target.form.sport.value,\n title: e.target.form.title.value,\n })\n )\n },\n })\n)(FormWithGpx)\n","import React from 'react'\nimport { connect } from 'react-redux'\n\nimport { addWorkoutWithoutGpx, editWorkout } from '../../../actions/workouts'\nimport { history } from '../../../index'\nimport { getDateWithTZ } from '../../../utils'\nimport { formatWorkoutDate, translateSports } from '../../../utils/workouts'\n\nfunction FormWithoutGpx(props) {\n const { onAddOrEdit, sports, t, user, workout } = props\n const translatedSports = translateSports(sports, t, true)\n let workoutDate,\n workoutTime,\n sportId = ''\n if (workout) {\n const workoutDateTime = formatWorkoutDate(\n getDateWithTZ(workout.workout_date, user.timezone),\n 'yyyy-MM-dd'\n )\n workoutDate = workoutDateTime.workout_date\n workoutTime = workoutDateTime.workout_time\n sportId = workout.sport_id\n }\n\n return (\n \n )\n}\n\nexport default connect(\n state => ({\n user: state.user,\n }),\n dispatch => ({\n onAddOrEdit: (e, workout) => {\n const d = e.target.form.duration.value.split(':')\n const duration = +d[0] * 60 * 60 + +d[1] * 60 + +d[2]\n\n /* prettier-ignore */\n const workoutDate = `${e.target.form.workout_date.value\n } ${ e.target.form.workout_time.value}`\n\n const data = {\n workout_date: workoutDate,\n distance: +e.target.form.distance.value,\n duration,\n notes: e.target.form.notes.value,\n sport_id: +e.target.form.sport_id.value,\n title: e.target.form.title.value,\n }\n if (workout) {\n data.id = workout.id\n dispatch(editWorkout(data))\n } else {\n dispatch(addWorkoutWithoutGpx(data))\n }\n },\n })\n)(FormWithoutGpx)\n","import React from 'react'\nimport { Helmet } from 'react-helmet'\nimport { withTranslation } from 'react-i18next'\nimport { connect } from 'react-redux'\n\nimport FormWithGpx from './WorkoutForms/FormWithGpx'\nimport FormWithoutGpx from './WorkoutForms/FormWithoutGpx'\nimport Message from '../Common/Message'\n\nclass WorkoutAddEdit extends React.Component {\n constructor(props, context) {\n super(props, context)\n this.state = {\n withGpx: true,\n }\n }\n\n handleRadioChange(changeEvent) {\n this.setState({\n withGpx:\n changeEvent.target.name === 'withGpx'\n ? changeEvent.target.value\n : !changeEvent.target.value,\n })\n }\n\n render() {\n const { loading, message, sports, t, workout } = this.props\n const { withGpx } = this.state\n return (\n \n \n \n FitTrackee -{' '}\n {workout\n ? t('workouts:Edit a workout')\n : t('workouts:Add a workout')}\n \n \n
\n
\n
\n )\n }\n}\n\nexport default withTranslation()(\n connect(state => ({\n loading: state.loading,\n }))(WorkoutAddEdit)\n)\n","import React from 'react'\nimport { connect } from 'react-redux'\n\nimport WorkoutAddOrEdit from './WorkoutAddOrEdit'\n\nfunction WorkoutAdd(props) {\n const { message, sports } = props\n return (\n \n
\n
\n
\n \n \n
\n \n
\n \n \n
\n \n {workout\n ? t('workouts:Edit a workout')\n : t('workouts:Add a workout')}\n
\n\n {workout ? (\n workout.with_gpx ? (\n
\n \n \n {withGpx ? (\n
\n )}\n \n
\n )\n}\n\nexport default connect(state => ({\n message: state.message,\n sports: state.sports.data,\n user: state.user,\n}))(WorkoutAdd)\n","import React from 'react'\nimport { useTranslation } from 'react-i18next'\n\nexport default function CustomModal(props) {\n const { t } = useTranslation()\n return (\n \n
\n )\n}\n","import React from 'react'\nimport { Link } from 'react-router-dom'\n\nimport { getDateWithTZ } from '../../../utils'\nimport { formatWorkoutDate } from '../../../utils/workouts'\n\nexport default function WorkoutCardHeader(props) {\n const {\n dataType,\n displayModal,\n segmentId,\n sport,\n t,\n title,\n user,\n workout,\n } = props\n const workoutDate = workout\n ? formatWorkoutDate(getDateWithTZ(workout.workout_date, user.timezone))\n : null\n\n const previousUrl =\n dataType === 'segment' && segmentId !== 1\n ? `/workouts/${workout.id}/segment/${segmentId - 1}`\n : dataType === 'workout' && workout.previous_workout\n ? `/workouts/${workout.previous_workout}`\n : null\n const nextUrl =\n dataType === 'segment' && segmentId < workout.segments.length\n ? `/workouts/${workout.id}/segment/${segmentId + 1}`\n : dataType === 'workout' && workout.next_workout\n ? `/workouts/${workout.next_workout}`\n : null\n\n return (\n \n
\n \n
\n \n props.close()}\n >\n ×\n \n
\n {props.title}
\n\n
\n {props.text}
\n\n props.confirm()}\n >\n {t('common:Yes')}\n \n props.close()}\n >\n {t('common:No')}\n \n
\n \n
\n )\n}\n","import { format } from 'date-fns'\nimport React from 'react'\nimport { connect } from 'react-redux'\nimport {\n Area,\n ComposedChart,\n Line,\n ResponsiveContainer,\n Tooltip,\n XAxis,\n YAxis,\n} from 'recharts'\n\nimport {\n getSegmentChartData,\n getWorkoutChartData,\n} from '../../../actions/workouts'\n\nclass WorkoutCharts extends React.Component {\n constructor(props, context) {\n super(props, context)\n this.state = {\n displayDistance: true,\n dataToHide: [],\n }\n }\n\n componentDidMount() {\n if (this.props.dataType === 'workout') {\n this.props.loadWorkoutData(this.props.workout.id)\n } else {\n this.props.loadSegmentData(this.props.workout.id, this.props.segmentId)\n }\n }\n\n componentDidUpdate(prevProps) {\n if (\n (this.props.dataType === 'workout' &&\n prevProps.workout.id !== this.props.workout.id) ||\n (this.props.dataType === 'workout' && prevProps.dataType === 'segment')\n ) {\n this.props.loadWorkoutData(this.props.workout.id)\n }\n if (\n this.props.dataType === 'segment' &&\n prevProps.segmentId !== this.props.segmentId\n ) {\n this.props.loadSegmentData(this.props.workout.id, this.props.segmentId)\n }\n }\n\n componentWillUnmount() {\n this.props.loadWorkoutData(null)\n }\n\n handleRadioChange(changeEvent) {\n this.setState({\n displayDistance:\n changeEvent.target.name === 'distance'\n ? changeEvent.target.value\n : !changeEvent.target.value,\n })\n }\n\n handleLegendChange(e) {\n const { dataToHide } = this.state\n const name = e.target.name // eslint-disable-line prefer-destructuring\n if (dataToHide.find(d => d === name)) {\n dataToHide.splice(dataToHide.indexOf(name), 1)\n } else {\n dataToHide.push(name)\n }\n this.setState({ dataToHide })\n }\n\n displayData(name) {\n const { dataToHide } = this.state\n return !dataToHide.find(d => d === name)\n }\n\n render() {\n const { chartData, t, updateCoordinates } = this.props\n const { displayDistance } = this.state\n const xInterval = chartData ? parseInt(chartData.length / 10, 10) : 0\n let xDataKey, xScale\n if (displayDistance) {\n xDataKey = 'distance'\n xScale = 'linear'\n } else {\n xDataKey = 'duration'\n xScale = 'time'\n }\n return (\n \n
\n \n {previousUrl ? (\n \n
\n \n \n
\n \n {dataType === 'workout' ? (\n <>\n {title}{' '}\n \n displayModal(true)}\n title={t('workouts:Delete workout')}\n />\n \n ) : (\n <>\n {/* prettier-ignore */}\n \n {title}\n {' '}\n - {t('workouts:segment')} {segmentId}\n \n )}\n
\n {workoutDate && (\n \n {`${workoutDate.workout_date} - ${workoutDate.workout_time}`}\n \n )}\n
\n \n {workoutDate && (\n \n {`${workoutDate.workout_date} - ${workoutDate.workout_time}`}\n \n )}\n
\n {nextUrl ? (\n \n
\n \n {chartData && chartData.length > 0 ? (\n
\n )\n }\n}\n\nexport default connect(\n state => ({\n chartData: state.chartData,\n }),\n dispatch => ({\n loadWorkoutData: workoutId => {\n dispatch(getWorkoutChartData(workoutId))\n },\n loadSegmentData: (workoutId, segmentId) => {\n dispatch(getSegmentChartData(workoutId, segmentId))\n },\n })\n)(WorkoutCharts)\n","import React from 'react'\n\nexport default function WorkoutWeather(props) {\n const { t, workout } = props\n return (\n \n
\n ) : (\n t('workouts:No data to display')\n )}\n \n \n \n
\n \n \n \n \n \n
\n \n \n updateCoordinates(e.activePayload)}\n onMouseLeave={() => updateCoordinates(null)}\n >\n \n displayDistance ? value : format(value, 'HH:mm:ss')\n }\n type=\"number\"\n />\n \n displayDistance\n ? `${t('workouts:distance')}: ${value} km`\n : `${t('workouts:duration')}: ${format(\n value,\n 'HH:mm:ss'\n )}`\n }\n />\n \n \n
\n \n {t('workouts:data from gpx, without any cleaning')}\n
\n \n {workout.weather_start && workout.weather_end && (\n \n \n
\n )}\n
\n )\n}\n","import React from 'react'\n\nimport WorkoutWeather from './WorkoutWeather'\n\nexport default function WorkoutDetails(props) {\n const { t, workout } = props\n const withPauses = workout.pauses !== '0:00:00' && workout.pauses !== null\n return (\n | \n | \n {t('workouts:Start')}\n \n | \n \n {t('workouts:End')}\n \n | \n
|---|---|---|
| \n | \n {Number(workout.weather_start.temperature).toFixed(1)}°C | \n{Number(workout.weather_end.temperature).toFixed(1)}°C | \n
| \n | \n \n {Number(workout.weather_start.humidity * 100).toFixed(1)}%\n | \n{Number(workout.weather_end.humidity * 100).toFixed(1)}% | \n
| \n | \n {Number(workout.weather_start.wind).toFixed(1)}m/s | \n{Number(workout.weather_end.wind).toFixed(1)}m/s | \n
\n
\n )\n}\n","import React from 'react'\nimport { GeoJSON, Marker, TileLayer, useMap } from 'react-leaflet'\nimport hash from 'object-hash'\n\nimport { apiUrl } from '../../../utils'\n\nexport default function Map({ bounds, coordinates, jsonData, mapAttribution }) {\n const map = useMap()\n map.fitBounds(bounds)\n return (\n <>\n \n \n {t('workouts:Duration')}: {workout.moving}\n {workout.records &&\n workout.records.find(record => record.record_type === 'LD') && (\n \n \n \n )}\n {withPauses && (\n \n
({t('workouts:pauses')}: {workout.pauses},{' '}\n {t('workouts:total duration')}: {workout.duration})\n \n )}\n
\n \n {t('workouts:Distance')}: {workout.distance} km\n {workout.records &&\n workout.records.find(record => record.record_type === 'FD') && (\n \n \n \n )}\n
\n\n \n {t('workouts:Average speed')}: {workout.ave_speed} km/h\n {workout.records &&\n workout.records.find(record => record.record_type === 'AS') && (\n \n \n \n )}\n
\n {t('workouts:Max. speed')}: {workout.max_speed} km/h\n {workout.records &&\n workout.records.find(record => record.record_type === 'MS') && (\n \n \n \n )}\n
\n \n {t('workouts:Min. altitude')}: {workout.min_alt}m\n
\n {t('workouts:Max. altitude')}: {workout.max_alt}m\n
\n \n {t('workouts:Ascent')}: {workout.ascent}m\n
\n {t('workouts:Descent')}: {workout.descent}m\n
\n {jsonData && (\n \n
\n )\n }\n}\n\nexport default connect(\n state => ({\n gpxContent: state.gpx,\n mapAttribution: state.application.config.map_attribution,\n }),\n dispatch => ({\n loadWorkoutGpx: workoutId => {\n dispatch(getWorkoutGpx(workoutId))\n },\n loadSegmentGpx: (workoutId, segmentId) => {\n dispatch(getSegmentGpx(workoutId, segmentId))\n },\n })\n)(WorkoutMap)\n","import React from 'react'\n\nexport default function WorkoutNoMap(props) {\n const { t } = props\n return (\n {t('workouts:No Map')}
\n )\n}\n","import React from 'react'\n\nexport default function WorkoutNotes(props) {\n const { notes, t } = props\n return (\n \n
\n )\n}\n","import React from 'react'\nimport { Link } from 'react-router-dom'\n\nexport default function WorkoutSegments(props) {\n const { segments, t } = props\n return (\n \n
\n \n
\n \n Notes\n
\n \n {notes ? notes : t('workouts:No notes')}\n
\n \n
\n )\n}\n","import React from 'react'\nimport { Helmet } from 'react-helmet'\nimport { withTranslation } from 'react-i18next'\nimport { connect } from 'react-redux'\n\nimport CustomModal from '../../Common/CustomModal'\nimport Message from '../../Common/Message'\nimport WorkoutCardHeader from './WorkoutCardHeader'\nimport WorkoutCharts from './WorkoutCharts'\nimport WorkoutDetails from './WorkoutDetails'\nimport WorkoutMap from './WorkoutMap'\nimport WorkoutNoMap from './WorkoutNoMap'\nimport WorkoutNotes from './WorkoutNotes'\nimport WorkoutSegments from './WorkoutSegments'\nimport { getOrUpdateData } from '../../../actions'\nimport { deleteWorkout } from '../../../actions/workouts'\n\nclass WorkoutDisplay extends React.Component {\n constructor(props, context) {\n super(props, context)\n this.state = {\n displayModal: false,\n coordinates: {\n latitude: null,\n longitude: null,\n },\n }\n }\n\n componentDidMount() {\n this.props.loadWorkout(this.props.match.params.workoutId)\n }\n\n componentDidUpdate(prevProps) {\n if (\n prevProps.match.params.workoutId !== this.props.match.params.workoutId\n ) {\n this.props.loadWorkout(this.props.match.params.workoutId)\n }\n }\n\n displayModal(value) {\n this.setState(prevState => ({\n ...prevState,\n displayModal: value,\n }))\n }\n\n updateCoordinates(activePayload) {\n const coordinates =\n activePayload && activePayload.length > 0\n ? {\n latitude: activePayload[0].payload.latitude,\n longitude: activePayload[0].payload.longitude,\n }\n : {\n latitude: null,\n longitude: null,\n }\n this.setState(prevState => ({\n ...prevState,\n coordinates,\n }))\n }\n\n render() {\n const { message, onDeleteWorkout, sports, t, user, workouts } = this.props\n const { coordinates, displayModal } = this.state\n const [workout] = workouts\n const title = workout ? workout.title : t('workouts:Workout')\n const [sport] = workout ? sports.filter(s => s.id === workout.sport_id) : []\n const segmentId = parseInt(this.props.match.params.segmentId)\n const dataType = segmentId >= 0 ? 'segment' : 'workout'\n return (\n \n
\n \n
\n \n {t('workouts:Segments')}\n
\n \n
\n - \n {segments.map((segment, index) => (\n
\n \n FitTrackee - {title} \n \n {message ? (\n
\n )\n }\n}\n\nexport default withTranslation()(\n connect(\n state => ({\n workouts: state.workouts.data,\n message: state.message,\n sports: state.sports.data,\n user: state.user,\n }),\n dispatch => ({\n loadWorkout: workoutId => {\n dispatch(getOrUpdateData('getData', 'workouts', { id: workoutId }))\n },\n onDeleteWorkout: workoutId => {\n dispatch(deleteWorkout(workoutId))\n },\n })\n )(WorkoutDisplay)\n)\n","import React from 'react'\nimport { connect } from 'react-redux'\n\nimport WorkoutAddOrEdit from './WorkoutAddOrEdit'\nimport { getOrUpdateData } from '../../actions'\n\nclass WorkoutEdit extends React.Component {\n componentDidMount() {\n this.props.loadWorkout(this.props.match.params.workoutId)\n }\n\n render() {\n const { message, sports, workouts } = this.props\n const [workout] = workouts\n return (\n \n {displayModal && (\n {\n onDeleteWorkout(workout.id)\n this.displayModal(false)\n }}\n close={() => this.displayModal(false)}\n />\n )}\n {workout && sport && workouts.length === 1 && (\n
\n )}\n \n
\n )}\n \n
\n {workout.with_gpx && (\n \n
\n \n
\n \n this.displayModal(true)}\n />\n
\n \n
\n \n
\n \n {workout.with_gpx ? (\n
\n \n
\n \n
\n )}\n {dataType === 'workout' && (\n <>\n \n
\n \n
\n \n
\n \n
\n \n \n this.updateCoordinates(e)\n }\n />\n
\n \n {t('workouts:Chart')}\n
\n \n {sports.length > 0 && (\n
\n )\n }\n}\n\nexport default connect(\n state => ({\n workouts: state.workouts.data,\n message: state.message,\n sports: state.sports.data,\n user: state.user,\n }),\n dispatch => ({\n loadWorkout: workoutId => {\n dispatch(getOrUpdateData('getData', 'workouts', { id: workoutId }))\n },\n })\n)(WorkoutEdit)\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport { Redirect, Route, Switch } from 'react-router-dom'\n\nimport NotFound from './../Others/NotFound'\nimport WorkoutAdd from './WorkoutAdd'\nimport WorkoutDisplay from './WorkoutDisplay'\nimport WorkoutEdit from './WorkoutEdit'\nimport { isLoggedIn } from '../../utils'\n\nfunction Workout() {\n return (\n \n {isLoggedIn() ? (\n \n \n ) : (\n
\n )\n}\n\nexport default connect(state => ({\n user: state.user,\n}))(Workout)\n","import React from 'react'\nimport { Link } from 'react-router-dom'\n\nexport default class NoWorkouts extends React.PureComponent {\n render() {\n const { t } = this.props\n return (\n \n
\n )\n }\n}\n","import React from 'react'\n\nimport { translateSports } from '../../utils/workouts'\n\nexport default class WorkoutsFilter extends React.PureComponent {\n render() {\n const { loadWorkouts, sports, t, updateParams } = this.props\n const translatedSports = translateSports(sports, t)\n return (\n \n {t('common:No workouts.')}{' '}\n \n {t('dashboard:Upload one !')}\n \n
\n \n
\n )\n }\n}\n","import React from 'react'\n\nimport { apiUrl } from '../../utils'\n\nexport default class StaticMap extends React.PureComponent {\n render() {\n const { display, workout } = this.props\n\n return (\n \n \n
\n \n
\n )\n }\n}\n","import { format } from 'date-fns'\nimport React from 'react'\nimport { Link } from 'react-router-dom'\n\nimport StaticMap from '../Common/StaticMap'\nimport { getDateWithTZ } from '../../utils'\n\nexport default class WorkoutsList extends React.PureComponent {\n render() {\n const { loading, sports, t, user, workouts } = this.props\n return (\n \n ©\n \n OpenStreetMap\n \n
\n \n
\n )\n }\n}\n","import React from 'react'\nimport { Helmet } from 'react-helmet'\nimport { withTranslation } from 'react-i18next'\nimport { connect } from 'react-redux'\n\nimport Message from '../Common/Message'\nimport NoWorkouts from '../Common/NoWorkouts'\nimport WorkoutsFilter from './WorkoutsFilter'\nimport WorkoutsList from './WorkoutsList'\nimport { getOrUpdateData } from '../../actions'\nimport { getMoreWorkouts } from '../../actions/workouts'\n\nclass Workouts extends React.Component {\n constructor(props, context) {\n super(props, context)\n this.state = {\n params: {\n page: 1,\n per_page: 10,\n },\n }\n }\n\n componentDidMount() {\n this.props.loadWorkouts(this.state.params)\n }\n\n setParams(e) {\n const { params } = this.state\n if (e.target.value === '') {\n delete params[e.target.name]\n } else {\n params[e.target.name] = e.target.value\n }\n params.page = 1\n this.setState(params)\n }\n render() {\n const {\n loading,\n loadWorkouts,\n loadMoreWorkouts,\n message,\n sports,\n t,\n user,\n workouts,\n } = this.props\n const { params } = this.state\n const paginationEnd =\n workouts.length > 0\n ? workouts[workouts.length - 1].previous_workout === null\n : true\n return (\n \n \n \n
\n {loading && }\n
\n | \n | {t('common:Workout')} | \n{t('workouts:Date')} | \n{t('workouts:Distance')} | \n{t('workouts:Duration')} | \n{t('workouts:Ave. speed')} | \n{t('workouts:Max. speed')} | \n
|---|---|---|---|---|---|---|
| \n \n {t('common:Sport')}\n \n | \n \n \n {t('common:Workout')}\n \n \n {workout.title}\n \n {workout.map && (\n | \n \n \n {t('workouts:Date')}\n \n {format(\n getDateWithTZ(workout.workout_date, user.timezone),\n 'dd/MM/yyyy HH:mm'\n )}\n | \n\n \n {t('workouts:Distance')}\n \n {Number(workout.distance).toFixed(2)} km\n | \n\n \n {t('workouts:Duration')}\n \n {workout.moving}\n | \n\n \n {t('workouts:Ave. speed')}\n \n {workout.ave_speed} km/h\n | \n\n \n {t('workouts:Max. speed')}\n \n {workout.max_speed} km/h\n | \n
\n \n FitTrackee - {t('common:Workouts')} \n \n {message ? (\n
\n )\n }\n}\n\nexport default withTranslation()(\n connect(\n state => ({\n workouts: state.workouts.data,\n loading: state.loading,\n message: state.message,\n sports: state.sports.data,\n user: state.user,\n }),\n dispatch => ({\n loadWorkouts: params => {\n dispatch(getOrUpdateData('getData', 'workouts', params))\n },\n loadMoreWorkouts: params => {\n dispatch(getMoreWorkouts(params))\n },\n })\n )(Workouts)\n)\n","import { format } from 'date-fns'\nimport React from 'react'\nimport { Helmet } from 'react-helmet'\nimport { withTranslation } from 'react-i18next'\nimport { connect } from 'react-redux'\n\nimport Message from '../Common/Message'\nimport { deletePicture, uploadPicture } from '../../actions/user'\nimport { apiUrl, getFileSize } from '../../utils'\nimport { history } from '../../index'\n\nfunction ProfileDetail({\n appConfig,\n displayModal,\n editable,\n isDeletable,\n message,\n onDeletePicture,\n onUploadPicture,\n pathname,\n t,\n user,\n}) {\n const createdAt = user.created_at\n ? format(new Date(user.created_at), 'dd/MM/yyyy HH:mm')\n : ''\n const birthDate = user.birth_date\n ? format(new Date(user.birth_date), 'dd/MM/yyyy')\n : ''\n const fileSizeLimit = getFileSize(appConfig.max_single_file_size)\n return (\n \n
\n )}\n \n
\n \n loadWorkouts(params)}\n t={t}\n updateParams={e => this.setParams(e)}\n />\n
\n \n {\n params.page += 1\n loadMoreWorkouts(params)\n this.setState(params)\n }}\n />\n )}\n {workouts.length === 0 &&
\n \n \n FitTrackee - {t('user:Profile')} \n \n
\n )\n}\n\nexport default withTranslation()(\n connect(\n state => ({\n appConfig: state.application.config,\n pathname: state.router.location.pathname,\n message: state.message,\n }),\n dispatch => ({\n onDeletePicture: () => {\n dispatch(deletePicture())\n },\n onUploadPicture: event => {\n dispatch(uploadPicture(event))\n },\n })\n )(ProfileDetail)\n)\n","import React from 'react'\nimport { withTranslation } from 'react-i18next'\nimport { connect } from 'react-redux'\n\nimport ProfileDetail from './ProfileDetail'\n\nfunction CurrentUserProfile({ t, user }) {\n return (\n \n
\n {t('user:Profile')}
\n\n
\n \n
\n \n
\n \n {user.username}\n
\n \n history.push('/profile/edit')}\n >\n {t('common:Edit')}\n \n )}\n {isDeletable && (\n displayModal(true)}\n >\n {t('user:Delete user account')}\n \n )}\n \n pathname === '/profile' ? history.push('/') : history.go(-1)\n }\n >\n {t(\n pathname === '/profile'\n ? 'common:Back to home'\n : 'common:Back'\n )}\n \n
\n \n
\n {editable && (\n \n
\n \n {/* eslint-disable-next-line max-len */}\n \n {t('user:Email')}\n : {user.email}\n
\n\n \n {t('user:Registration Date')}\n \n : {createdAt}\n
\n\n {t('user:First Name')}\n : {user.first_name}\n
\n\n {/* eslint-disable-next-line max-len */}\n \n {t('user:Last Name')}\n : {user.last_name}\n
\n\n {t('user:Birth Date')}\n : {birthDate}\n
\n\n {/* eslint-disable-next-line max-len */}\n \n {t('user:Location')}\n : {user.location}\n
\n\n {t('user:Bio')}:{' '}\n {user.bio}\n
\n\n {/* eslint-disable-next-line max-len */}\n \n {t('user:Language')}\n : {user.language}\n
\n\n {/* eslint-disable-next-line max-len */}\n \n {t('user:Timezone')}\n : {user.timezone}\n
\n\n \n {t('user:First day of week')}\n \n : {user.weekm ? t('user:Monday') : t('user:Sunday')}\n
\n\n {user.picture === true && (\n onUploadPicture(event)}\n >\n
\n \n {` (max. size: ${fileSizeLimit})`}\n \n )}{' '}\n
\n \n
\n onDeletePicture()}\n >\n {t('user:Delete picture')}\n \n
\n
\n \n )}\n
\n )}\n {editable && (\n \n
\n
\n \n )}\n
\n \n {` (max. size: ${fileSizeLimit})`}\n \n )}{' '}\n
\n
\n )\n}\n\nexport default withTranslation()(\n connect(state => ({\n user: state.user,\n }))(CurrentUserProfile)\n)\n","import React from 'react'\nimport { Link } from 'react-router-dom'\n\nimport { recordsLabels } from '../../utils/workouts'\n\nexport default function CalendarWorkout(props) {\n const { isDisabled, isMore, sportImg, workout } = props\n return (\n \n {dayWorkouts.map(act => (\n s.id === act.sport_id).map(s => s.img)}\n />\n ))}\n {dayWorkouts.length > 2 && (\n this.handleDisplayMore()}\n title=\"show more workouts\"\n />\n )}\n {!isHidden && (\n
\n )\n }\n}\n","// eslint-disable-next-line max-len\n// source: https://blog.flowandform.agency/create-a-custom-calendar-in-react-3df1bfd0b728\nimport {\n addDays,\n addMonths,\n endOfMonth,\n endOfWeek,\n format,\n isSameDay,\n isSameMonth,\n isToday,\n startOfMonth,\n startOfWeek,\n subMonths,\n} from 'date-fns'\nimport { enGB, fr } from 'date-fns/locale'\nimport React from 'react'\nimport { connect } from 'react-redux'\n\nimport CalendarWorkouts from './CalendarWorkouts'\nimport { getMonthWorkouts } from '../../actions/workouts'\nimport { getDateWithTZ } from '../../utils'\n\nconst getStartAndEndMonth = (date, weekStartOnMonday) => {\n const monthStart = startOfMonth(date)\n const monthEnd = endOfMonth(date)\n const weekStartsOn = weekStartOnMonday ? 1 : 0\n return {\n start: startOfWeek(monthStart, { weekStartsOn }),\n end: endOfWeek(monthEnd),\n }\n}\n\nclass Calendar extends React.Component {\n constructor(props, context) {\n super(props, context)\n const calendarDate = new Date()\n this.state = {\n currentMonth: calendarDate,\n startDate: getStartAndEndMonth(calendarDate, props.weekm).start,\n endDate: getStartAndEndMonth(calendarDate, props.weekm).end,\n weekStartOnMonday: props.weekm,\n }\n }\n\n componentDidMount() {\n this.props.loadMonthWorkouts(this.state.startDate, this.state.endDate)\n }\n\n renderHeader(localeOptions) {\n const dateFormat = 'MMM yyyy'\n return (\n \n {dayWorkouts.map(act => (\n s.id === act.sport_id)\n .map(s => s.img)}\n />\n ))}\n
\n )}\n \n
\n )\n }\n\n renderDays(localeOptions) {\n const dateFormat = 'EEE'\n const days = []\n const { startDate } = this.state\n\n for (let i = 0; i < 7; i++) {\n days.push(\n this.handlePrevMonth()}>\n \n
\n \n \n {format(this.state.currentMonth, dateFormat, localeOptions)}\n \n
\n this.handleNextMonth()}>\n \n
\n \n {format(addDays(startDate, i), dateFormat, localeOptions)}\n
\n )\n }\n return {days}
\n }\n\n filterWorkouts(day) {\n const { workouts, user } = this.props\n if (workouts) {\n return workouts.filter(act =>\n isSameDay(getDateWithTZ(act.workout_date, user.timezone), day)\n )\n }\n return []\n }\n\n renderCells() {\n const { currentMonth, startDate, endDate, weekStartOnMonday } = this.state\n const { sports } = this.props\n\n const dateFormat = 'd'\n const rows = []\n\n let days = []\n let day = startDate\n let formattedDate = ''\n\n while (day <= endDate) {\n for (let i = 0; i < 7; i++) {\n formattedDate = format(day, dateFormat)\n const dayWorkouts = this.filterWorkouts(day)\n const isDisabled = isSameMonth(day, currentMonth) ? '' : '-disabled'\n const isWeekEnd = weekStartOnMonday\n ? [5, 6].includes(i)\n : [0, 6].includes(i)\n days.push(\n \n {formattedDate}\n
\n \n )\n day = addDays(day, 1)\n }\n rows.push(\n \n {days}\n
\n )\n days = []\n }\n return {rows}
\n }\n\n updateStateDate(calendarDate) {\n const { start, end } = getStartAndEndMonth(\n calendarDate,\n this.state.weekStartOnMonday\n )\n this.setState({\n currentMonth: calendarDate,\n startDate: start,\n endDate: end,\n })\n this.props.loadMonthWorkouts(start, end)\n }\n\n handleNextMonth() {\n const calendarDate = addMonths(this.state.currentMonth, 1)\n this.updateStateDate(calendarDate)\n }\n\n handlePrevMonth() {\n const calendarDate = subMonths(this.state.currentMonth, 1)\n this.updateStateDate(calendarDate)\n }\n\n render() {\n const localeOptions = {\n locale: this.props.language === 'fr' ? fr : enGB,\n }\n return (\n \n
\n )\n }\n}\n\nexport default connect(\n state => ({\n workouts: state.calendarWorkouts.data,\n language: state.language,\n sports: state.sports.data,\n user: state.user,\n }),\n dispatch => ({\n loadMonthWorkouts: (start, end) => {\n const dateFormat = 'yyyy-MM-dd'\n dispatch(\n getMonthWorkouts(format(start, dateFormat), format(end, dateFormat))\n )\n },\n })\n)(Calendar)\n","import React from 'react'\nimport { Link } from 'react-router-dom'\n\nimport { formatRecord, translateSports } from '../../utils/workouts'\n\nexport default function RecordsCard(props) {\n const { records, sports, t, user } = props\n const translatedSports = translateSports(sports, t)\n const recordsBySport = records.reduce((sportList, record) => {\n const sport = translatedSports.find(s => s.id === record.sport_id)\n if (sportList[sport.label] === void 0) {\n sportList[sport.label] = {\n img: sport.img,\n records: [],\n }\n }\n sportList[sport.label].records.push(formatRecord(record, user.timezone))\n return sportList\n }, {})\n\n return (\n \n {this.renderHeader(localeOptions)}\n {this.renderDays(localeOptions)}\n {this.renderCells()}\n
\n \n
\n )\n}\n","import FitTrackeeGenericApi from '../fitTrackeeApi'\nimport { setData, setError } from './index'\n\nexport const getStats = (userName, type, data) => dispatch =>\n FitTrackeeGenericApi.getData(`stats/${userName}/${type}`, data)\n .then(ret => {\n if (ret.status === 'success') {\n dispatch(setData('statistics', ret.data))\n } else {\n dispatch(setError(`statistics|${ret.message}`))\n }\n })\n .catch(error => dispatch(setError(`statistics|${error}`)))\n","import {\n addDays,\n addMonths,\n addYears,\n format,\n startOfMonth,\n startOfWeek,\n startOfYear,\n} from 'date-fns'\n\nconst xAxisFormats = [\n { duration: 'week', dateFormat: 'yyyy-MM-dd', xAxis: 'dd/MM' },\n { duration: 'month', dateFormat: 'yyyy-MM', xAxis: 'MM/yyyy' },\n { duration: 'year', dateFormat: 'yyyy', xAxis: 'yyyy' },\n]\n\nexport const formatDuration = (totalSeconds, formatWithDay = false) => {\n let days = '0'\n if (formatWithDay) {\n days = String(Math.floor(totalSeconds / 86400))\n totalSeconds %= 86400\n }\n const hours = String(Math.floor(totalSeconds / 3600)).padStart(2, '0')\n totalSeconds %= 3600\n const minutes = String(Math.floor(totalSeconds / 60)).padStart(2, '0')\n const seconds = String(totalSeconds % 60).padStart(2, '0')\n if (formatWithDay) {\n return `${days === '0' ? '' : `${days}d:`}${\n hours === '00' ? '' : `${hours}h:`\n }${minutes}m:${seconds}s`\n }\n return `${hours === '00' ? '' : `${hours}:`}${minutes}:${seconds}`\n}\n\nexport const formatValue = (displayedData, value) =>\n value === 0\n ? ''\n : displayedData === 'distance'\n ? `${value.toFixed(2)} km`\n : displayedData === 'duration'\n ? formatDuration(value)\n : value\n\nconst dateIncrement = (duration, day) => {\n switch (duration) {\n case 'week':\n return addDays(day, 7)\n case 'year':\n return addYears(day, 1)\n case 'month':\n default:\n return addMonths(day, 1)\n }\n}\n\nconst startDate = (duration, day, weekm) => {\n switch (duration) {\n case 'week':\n return startOfWeek(day, { weekStartsOn: weekm ? 1 : 0 })\n case 'year':\n return startOfYear(day)\n case 'month':\n default:\n return startOfMonth(day)\n }\n}\n\nexport const formatStats = (stats, sports, params, displayedSports, weekm) => {\n const nbWorkoutsStats = []\n const distanceStats = []\n const durationStats = []\n\n for (\n let day = startDate(params.duration, params.start, weekm);\n day <= params.end;\n day = dateIncrement(params.duration, day)\n ) {\n const [xAxisFormat] = xAxisFormats.filter(\n x => x.duration === params.duration\n )\n const date = format(day, xAxisFormat.dateFormat)\n const xAxis = format(day, xAxisFormat.xAxis)\n const dataNbWorkouts = { date: xAxis }\n const dataDistance = { date: xAxis }\n const dataDuration = { date: xAxis }\n\n if (stats[date]) {\n Object.keys(stats[date])\n .filter(sportId =>\n displayedSports ? displayedSports.includes(+sportId) : true\n )\n .map(sportId => {\n const sportLabel = sports.filter(s => s.id === +sportId)[0].label\n dataNbWorkouts[sportLabel] = stats[date][sportId].nb_workouts\n dataDistance[sportLabel] = stats[date][sportId].total_distance\n dataDuration[sportLabel] = stats[date][sportId].total_duration\n return null\n })\n }\n nbWorkoutsStats.push(dataNbWorkouts)\n distanceStats.push(dataDistance)\n durationStats.push(dataDuration)\n }\n\n return {\n workouts: nbWorkoutsStats,\n distance: distanceStats,\n duration: durationStats,\n }\n}\n","import React from 'react'\n\nimport { formatDuration } from '../../../utils/stats'\n\nconst formatValue = (displayedData, value) =>\n displayedData === 'duration'\n ? formatDuration(value, true)\n : displayedData === 'distance'\n ? value.toFixed(2)\n : value\n\n/**\n * @return {null}\n */\nexport default function CustomTooltip(props) {\n const { active } = props\n if (active) {\n const { displayedData, payload, label } = props\n let total = 0\n payload.map(p => (total += p.value))\n return (\n {t('workouts:Personal records')}
\n \n {Object.keys(recordsBySport).length === 0\n ? t('common:No records.')\n : Object.keys(recordsBySport)\n .sort()\n .map(sportLabel => (\n
\n \n \n \n \n
\n
\n ))}\n | \n | \n ||
|---|---|---|
| \n {t(`workouts:${rec.record_type}`)}\n | \n{rec.value} | \n\n \n {rec.workout_date}\n \n | \n
\n
\n )\n }\n return null\n}\n","import React from 'react'\n\nimport { formatValue } from '../../../utils/stats'\n\n/**\n * @return {null}\n */\nexport default function CustomLabel(props) {\n const { displayedData, x, y, width, value } = props\n if (!value) {\n return null\n }\n const radius = 10\n const formattedValue = formatValue(displayedData, value)\n\n return (\n {label}
\n {payload.map(p => (\n\n {p.name}: {formatValue(displayedData, p.value)} {p.unit}\n
\n ))}\n {payload.length > 0 && (\nTotal: {formatValue(displayedData, total)}
\n )}\n\n \n \n formatValue(displayedData, value)} />\n \n \n
\n )\n }\n}\n","import { format } from 'date-fns'\nimport React from 'react'\nimport { connect } from 'react-redux'\n\nimport { getStats } from '../../../actions/stats'\nimport { formatStats } from '../../../utils/stats'\nimport StatsChart from './StatsChart'\n\nclass Statistics extends React.PureComponent {\n componentDidMount() {\n this.updateData()\n }\n\n componentDidUpdate(prevProps) {\n if (\n (this.props.user.username &&\n this.props.user.username !== prevProps.user.username) ||\n this.props.statsParams !== prevProps.statsParams\n ) {\n this.updateData()\n }\n }\n\n updateData() {\n if (this.props.user.username) {\n this.props.loadWorkouts(\n this.props.user.username,\n this.props.user.weekm,\n this.props.statsParams\n )\n }\n }\n\n render() {\n const {\n displayedSports,\n sports,\n statistics,\n statsParams,\n displayEmpty,\n t,\n user,\n } = this.props\n if (!displayEmpty && Object.keys(statistics).length === 0) {\n return {t('common:No workouts.')}\n }\n const stats = formatStats(\n statistics,\n sports,\n statsParams,\n displayedSports,\n user.weekm\n )\n return \n \n \n \n
\n \n
\n )\n }\n}\n","import React from 'react'\n\nexport default function UserStatistics(props) {\n const { t, user } = props\n const days = user.total_duration.match(/day/g)\n ? `${user.total_duration.split(' ')[0]} ${\n user.total_duration.match(/days/g) ? t('common:days') : t('common:day')\n }`\n : `0 ${t('common:days')},`\n let duration = user.total_duration.match(/day/g)\n ? user.total_duration.split(', ')[1]\n : user.total_duration\n duration = `${duration.split(':')[0]}h ${duration.split(':')[1]}min`\n return (\n {t('dashboard:This month')}
\n \n
\n \n
\n )\n}\n","import { format } from 'date-fns'\nimport React from 'react'\nimport { Link } from 'react-router-dom'\n\nimport StaticMap from '../Common/StaticMap'\nimport { getDateWithTZ } from '../../utils'\n\nexport default function WorkoutCard(props) {\n const { sports, t, user, workout } = props\n\n return (\n \n
\n \n
\n \n
\n \n \n
\n \n
\n {user.nb_workouts}
\n {`${\n user.nb_workouts === 1\n ? t('common:workout')\n : t('common:workouts')\n }`}
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n {Number(user.total_distance).toFixed(2)}\n
\n km
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n {days}
\n {duration}
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n {user.nb_sports}
\n {`${\n user.nb_sports === 1 ? t('common:sport') : t('common:sports')\n }`}
\n \n
\n )\n}\n","import React from 'react'\nimport { Helmet } from 'react-helmet'\nimport { withTranslation } from 'react-i18next'\nimport { connect } from 'react-redux'\n\nimport Calendar from './Calendar'\nimport Message from '../Common/Message'\nimport NoWorkouts from '../Common/NoWorkouts'\nimport Records from './Records'\nimport Statistics from './Statistics'\nimport UserStatistics from './UserStatistics'\nimport WorkoutCard from './WorkoutCard'\nimport { getOrUpdateData } from '../../actions'\nimport { getMoreWorkouts } from '../../actions/workouts'\n\nclass DashBoard extends React.Component {\n constructor(props, context) {\n super(props, context)\n this.state = {\n page: 1,\n }\n }\n\n componentDidMount() {\n this.props.loadWorkouts()\n }\n\n render() {\n const {\n loadMoreWorkouts,\n message,\n records,\n sports,\n t,\n user,\n workouts,\n } = this.props\n const paginationEnd =\n workouts.length > 0\n ? workouts[workouts.length - 1].previous_workout === null\n : true\n const { page } = this.state\n return (\n \n \n {sports\n .filter(sport => sport.id === workout.sport_id)\n .map(sport => t(`sports:${sport.label}`))}{' '}\n -{' '}\n {format(\n getDateWithTZ(workout.workout_date, user.timezone),\n 'dd/MM/yyyy HH:mm'\n )}\n \n
\n \n
\n \n {workout.map && (\n
\n \n
\n )}\n \n
\n \n {' '}\n {t('workouts:Duration')}: {workout.moving}\n {workout.map ? (\n \n
\n
\n \n ) : (\n ' - '\n )}\n {' '}\n {t('workouts:Distance')}: {workout.distance} km\n
\n \n FitTrackee - {t('common:Dashboard')} \n \n {message ? (\n
\n )\n }\n}\n\nexport default withTranslation()(\n connect(\n state => ({\n workouts: state.workouts.data,\n message: state.message,\n records: state.records.data,\n sports: state.sports.data,\n user: state.user,\n }),\n dispatch => ({\n loadWorkouts: () => {\n dispatch(getOrUpdateData('getData', 'workouts', { page: 1 }))\n dispatch(getOrUpdateData('getData', 'records'))\n },\n loadMoreWorkouts: page => {\n dispatch(getMoreWorkouts({ page }))\n },\n })\n )(DashBoard)\n)\n","import React from 'react'\n\nimport { version } from './../../utils'\n\nexport default function Footer() {\n return (\n \n )\n}\n","import React from 'react'\nimport { Trans } from 'react-i18next'\nimport { connect } from 'react-redux'\nimport { Link } from 'react-router-dom'\n\nimport { logout } from '../../actions/user'\n\nclass Logout extends React.Component {\n componentDidMount() {\n this.props.UserLogout()\n }\n render() {\n return (\n \n
\n )\n )}\n \n
\n \n
\n \n {\n loadMoreWorkouts(page + 1)\n this.setState({ page: page + 1 })\n }}\n />\n )}\n
\n \n
\n )\n }\n}\n\nexport default connect(\n state => ({\n user: state.user,\n }),\n dispatch => ({\n UserLogout: () => {\n dispatch(logout())\n },\n })\n)(Logout)\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m466.916 27.803h-421.832c-24.859 0-45.084 20.225-45.084 45.084v366.226c0 24.859 20.225 45.084 45.084 45.084h421.832c24.859 0 45.084-20.225 45.084-45.084v-366.226c0-24.859-20.225-45.084-45.084-45.084z\",\n fill: \"#f0f9ff\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m198.58 188.334-181.344-150.862c-7.75 6.107-13.456 14.691-15.905 24.554l164.142 136.551h33.102z\",\n fill: \"#f40055\"\n});\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m313.425 198.576h33.93l163.447-135.973c-2.325-9.923-7.93-18.592-15.613-24.796l-181.764 151.211z\",\n fill: \"#c20044\"\n});\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m165.472 313.425-164.141 136.549c2.449 9.863 8.155 18.447 15.905 24.553l181.344-150.861-.005-10.241z\",\n fill: \"#f40055\"\n});\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m313.425 313.425v9.557l181.765 151.211c7.683-6.204 13.288-14.874 15.613-24.796l-163.446-135.971z\",\n fill: \"#c20044\"\n});\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m53.273 27.803 145.302 120.879v-120.879z\",\n fill: \"#406bd4\"\n});\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m313.425 150.571v-122.768h148.082z\",\n fill: \"#3257b0\"\n});\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m394.732 198.575 117.268-97.556v97.556z\",\n fill: \"#3257b0\"\n});\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#406bd4\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m0 99.317v99.258h119.313z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m0 313.425v97.699l117.44-97.699z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m50.49 484.197 148.085-122.676v122.676z\"\n}));\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m313.425 484.197v-124.139l149.221 124.139z\",\n fill: \"#3257b0\"\n});\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m512 409.423-115.395-95.998h115.395z\",\n fill: \"#3257b0\"\n});\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m512 222.142h-222.142v-194.339h-67.716v194.339h-222.142v67.716h222.142v194.339h67.716v-194.339h222.142z\",\n fill: \"#f40055\"\n});\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m289.858 222.142v-194.339h-33.858v456.394h33.858v-194.339h222.142v-67.716z\",\n fill: \"#c20044\"\n});\n\nfunction SvgEn(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n enableBackground: \"new 0 0 512 512\",\n height: 512,\n viewBox: \"0 0 512 512\",\n width: 512,\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgEn);\nexport default __webpack_public_path__ + \"static/media/en.9e6dbfb0.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m173.899 31.804h-8.707l-4.397-4h-115.711c-24.859-.001-45.084 20.224-45.084 45.083v366.226c0 24.859 20.225 45.084 45.084 45.084h115.711l6.348-4h6.755v-448.393z\",\n fill: \"#406bd4\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m466.916 27.803h-115.711l-4.523 4h-5.141v448.393h4.141l5.523 4h115.711c24.859 0 45.084-20.225 45.084-45.084v-366.225c0-24.859-20.225-45.084-45.084-45.084z\",\n fill: \"#c20044\"\n});\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m160.795 27.803h190.409v456.394h-190.409z\",\n fill: \"#f0f9ff\"\n});\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m256 27.803h95.205v456.394h-95.205z\",\n fill: \"#cee5f5\"\n});\n\nfunction SvgFr(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n enableBackground: \"new 0 0 512 512\",\n height: 512,\n viewBox: \"0 0 512 512\",\n width: 512,\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2, _ref3, _ref4, _ref5);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgFr);\nexport default __webpack_public_path__ + \"static/media/fr.d0f9280c.svg\";\nexport { ForwardRef as ReactComponent };","import React, { Component } from 'react'\nimport { connect } from 'react-redux'\n\nimport { ReactComponent as EnFlag } from '../../images/flags/en.svg'\nimport { ReactComponent as FrFlag } from '../../images/flags/fr.svg'\nimport { updateLanguage } from '../../actions/index'\n\nexport const languages = [\n {\n name: 'en',\n selected: true,\n flag: \n \n
\n \n
\n \n \n
\n \n \n You are now logged out. Click here to\n log back in.\n \n
\n this.toggleDropdown()}>\n
\n )\n }\n}\n\nexport default connect(\n state => ({\n language: state.language,\n }),\n dispatch => ({\n onUpdateLanguage: (lang, selected) => {\n if (lang !== selected) {\n dispatch(updateLanguage(lang))\n }\n },\n })\n)(Dropdown)\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport { withTranslation } from 'react-i18next'\nimport { Link } from 'react-router-dom'\n\nimport LanguageDropdown from './LanguageDropdown'\nimport { apiUrl } from '../../utils'\n\nclass NavBar extends React.PureComponent {\n render() {\n const { admin, isAuthenticated, picture, t, username } = this.props\n return (\n - \n {languages\n .filter(language =>\n isOpen ? language : language.name === selected\n )\n .map(language => (\n
\n
\n )\n}\n","import { format } from 'date-fns'\nimport React from 'react'\nimport { Helmet } from 'react-helmet'\nimport { withTranslation } from 'react-i18next'\nimport { connect } from 'react-redux'\nimport TimezonePicker from 'react-timezone'\n\nimport Message from '../Common/Message'\nimport { deleteUser, handleProfileFormSubmit } from '../../actions/user'\nimport { history } from '../../index'\nimport { languages } from '../NavBar/LanguageDropdown'\nimport CustomModal from '../Common/CustomModal'\n\nclass ProfileEdit extends React.Component {\n constructor(props, context) {\n super(props, context)\n this.state = {\n formData: {},\n displayModal: false,\n }\n }\n\n componentDidMount() {\n this.initForm()\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.user !== this.props.user) {\n this.initForm()\n }\n }\n\n initForm() {\n const { user } = this.props\n const formData = {}\n Object.keys(user).map(k =>\n user[k] === null\n ? (formData[k] = '')\n : k === 'birth_date'\n ? (formData[k] = format(new Date(user[k]), 'yyyy-MM-DD'))\n : (formData[k] = user[k])\n )\n this.setState({ formData })\n }\n\n handleFormChange(e) {\n const { formData } = this.state\n if (e.target.name === 'weekm') {\n formData.weekm = e.target.value === 'Monday'\n } else {\n formData[e.target.name] = e.target.value\n }\n this.setState(formData)\n }\n\n displayModal(value) {\n this.setState(prevState => ({\n ...prevState,\n displayModal: value,\n }))\n }\n\n render() {\n const {\n message,\n onDeleteUser,\n onHandleProfileFormSubmit,\n t,\n user,\n } = this.props\n const { displayModal, formData } = this.state\n return (\n \n \n
\n \n
\n \n \n
\n \n {action === 'sent' && (\n <>\n \n {/* prettier-ignore */}\n Your password have been updated. Click\n here to log in.\n \n \n )}\n
\n \n
\n {t(\n // eslint-disable-next-line max-len\n \"user:Check your email. If your address is in our database, you'll received an email with a link to reset your password.\"\n )}\n \n )}\n {action === 'updated' && (\n <>\n \n
\n \n \n FitTrackee - {t('user:Profile Edition')} \n \n {formData.isAuthenticated && (\n
\n )\n }\n}\n\nexport default withTranslation()(\n connect(\n state => ({\n location: state.router.location,\n message: state.message,\n user: state.user,\n }),\n dispatch => ({\n onDeleteUser: username => {\n dispatch(deleteUser(username))\n },\n onHandleProfileFormSubmit: formData => {\n dispatch(handleProfileFormSubmit(formData))\n },\n })\n )(ProfileEdit)\n)\n","import {\n endOfMonth,\n endOfWeek,\n endOfYear,\n startOfMonth,\n startOfYear,\n startOfWeek,\n addMonths,\n addWeeks,\n addYears,\n subMonths,\n subWeeks,\n subYears,\n} from 'date-fns'\nimport React from 'react'\nimport { Helmet } from 'react-helmet'\nimport { withTranslation } from 'react-i18next'\nimport { connect } from 'react-redux'\n\nimport NoWorkouts from '../Common/NoWorkouts'\nimport Stats from '../Common/Stats'\nimport { workoutColors, translateSports } from '../../utils/workouts'\n\nconst durations = ['week', 'month', 'year']\n\nclass Statistics extends React.Component {\n constructor(props, context) {\n super(props, context)\n const date = new Date()\n this.state = {\n displayedSports: props.sports.map(sport => sport.id),\n statsParams: {\n start: startOfMonth(subMonths(date, 11)),\n end: endOfMonth(date),\n duration: 'month',\n type: 'by_time',\n },\n }\n }\n\n componentDidUpdate(prevProps) {\n if (this.props.sports !== prevProps.sports) {\n this.updateDisplayedSports()\n }\n }\n\n updateDisplayedSports() {\n const { sports } = this.props\n this.setState({ displayedSports: sports.map(sport => sport.id) })\n }\n\n handleOnChangeDuration(e) {\n const duration = e.target.name\n\n const date = new Date()\n const start =\n duration === 'year'\n ? startOfYear(subYears(date, 9))\n : duration === 'week'\n ? startOfMonth(subMonths(date, 2))\n : startOfMonth(subMonths(date, 11))\n const end =\n duration === 'year'\n ? endOfYear(date)\n : duration === 'week'\n ? endOfWeek(date)\n : endOfMonth(date)\n this.setState({ statsParams: { duration, end, start, type: 'by_time' } })\n }\n\n handleOnChangeSports(sportId) {\n const { displayedSports } = this.state\n if (displayedSports.includes(sportId)) {\n this.setState({\n displayedSports: displayedSports.filter(s => s !== sportId),\n })\n } else {\n this.setState({ displayedSports: displayedSports.concat([sportId]) })\n }\n }\n\n handleOnClickArrows(forward) {\n const { start, end, duration } = this.state.statsParams\n let newStart, newEnd\n if (forward) {\n newStart =\n duration === 'year'\n ? startOfYear(subYears(start, 1))\n : duration === 'week'\n ? startOfWeek(subWeeks(start, 1))\n : startOfMonth(subMonths(start, 1))\n newEnd =\n duration === 'year'\n ? endOfYear(subYears(end, 1))\n : duration === 'week'\n ? endOfWeek(subWeeks(end, 1))\n : endOfMonth(subMonths(end, 1))\n } else {\n newStart =\n duration === 'year'\n ? startOfYear(addYears(start, 1))\n : duration === 'week'\n ? startOfWeek(addWeeks(start, 1))\n : startOfMonth(addMonths(start, 1))\n newEnd =\n duration === 'year'\n ? endOfYear(addYears(end, 1))\n : duration === 'week'\n ? endOfWeek(addWeeks(end, 1))\n : endOfMonth(addMonths(end, 1))\n }\n this.setState({\n statsParams: { duration, end: newEnd, start: newStart, type: 'by_time' },\n })\n }\n\n render() {\n const { displayedSports, statsParams } = this.state\n const { sports, t, user } = this.props\n const translatedSports = translateSports(\n sports.filter(sport => user.sports_list.includes(sport.id)),\n t\n )\n return (\n <>\n \n {displayModal && (\n {\n onDeleteUser(user.username)\n this.displayModal(false)\n }}\n close={() => this.displayModal(false)}\n />\n )}\n
\n )}\n {t('user:Profile Edition')}
\n\n \n
\n \n
\n \n \n
\n {user.username}
\n \n
\n \n
\n \n {\n event.preventDefault()\n onHandleProfileFormSubmit(formData)\n }}\n >\n
\n {\n event.preventDefault()\n this.displayModal(true)\n }}\n >\n {t('user:Delete my account')}\n \n history.push('/profile')}\n >\n {t('common:Cancel')}\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n {user.nb_workouts === 0 && \n \n
\n {t('statistics:Statistics')}
\n \n
\n \n
\n \n
\n {durations.map(d => (\n
\n \n \n
\n ))}\n \n
\n \n
\n {translatedSports.map(sport => (\n \n ))}\n
\n \n \n FitTrackee - {t(`user:${props.formType}`)} \n \n
\n )\n}\n","import React from 'react'\nimport { withTranslation } from 'react-i18next'\nimport { connect } from 'react-redux'\nimport { Redirect } from 'react-router-dom'\n\nimport Form from './Form'\nimport Message from '../Common/Message'\nimport { handleUserFormSubmit } from '../../actions/user'\nimport { isLoggedIn } from '../../utils'\n\nclass UserForm extends React.Component {\n constructor(props, context) {\n super(props, context)\n this.state = {\n formData: {\n username: '',\n email: '',\n password: '',\n password_conf: '',\n },\n }\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.location.pathname !== this.props.location.pathname) {\n this.emptyForm()\n }\n }\n\n emptyForm() {\n const { formData } = this.state\n Object.keys(formData).map(k => (formData[k] = ''))\n this.setState(formData)\n }\n\n onHandleFormChange(e) {\n const { formData } = this.state\n formData[e.target.name] = e.target.value\n this.setState(formData)\n }\n\n render() {\n const {\n formType,\n isRegistrationAllowed,\n message,\n messages,\n onHandleUserFormSubmit,\n t,\n } = this.props\n const { formData } = this.state\n const { token } = this.props.location.query\n return (\n {t(pageTitle)}
\n\n
\n \n \n
\n \n
\n {props.formType === 'register' && !props.isRegistrationAllowed ? (\n\n props.handleUserFormSubmit(event, props.formType)\n }\n >\n {props.formType === 'register' && (\n
\n \n \n {props.formType === 'register' && !props.isRegistrationAllowed ? (\n
\n
\n ) : (\n <>\n Registration is disabled.
\n \n history.go(-1)}\n >\n Back\n \n
\n \n
\n )}\n {props.formType !== 'password reset' && (\n \n
\n )}\n {props.formType !== 'reset your password' && (\n <>\n \n
\n {props.formType !== 'login' && (\n \n
\n )}\n \n )}\n \n {props.formType === 'login' && (\n
\n {isLoggedIn() || (formType === 'password reset' && !token) ? (\n
\n )\n }\n}\nexport default withTranslation()(\n connect(\n state => ({\n isRegistrationAllowed: state.application.config.is_registration_enabled,\n location: state.router.location,\n message: state.message,\n messages: state.messages,\n }),\n dispatch => ({\n onHandleUserFormSubmit: (formData, formType) => {\n formType =\n formType === 'password reset'\n ? 'password/update'\n : formType === 'reset your password'\n ? 'password/reset-request'\n : formType\n dispatch(handleUserFormSubmit(formData, formType))\n },\n })\n )(UserForm)\n)\n","import React from 'react'\nimport { withTranslation } from 'react-i18next'\nimport { connect } from 'react-redux'\n\nimport CustomModal from '../Common/CustomModal'\nimport ProfileDetail from './ProfileDetail'\nimport { getOrUpdateData } from '../../actions'\nimport { deleteUser } from '../../actions/user'\n\nclass UserProfile extends React.Component {\n constructor(props, context) {\n super(props, context)\n this.state = {\n displayModal: false,\n }\n }\n\n componentDidMount() {\n this.props.loadUser(this.props.match.params.userName)\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.match.params.userName !== this.props.match.params.userName) {\n this.props.loadUser(this.props.match.params.userName)\n }\n }\n\n displayModal(value) {\n this.setState(prevState => ({\n ...prevState,\n displayModal: value,\n }))\n }\n\n render() {\n const { t, currentUser, onDeleteUser, users } = this.props\n const { displayModal } = this.state\n const [user] = users\n const editable = user ? currentUser.username === user.username : false\n return (\n \n this.onHandleFormChange(event)}\n handleUserFormSubmit={event => {\n event.preventDefault()\n if (formType === 'password reset') {\n formData.token = token\n }\n onHandleUserFormSubmit(formData, formType)\n }}\n />\n
\n )}\n \n {displayModal && (\n {\n onDeleteUser(user.username)\n this.displayModal(false)\n }}\n close={() => this.displayModal(false)}\n />\n )}\n {user && (\n this.displayModal(e)}\n t={t}\n user={user}\n />\n )}\n
\n )\n }\n}\n\nexport default withTranslation()(\n connect(\n state => ({\n currentUser: state.user,\n users: state.users.data,\n }),\n dispatch => ({\n onDeleteUser: username => {\n dispatch(deleteUser(username, true))\n },\n loadUser: userName => {\n dispatch(getOrUpdateData('getData', 'users', { username: userName }))\n },\n })\n )(UserProfile)\n)\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport { Route, Switch } from 'react-router-dom'\n\nimport './App.css'\nimport Admin from './Admin'\nimport Workout from './Workout'\nimport Workouts from './Workouts'\nimport CurrentUserProfile from './User/CurrentUserProfile'\nimport Dashboard from './Dashboard'\nimport Footer from './Footer'\nimport Logout from './User/Logout'\nimport NavBar from './NavBar'\nimport NotFound from './Others/NotFound'\nimport PasswordReset from './User/PasswordReset'\nimport ProfileEdit from './User/ProfileEdit'\nimport Statistics from './Statistics'\nimport UserForm from './User/UserForm'\nimport UserProfile from './User/UserProfile'\nimport { getAppData } from '../actions/application'\n\nclass App extends React.Component {\n constructor(props) {\n super(props)\n this.props = props\n }\n componentDidMount() {\n this.props.loadAppConfig()\n }\n\n render() {\n return (\n \n \n \n \n
\n )\n }\n}\nexport default connect(\n () => ({}),\n dispatch => ({\n loadAppConfig: () => {\n dispatch(getAppData('config'))\n },\n })\n)(App)\n","import React from 'react'\nimport { Provider } from 'react-redux'\nimport { ConnectedRouter } from 'connected-react-router'\n\nexport default function Root({ store, history, children }) {\n return (\n
-
- )
-}
diff --git a/fittrackee_client/src/components/Activity/ActivityDisplay/ActivityNoMap.jsx b/fittrackee_client/src/components/Activity/ActivityDisplay/ActivityNoMap.jsx
deleted file mode 100644
index 44e6f715..00000000
--- a/fittrackee_client/src/components/Activity/ActivityDisplay/ActivityNoMap.jsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from 'react'
-
-export default function ActivityNoMap(props) {
- const { t } = props
- return (
-
-
- {t('activities:Duration')}: {activity.moving}
- {activity.records &&
- activity.records.find(r => r.record_type === 'LD') && (
-
-
-
- )}
- {withPauses && (
-
-
({t('activities:pauses')}: {activity.pauses},{' '}
- {t('activities:total duration')}: {activity.duration})
-
- )}
-
- - {t('activities:Distance')}: {activity.distance} km - {activity.records && - activity.records.find(r => r.record_type === 'FD') && ( - - - - )} -
-
-
- {t('activities:Average speed')}: {activity.ave_speed} km/h
- {activity.records &&
- activity.records.find(r => r.record_type === 'AS') && (
-
-
-
- )}
-
- {t('activities:Max. speed')}: {activity.max_speed} km/h
- {activity.records &&
- activity.records.find(r => r.record_type === 'MS') && (
-
-
-
- )}
-
-
- {t('activities:Min. altitude')}: {activity.min_alt}m
-
- {t('activities:Max. altitude')}: {activity.max_alt}m
-
-
- {t('activities:Ascent')}: {activity.ascent}m
-
- {t('activities:Descent')}: {activity.descent}m
-
{t('activities:No Map')}
- )
-}
diff --git a/fittrackee_client/src/components/Activity/ActivityEdit.jsx b/fittrackee_client/src/components/Activity/ActivityEdit.jsx
deleted file mode 100644
index e604c7a1..00000000
--- a/fittrackee_client/src/components/Activity/ActivityEdit.jsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import React from 'react'
-import { connect } from 'react-redux'
-
-import ActivityAddOrEdit from './ActivityAddOrEdit'
-import { getOrUpdateData } from '../../actions'
-
-class ActivityEdit extends React.Component {
- componentDidMount() {
- this.props.loadActivity(this.props.match.params.activityId)
- }
-
- render() {
- const { activities, message, sports } = this.props
- const [activity] = activities
- return (
-
- {sports.length > 0 && (
-
- )
- }
-}
-
-export default connect(
- state => ({
- activities: state.activities.data,
- message: state.message,
- sports: state.sports.data,
- user: state.user,
- }),
- dispatch => ({
- loadActivity: activityId => {
- dispatch(getOrUpdateData('getData', 'activities', { id: activityId }))
- },
- })
-)(ActivityEdit)
diff --git a/fittrackee_client/src/components/Activity/index.jsx b/fittrackee_client/src/components/Activity/index.jsx
deleted file mode 100644
index 94b7d4d7..00000000
--- a/fittrackee_client/src/components/Activity/index.jsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import React from 'react'
-import { connect } from 'react-redux'
-import { Redirect, Route, Switch } from 'react-router-dom'
-
-import ActivityAdd from './ActivityAdd'
-import ActivityDisplay from './ActivityDisplay'
-import ActivityEdit from './ActivityEdit'
-import NotFound from './../Others/NotFound'
-import { isLoggedIn } from '../../utils'
-
-function Activity() {
- return (
-
- {isLoggedIn() ? (
-
-
- ) : (
-
- )
-}
-
-export default connect(state => ({
- user: state.user,
-}))(Activity)
diff --git a/fittrackee_client/src/components/Admin/AdminDashboard.jsx b/fittrackee_client/src/components/Admin/AdminDashboard.jsx
index 5f619a9f..12a0ea33 100644
--- a/fittrackee_client/src/components/Admin/AdminDashboard.jsx
+++ b/fittrackee_client/src/components/Admin/AdminDashboard.jsx
@@ -6,7 +6,7 @@ import AdminStats from './AdminStats'
export default function AdminDashboard(props) {
const { appConfig, t } = props
return (
-
+
{t('administration:Administration')}
diff --git a/fittrackee_client/src/components/Admin/AdminSports.jsx b/fittrackee_client/src/components/Admin/AdminSports.jsx
index fbde80e8..55da3855 100644
--- a/fittrackee_client/src/components/Admin/AdminSports.jsx
+++ b/fittrackee_client/src/components/Admin/AdminSports.jsx
@@ -94,13 +94,13 @@ class AdminSports extends React.Component {
updateSport(sport.id, !sport.is_active)
}
/>
- {sport.has_activities && (
+ {sport.has_workouts && (
- {t('administration:activities exist')}
+ {t('administration:workouts exist')}
)}
diff --git a/fittrackee_client/src/components/Admin/AdminStats.jsx b/fittrackee_client/src/components/Admin/AdminStats.jsx
index c8b5ff72..ab93fab5 100644
--- a/fittrackee_client/src/components/Admin/AdminStats.jsx
+++ b/fittrackee_client/src/components/Admin/AdminStats.jsx
@@ -16,7 +16,7 @@ class AdminStats extends React.Component {
return (
-
+
@@ -35,7 +35,7 @@ class AdminStats extends React.Component {
-
+
@@ -52,17 +52,17 @@ class AdminStats extends React.Component {
-
+
- {appStats.activities ? appStats.activities : 0}
+ {appStats.workouts ? appStats.workouts : 0}
{`${
- appStats.activities === 1
+ appStats.workouts === 1
? t('common:workout')
: t('common:workouts')
}`}
@@ -71,7 +71,7 @@ class AdminStats extends React.Component {
-
+
diff --git a/fittrackee_client/src/components/Admin/AdminUsers.jsx b/fittrackee_client/src/components/Admin/AdminUsers.jsx
index c63e10bd..1dfad814 100644
--- a/fittrackee_client/src/components/Admin/AdminUsers.jsx
+++ b/fittrackee_client/src/components/Admin/AdminUsers.jsx
@@ -126,7 +126,7 @@ class AdminUsers extends React.Component {
{t('user:Username')}
{t('user:Email')}
{t('user:Registration Date')}
- {t('activities:Activities')}
+ {t('workouts:Workouts')}
{t('user:Admin')}
{t('administration:Actions')}
@@ -176,9 +176,9 @@ class AdminUsers extends React.Component {
- {t('activities:Activities')}
+ {t('workouts:Workouts')}
- {user.nb_activities}
+ {user.nb_workouts}
diff --git a/fittrackee_client/src/components/App.css b/fittrackee_client/src/components/App.css
index a5e212a2..6a217098 100644
--- a/fittrackee_client/src/components/App.css
+++ b/fittrackee_client/src/components/App.css
@@ -64,106 +64,11 @@ label {
width: 100%;
}
-.activities-result {
- font-size: 0.85em;
-}
-
-.activity-card {
- margin-bottom: 15px;
-}
-
-.activity-details {
- font-size: 0.95em;
-}
-.activity-date {
- font-size: 0.75em;
-}
-
-.activity-filter {
- font-size: 0.9em;
-}
-
-.activity-filter .col-2, .col-5{
- padding: 0;
-}
-
-.activity-label {
- font-size: 0.8em;
- color: #666
-}
-
-.activity-logo {
- margin: 0 5px;
- max-width: 20px;
- max-height: 20px;
-}
-
-.activity-map {
- background-color: #eaeaea;
- height: 225px;
- width: 400px;
-}
-
-.activity-no-map {
- background-color: #eaeaea;
- color: #666666;
- font-style: italic;
- height: 400px;
- line-height: 400px;
-}
-
-.activity-notes, .actvitiy-segments {
- font-size: 0.9em;
- font-style: italic;
- margin-top: 10px;
- padding: 5px;
-}
-
-.activity-page {
- margin-top: 20px;
-}
-
-.activity-segments-list {
- list-style: square;
-}
-
-.activity-sport {
- margin-right: 1px;
- max-width: 18px;
- max-height: 18px;
-}
-
-.activity-title img, .activity-title .map-attribution-list {
- display: none;
-}
-
-.activity-title img {
- border: 1px solid lightgrey;
- border-radius: 4px;
- box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
- display: none;
- margin-left: 20px;
- position: absolute;
- z-index: 1000;
-}
-
-.activity-title .map-attribution-list {
- display: none;
- font-size: 11px;
- margin-left: 20px;
- position: absolute;
- z-index: 1000;
-}
-
-.activity-title:hover img, .activity-title:hover .map-attribution-list {
- display: block;
-}
-
-.add-activity {
+.add-workout {
margin-top: 50px;
}
-.add-activity-radio {
+.add-workout-radio {
margin-right: 10px;
}
@@ -199,7 +104,7 @@ label {
font-size: 0.9em;
}
-.chart-activities {
+.chart-workouts {
margin-left: 60px;
}
@@ -238,7 +143,7 @@ label {
margin-bottom: 10px;
}
-.col-activity-logo{
+.col-workout-logo{
padding-right: 0;
}
@@ -563,6 +468,101 @@ label {
padding: 0.1em;
}
+.workouts-result {
+ font-size: 0.85em;
+}
+
+.workout-card {
+ margin-bottom: 15px;
+}
+
+.workout-details {
+ font-size: 0.95em;
+}
+.workout-date {
+ font-size: 0.75em;
+}
+
+.workout-filter {
+ font-size: 0.9em;
+}
+
+.workout-filter .col-2, .col-5{
+ padding: 0;
+}
+
+.workout-label {
+ font-size: 0.8em;
+ color: #666
+}
+
+.workout-logo {
+ margin: 0 5px;
+ max-width: 20px;
+ max-height: 20px;
+}
+
+.workout-map {
+ background-color: #eaeaea;
+ height: 225px;
+ width: 400px;
+}
+
+.workout-no-map {
+ background-color: #eaeaea;
+ color: #666666;
+ font-style: italic;
+ height: 400px;
+ line-height: 400px;
+}
+
+.workout-notes, .actvitiy-segments {
+ font-size: 0.9em;
+ font-style: italic;
+ margin-top: 10px;
+ padding: 5px;
+}
+
+.workout-page {
+ margin-top: 20px;
+}
+
+.workout-segments-list {
+ list-style: square;
+}
+
+.workout-sport {
+ margin-right: 1px;
+ max-width: 18px;
+ max-height: 18px;
+}
+
+.workout-title img, .workout-title .map-attribution-list {
+ display: none;
+}
+
+.workout-title img {
+ border: 1px solid lightgrey;
+ border-radius: 4px;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ display: none;
+ margin-left: 20px;
+ position: absolute;
+ z-index: 1000;
+}
+
+.workout-title .map-attribution-list {
+ display: none;
+ font-size: 11px;
+ margin-left: 20px;
+ position: absolute;
+ z-index: 1000;
+}
+
+.workout-title:hover img, .workout-title:hover .map-attribution-list {
+ display: block;
+}
+
/* responsive table */
/* adapted from https://uglyduck.ca/making-tables-responsive-with-minimal-css/ */
.heading-span,
@@ -745,7 +745,7 @@ label {
background: #eff1f3;
}
-.calendar-activity,
+.calendar-workout,
.calendar-more {
display: none;
}
@@ -767,15 +767,15 @@ label {
z-index: 1000;
}
-.calendar-activity-more {
+.calendar-workout-more {
display: none;
}
@media only screen and (max-width: 992px) {
- .calendar-activity:nth-child(-n+2),
- .calendar-activity:nth-child(n+3) ~ .calendar-more,
- .calendar-activity-more:nth-child(n+3) {
+ .calendar-workout:nth-child(-n+2),
+ .calendar-workout:nth-child(n+3) ~ .calendar-more,
+ .calendar-workout-more:nth-child(n+3) {
display: inline-block;
}
@@ -783,9 +783,9 @@ label {
@media only screen and (min-width: 992px) and (max-width: 1200px) {
- .calendar-activity:nth-child(-n+4),
- .calendar-activity:nth-child(n+5) ~ .calendar-more,
- .calendar-activity-more:nth-child(n+5) {
+ .calendar-workout:nth-child(-n+4),
+ .calendar-workout:nth-child(n+5) ~ .calendar-more,
+ .calendar-workout-more:nth-child(n+5) {
display: inline-block;
}
@@ -793,9 +793,9 @@ label {
@media only screen and (min-width: 1200px) {
- .calendar-activity:nth-child(-n+6),
- .calendar-activity:nth-child(n+7) ~ .calendar-more,
- .calendar-activity-more:nth-child(n+7) {
+ .calendar-workout:nth-child(-n+6),
+ .calendar-workout:nth-child(n+7) ~ .calendar-more,
+ .calendar-workout-more:nth-child(n+7) {
display: inline-block;
}
diff --git a/fittrackee_client/src/components/App.jsx b/fittrackee_client/src/components/App.jsx
index e857db53..09341781 100644
--- a/fittrackee_client/src/components/App.jsx
+++ b/fittrackee_client/src/components/App.jsx
@@ -4,8 +4,8 @@ import { Route, Switch } from 'react-router-dom'
import './App.css'
import Admin from './Admin'
-import Activity from './Activity'
-import Activities from './Activities'
+import Workout from './Workout'
+import Workouts from './Workouts'
import CurrentUserProfile from './User/CurrentUserProfile'
import Dashboard from './Dashboard'
import Footer from './Footer'
@@ -68,10 +68,10 @@ class App extends React.Component {
{t('common:No workouts.')}{' '}
-
+
{t('dashboard:Upload one !')}
diff --git a/fittrackee_client/src/components/Common/StaticMap.jsx b/fittrackee_client/src/components/Common/StaticMap.jsx
index 9a63cfe3..0f51c3ed 100644
--- a/fittrackee_client/src/components/Common/StaticMap.jsx
+++ b/fittrackee_client/src/components/Common/StaticMap.jsx
@@ -4,13 +4,13 @@ import { apiUrl } from '../../utils'
export default class StaticMap extends React.PureComponent {
render() {
- const { activity, display } = this.props
+ const { display, workout } = this.props
return (
-
+
}`})
@@ -81,7 +81,7 @@ export default class StatsCharts extends React.PureComponent {
key={s.id}
dataKey={s.label}
stackId="a"
- fill={activityColors[i]}
+ fill={workoutColors[i]}
label={
i === sports.length - 1 ? (
©
diff --git a/fittrackee_client/src/components/Common/Stats/StatsChart.jsx b/fittrackee_client/src/components/Common/Stats/StatsChart.jsx
index 8bdedcc5..ca3678f1 100644
--- a/fittrackee_client/src/components/Common/Stats/StatsChart.jsx
+++ b/fittrackee_client/src/components/Common/Stats/StatsChart.jsx
@@ -8,8 +8,8 @@ import {
YAxis,
} from 'recharts'
-import { activityColors } from '../../../utils/activities'
import { formatValue } from '../../../utils/stats'
+import { workoutColors } from '../../../utils/workouts'
import CustomTooltip from './CustomTooltip'
import CustomLabel from './CustomLabel'
@@ -56,11 +56,11 @@ export default class StatsCharts extends React.PureComponent {
{days}
}
- filterActivities(day) {
- const { activities, user } = this.props
- if (activities) {
- return activities.filter(act =>
- isSameDay(getDateWithTZ(act.activity_date, user.timezone), day)
+ filterWorkouts(day) {
+ const { workouts, user } = this.props
+ if (workouts) {
+ return workouts.filter(act =>
+ isSameDay(getDateWithTZ(act.workout_date, user.timezone), day)
)
}
return []
@@ -105,7 +105,7 @@ class Calendar extends React.Component {
while (day <= endDate) {
for (let i = 0; i < 7; i++) {
formattedDate = format(day, dateFormat)
- const dayActivities = this.filterActivities(day)
+ const dayWorkouts = this.filterWorkouts(day)
const isDisabled = isSameMonth(day, currentMonth) ? '' : '-disabled'
const isWeekEnd = weekStartOnMonday
? [5, 6].includes(i)
@@ -119,8 +119,8 @@ class Calendar extends React.Component {
>
{formattedDate}
-
+
{this.renderHeader(localeOptions)}
{this.renderDays(localeOptions)}
@@ -180,16 +180,16 @@ class Calendar extends React.Component {
export default connect(
state => ({
- activities: state.calendarActivities.data,
+ workouts: state.calendarWorkouts.data,
language: state.language,
sports: state.sports.data,
user: state.user,
}),
dispatch => ({
- loadMonthActivities: (start, end) => {
+ loadMonthWorkouts: (start, end) => {
const dateFormat = 'yyyy-MM-dd'
dispatch(
- getMonthActivities(format(start, dateFormat), format(end, dateFormat))
+ getMonthWorkouts(format(start, dateFormat), format(end, dateFormat))
)
},
})
diff --git a/fittrackee_client/src/components/Dashboard/CalendarActivity.jsx b/fittrackee_client/src/components/Dashboard/CalendarWorkout.jsx
similarity index 55%
rename from fittrackee_client/src/components/Dashboard/CalendarActivity.jsx
rename to fittrackee_client/src/components/Dashboard/CalendarWorkout.jsx
index c7f97cc8..3ff77a07 100644
--- a/fittrackee_client/src/components/Dashboard/CalendarActivity.jsx
+++ b/fittrackee_client/src/components/Dashboard/CalendarWorkout.jsx
@@ -1,28 +1,28 @@
import React from 'react'
import { Link } from 'react-router-dom'
-import { recordsLabels } from '../../utils/activities'
+import { recordsLabels } from '../../utils/workouts'
-export default function CalendarActivity(props) {
- const { activity, isDisabled, isMore, sportImg } = props
+export default function CalendarWorkout(props) {
+ const { isDisabled, isMore, sportImg, workout } = props
return (
<>
- {activity.records.length > 0 && (
+ {workout.records.length > 0 && (
` ${
recordsLabels.filter(
diff --git a/fittrackee_client/src/components/Dashboard/CalendarActivities.jsx b/fittrackee_client/src/components/Dashboard/CalendarWorkouts.jsx
similarity index 70%
rename from fittrackee_client/src/components/Dashboard/CalendarActivities.jsx
rename to fittrackee_client/src/components/Dashboard/CalendarWorkouts.jsx
index 2d86d00c..8e8bced4 100644
--- a/fittrackee_client/src/components/Dashboard/CalendarActivities.jsx
+++ b/fittrackee_client/src/components/Dashboard/CalendarWorkouts.jsx
@@ -1,8 +1,8 @@
import React from 'react'
-import CalendarActivity from './CalendarActivity'
+import CalendarWorkout from './CalendarWorkout'
-export default class CalendarActivities extends React.Component {
+export default class CalendarWorkouts extends React.Component {
constructor(props, context) {
super(props, context)
this.state = {
@@ -17,33 +17,33 @@ export default class CalendarActivities extends React.Component {
}
render() {
- const { dayActivities, isDisabled, sports } = this.props
+ const { dayWorkouts, isDisabled, sports } = this.props
const { isHidden } = this.state
return (
- {dayActivities.map(act => (
- (
+ s.id === act.sport_id).map(s => s.img)}
/>
))}
- {dayActivities.length > 2 && (
+ {dayWorkouts.length > 2 && (
this.handleDisplayMore()}
- title="show more activities"
+ title="show more workouts"
/>
)}
{!isHidden && (
- {dayActivities.map(act => (
- (
+
-
{t('activities:Personal records')}
+
+
{t('workouts:Personal records')}
{Object.keys(recordsBySport).length === 0
? t('common:No records.')
@@ -54,12 +54,12 @@ export default function RecordsCard(props) {
{recordsBySport[sportLabel].records.map(rec => (
- {t(`activities:${rec.record_type}`)}
+ {t(`workouts:${rec.record_type}`)}
{rec.value}
-
- {rec.activity_date}
+
+ {rec.workout_date}
diff --git a/fittrackee_client/src/components/Dashboard/Statistics.jsx b/fittrackee_client/src/components/Dashboard/Statistics.jsx
index 3bc4b67d..980bbb2b 100644
--- a/fittrackee_client/src/components/Dashboard/Statistics.jsx
+++ b/fittrackee_client/src/components/Dashboard/Statistics.jsx
@@ -18,7 +18,7 @@ export default class Statistics extends React.Component {
render() {
const { t } = this.props
return (
-
+
{t('dashboard:This month')}
-
+
-
{user.nb_activities}
+ {user.nb_workouts}
{`${
- user.nb_activities === 1
+ user.nb_workouts === 1
? t('common:workout')
: t('common:workouts')
}`}
@@ -31,7 +31,7 @@ export default function UserStatistics(props) {
-
+
@@ -46,7 +46,7 @@ export default function UserStatistics(props) {
-
+
@@ -59,7 +59,7 @@ export default function UserStatistics(props) {
-
+
diff --git a/fittrackee_client/src/components/Dashboard/ActivityCard.jsx b/fittrackee_client/src/components/Dashboard/WorkoutCard.jsx
similarity index 63%
rename from fittrackee_client/src/components/Dashboard/ActivityCard.jsx
rename to fittrackee_client/src/components/Dashboard/WorkoutCard.jsx
index 2445be71..8c3a4870 100644
--- a/fittrackee_client/src/components/Dashboard/ActivityCard.jsx
+++ b/fittrackee_client/src/components/Dashboard/WorkoutCard.jsx
@@ -5,35 +5,35 @@ import { Link } from 'react-router-dom'
import StaticMap from '../Common/StaticMap'
import { getDateWithTZ } from '../../utils'
-export default function ActivityCard(props) {
- const { activity, sports, t, user } = props
+export default function WorkoutCard(props) {
+ const { sports, t, user, workout } = props
return (
-
+
0 ? (
+ workouts.map(workout => (
+ FitTrackee - {t('statistics:Statistics')}
-
+
{sports
- .filter(sport => sport.id === activity.sport_id)
+ .filter(sport => sport.id === workout.sport_id)
.map(sport => t(`sports:${sport.label}`))}{' '}
-{' '}
{format(
- getDateWithTZ(activity.activity_date, user.timezone),
+ getDateWithTZ(workout.workout_date, user.timezone),
'dd/MM/yyyy HH:mm'
)}
- {activity.map && (
+ {workout.map && (
diff --git a/fittrackee_client/src/components/Dashboard/index.jsx b/fittrackee_client/src/components/Dashboard/index.jsx
index c2732f63..c22501ff 100644
--- a/fittrackee_client/src/components/Dashboard/index.jsx
+++ b/fittrackee_client/src/components/Dashboard/index.jsx
@@ -3,15 +3,15 @@ import { Helmet } from 'react-helmet'
import { withTranslation } from 'react-i18next'
import { connect } from 'react-redux'
-import ActivityCard from './ActivityCard'
import Calendar from './Calendar'
import Message from '../Common/Message'
-import NoActivities from '../Common/NoActivities'
+import NoWorkouts from '../Common/NoWorkouts'
import Records from './Records'
import Statistics from './Statistics'
import UserStatistics from './UserStatistics'
+import WorkoutCard from './WorkoutCard'
import { getOrUpdateData } from '../../actions'
-import { getMoreActivities } from '../../actions/activities'
+import { getMoreWorkouts } from '../../actions/workouts'
class DashBoard extends React.Component {
constructor(props, context) {
@@ -22,22 +22,22 @@ class DashBoard extends React.Component {
}
componentDidMount() {
- this.props.loadActivities()
+ this.props.loadWorkouts()
}
render() {
const {
- activities,
- loadMoreActivities,
+ loadMoreWorkouts,
message,
records,
sports,
t,
user,
+ workouts,
} = this.props
const paginationEnd =
- activities.length > 0
- ? activities[activities.length - 1].previous_activity === null
+ workouts.length > 0
+ ? workouts[workouts.length - 1].previous_workout === null
: true
const { page } = this.state
return (
@@ -48,7 +48,7 @@ class DashBoard extends React.Component {
{message ? (
-
)}
{' '}
- {t('activities:Duration')}: {activity.moving}
- {activity.map ? (
+ {t('workouts:Duration')}: {workout.moving}
+ {workout.map ? (
@@ -42,7 +42,7 @@ export default function ActivityCard(props) {
' - '
)}
{' '}
- {t('activities:Distance')}: {activity.distance} km
+ {t('workouts:Distance')}: {workout.distance} km
@@ -65,26 +65,26 @@ class DashBoard extends React.Component {
-
+
FitTrackee -{' '}
- {activity
- ? t('activities:Edit a workout')
- : t('activities:Add a workout')}
+ {workout
+ ? t('workouts:Edit a workout')
+ : t('workouts:Add a workout')}
@@ -44,22 +44,18 @@ class ActivityAddEdit extends React.Component {
)
@@ -230,11 +230,11 @@ export default connect(
chartData: state.chartData,
}),
dispatch => ({
- loadActivityData: activityId => {
- dispatch(getActivityChartData(activityId))
+ loadWorkoutData: workoutId => {
+ dispatch(getWorkoutChartData(workoutId))
},
- loadSegmentData: (activityId, segmentId) => {
- dispatch(getSegmentChartData(activityId, segmentId))
+ loadSegmentData: (workoutId, segmentId) => {
+ dispatch(getSegmentChartData(workoutId, segmentId))
},
})
-)(ActivityCharts)
+)(WorkoutCharts)
diff --git a/fittrackee_client/src/components/Workout/WorkoutDisplay/WorkoutDetails.jsx b/fittrackee_client/src/components/Workout/WorkoutDisplay/WorkoutDetails.jsx
new file mode 100644
index 00000000..be4bdffa
--- /dev/null
+++ b/fittrackee_client/src/components/Workout/WorkoutDisplay/WorkoutDetails.jsx
@@ -0,0 +1,73 @@
+import React from 'react'
+
+import WorkoutWeather from './WorkoutWeather'
+
+export default function WorkoutDetails(props) {
+ const { t, workout } = props
+ const withPauses = workout.pauses !== '0:00:00' && workout.pauses !== null
+ return (
+
{t('statistics:Statistics')}
@@ -176,16 +176,16 @@ class Statistics extends React.Component {
statsParams={statsParams}
t={t}
/>
-
- {user.nb_activities === 0 &&
+
{translatedSports.map(sport => (
-
-
)
}
@@ -16,4 +16,4 @@ export default connect(state => ({
message: state.message,
sports: state.sports.data,
user: state.user,
-}))(ActivityAdd)
+}))(WorkoutAdd)
diff --git a/fittrackee_client/src/components/Activity/ActivityAddOrEdit.jsx b/fittrackee_client/src/components/Workout/WorkoutAddOrEdit.jsx
similarity index 72%
rename from fittrackee_client/src/components/Activity/ActivityAddOrEdit.jsx
rename to fittrackee_client/src/components/Workout/WorkoutAddOrEdit.jsx
index ae0ca153..1c03b148 100644
--- a/fittrackee_client/src/components/Activity/ActivityAddOrEdit.jsx
+++ b/fittrackee_client/src/components/Workout/WorkoutAddOrEdit.jsx
@@ -3,11 +3,11 @@ import { Helmet } from 'react-helmet'
import { withTranslation } from 'react-i18next'
import { connect } from 'react-redux'
-import FormWithGpx from './ActivityForms/FormWithGpx'
-import FormWithoutGpx from './ActivityForms/FormWithoutGpx'
+import FormWithGpx from './WorkoutForms/FormWithGpx'
+import FormWithoutGpx from './WorkoutForms/FormWithoutGpx'
import Message from '../Common/Message'
-class ActivityAddEdit extends React.Component {
+class WorkoutAddEdit extends React.Component {
constructor(props, context) {
super(props, context)
this.state = {
@@ -25,16 +25,16 @@ class ActivityAddEdit extends React.Component {
}
render() {
- const { activity, loading, message, sports, t } = this.props
+ const { loading, message, sports, t, workout } = this.props
const { withGpx } = this.state
return (
@@ -44,22 +44,18 @@ class ActivityAddEdit extends React.Component {
-
) : (
- t('activities:No data to display')
+ t('workouts:No data to display')
)}
+
displayDistance
- ? `${t('activities:distance')}: ${value} km`
- : `${t('activities:duration')}: ${format(
+ ? `${t('workouts:distance')}: ${value} km`
+ : `${t('workouts:duration')}: ${format(
value,
'HH:mm:ss'
)}`
@@ -214,11 +214,11 @@ class ActivityCharts extends React.Component {
- {activity - ? t('activities:Edit a workout') - : t('activities:Add a workout')} + {workout + ? t('workouts:Edit a workout') + : t('workouts:Add a workout')}
- {activity ? (
- activity.with_gpx ? (
-
-
@@ -68,7 +64,7 @@ class ActivityAddEdit extends React.Component {
@@ -118,5 +114,5 @@ class ActivityAddEdit extends React.Component {
export default withTranslation()(
connect(state => ({
loading: state.loading,
- }))(ActivityAddEdit)
+ }))(WorkoutAddEdit)
)
diff --git a/fittrackee_client/src/components/Activity/ActivityDisplay/Map.jsx b/fittrackee_client/src/components/Workout/WorkoutDisplay/Map.jsx
similarity index 91%
rename from fittrackee_client/src/components/Activity/ActivityDisplay/Map.jsx
rename to fittrackee_client/src/components/Workout/WorkoutDisplay/Map.jsx
index 629c67f1..5fae6408 100644
--- a/fittrackee_client/src/components/Activity/ActivityDisplay/Map.jsx
+++ b/fittrackee_client/src/components/Workout/WorkoutDisplay/Map.jsx
@@ -12,7 +12,7 @@ export default function Map({ bounds, coordinates, jsonData, mapAttribution }) {
+
diff --git a/fittrackee_client/src/components/Activity/ActivityDisplay/ActivityCharts.jsx b/fittrackee_client/src/components/Workout/WorkoutDisplay/WorkoutCharts.jsx
similarity index 78%
rename from fittrackee_client/src/components/Activity/ActivityDisplay/ActivityCharts.jsx
rename to fittrackee_client/src/components/Workout/WorkoutDisplay/WorkoutCharts.jsx
index e495c028..b7684553 100644
--- a/fittrackee_client/src/components/Activity/ActivityDisplay/ActivityCharts.jsx
+++ b/fittrackee_client/src/components/Workout/WorkoutDisplay/WorkoutCharts.jsx
@@ -12,11 +12,11 @@ import {
} from 'recharts'
import {
- getActivityChartData,
getSegmentChartData,
-} from '../../../actions/activities'
+ getWorkoutChartData,
+} from '../../../actions/workouts'
-class ActivityCharts extends React.Component {
+class WorkoutCharts extends React.Component {
constructor(props, context) {
super(props, context)
this.state = {
@@ -26,31 +26,31 @@ class ActivityCharts extends React.Component {
}
componentDidMount() {
- if (this.props.dataType === 'activity') {
- this.props.loadActivityData(this.props.activity.id)
+ if (this.props.dataType === 'workout') {
+ this.props.loadWorkoutData(this.props.workout.id)
} else {
- this.props.loadSegmentData(this.props.activity.id, this.props.segmentId)
+ this.props.loadSegmentData(this.props.workout.id, this.props.segmentId)
}
}
componentDidUpdate(prevProps) {
if (
- (this.props.dataType === 'activity' &&
- prevProps.activity.id !== this.props.activity.id) ||
- (this.props.dataType === 'activity' && prevProps.dataType === 'segment')
+ (this.props.dataType === 'workout' &&
+ prevProps.workout.id !== this.props.workout.id) ||
+ (this.props.dataType === 'workout' && prevProps.dataType === 'segment')
) {
- this.props.loadActivityData(this.props.activity.id)
+ this.props.loadWorkoutData(this.props.workout.id)
}
if (
this.props.dataType === 'segment' &&
prevProps.segmentId !== this.props.segmentId
) {
- this.props.loadSegmentData(this.props.activity.id, this.props.segmentId)
+ this.props.loadSegmentData(this.props.workout.id, this.props.segmentId)
}
}
componentWillUnmount() {
- this.props.loadActivityData(null)
+ this.props.loadWorkoutData(null)
}
handleRadioChange(changeEvent) {
@@ -102,7 +102,7 @@ class ActivityCharts extends React.Component {
checked={displayDistance}
onChange={e => this.handleRadioChange(e)}
/>
- {t('activities:distance')}
+ {t('workouts:distance')}
- {dataType === 'activity' ? (
+ {dataType === 'workout' ? (
<>
{title}{' '}
-
+
displayModal(true)}
- title={t('activities:Delete activity')}
+ title={t('workouts:Delete workout')}
/>
) : (
<>
{/* prettier-ignore */}
{title}
{' '}
- - {t('activities:segment')} {segmentId}
+ - {t('workouts:segment')} {segmentId}
)}
- {activityDate && ( - - {`${activityDate.activity_date} - ${activityDate.activity_time}`} + {workoutDate && ( + + {`${workoutDate.workout_date} - ${workoutDate.workout_time}`} )}
@@ -97,14 +97,14 @@ export default function ActivityCardHeader(props) {
) : (
)}
- {activityDate && ( - - {`${activityDate.activity_date} - ${activityDate.activity_time}`} + {workoutDate && ( + + {`${workoutDate.workout_date} - ${workoutDate.workout_time}`} )}
@@ -123,7 +123,7 @@ class ActivityCharts extends React.Component {
checked={this.displayData('speed')}
onChange={e => this.handleLegendChange(e)}
/>
- {t('activities:speed')}
+ {t('workouts:speed')}
@@ -148,7 +148,7 @@ class ActivityCharts extends React.Component {
allowDecimals={false}
dataKey={xDataKey}
label={{
- value: t(`activities:${xDataKey}`),
+ value: t(`workouts:${xDataKey}`),
offset: 0,
position: 'bottom',
}}
@@ -161,7 +161,7 @@ class ActivityCharts extends React.Component {
/>
- {t('activities:data from gpx, without any cleaning')}
+ {t('workouts:data from gpx, without any cleaning')}
+
+ )
+}
diff --git a/fittrackee_client/src/components/Activity/ActivityDisplay/ActivityMap.jsx b/fittrackee_client/src/components/Workout/WorkoutDisplay/WorkoutMap.jsx
similarity index 52%
rename from fittrackee_client/src/components/Activity/ActivityDisplay/ActivityMap.jsx
rename to fittrackee_client/src/components/Workout/WorkoutDisplay/WorkoutMap.jsx
index 02995714..6dc82b52 100644
--- a/fittrackee_client/src/components/Activity/ActivityDisplay/ActivityMap.jsx
+++ b/fittrackee_client/src/components/Workout/WorkoutDisplay/WorkoutMap.jsx
@@ -3,10 +3,10 @@ import { MapContainer } from 'react-leaflet'
import { connect } from 'react-redux'
import Map from './Map'
-import { getActivityGpx, getSegmentGpx } from '../../../actions/activities'
-import { getGeoJson } from '../../../utils/activities'
+import { getSegmentGpx, getWorkoutGpx } from '../../../actions/workouts'
+import { getGeoJson } from '../../../utils/workouts'
-class ActivityMap extends React.Component {
+class WorkoutMap extends React.Component {
constructor(props, context) {
super(props, context)
this.state = {
@@ -15,39 +15,39 @@ class ActivityMap extends React.Component {
}
componentDidMount() {
- if (this.props.dataType === 'activity') {
- this.props.loadActivityGpx(this.props.activity.id)
+ if (this.props.dataType === 'workout') {
+ this.props.loadWorkoutGpx(this.props.workout.id)
} else {
- this.props.loadSegmentGpx(this.props.activity.id, this.props.segmentId)
+ this.props.loadSegmentGpx(this.props.workout.id, this.props.segmentId)
}
}
componentDidUpdate(prevProps) {
if (
- (this.props.dataType === 'activity' &&
- prevProps.activity.id !== this.props.activity.id) ||
- (this.props.dataType === 'activity' && prevProps.dataType === 'segment')
+ (this.props.dataType === 'workout' &&
+ prevProps.workout.id !== this.props.workout.id) ||
+ (this.props.dataType === 'workout' && prevProps.dataType === 'segment')
) {
- this.props.loadActivityGpx(this.props.activity.id)
+ this.props.loadWorkoutGpx(this.props.workout.id)
}
if (
this.props.dataType === 'segment' &&
prevProps.segmentId !== this.props.segmentId
) {
- this.props.loadSegmentGpx(this.props.activity.id, this.props.segmentId)
+ this.props.loadSegmentGpx(this.props.workout.id, this.props.segmentId)
}
}
componentWillUnmount() {
- this.props.loadActivityGpx(null)
+ this.props.loadWorkoutGpx(null)
}
render() {
- const { activity, coordinates, gpxContent, mapAttribution } = this.props
+ const { coordinates, gpxContent, mapAttribution, workout } = this.props
const { jsonData } = getGeoJson(gpxContent)
const bounds = [
- [activity.bounds[0], activity.bounds[1]],
- [activity.bounds[2], activity.bounds[3]],
+ [workout.bounds[0], workout.bounds[1]],
+ [workout.bounds[2], workout.bounds[3]],
]
return (
@@ -77,11 +77,11 @@ export default connect(
mapAttribution: state.application.config.map_attribution,
}),
dispatch => ({
- loadActivityGpx: activityId => {
- dispatch(getActivityGpx(activityId))
+ loadWorkoutGpx: workoutId => {
+ dispatch(getWorkoutGpx(workoutId))
},
- loadSegmentGpx: (activityId, segmentId) => {
- dispatch(getSegmentGpx(activityId, segmentId))
+ loadSegmentGpx: (workoutId, segmentId) => {
+ dispatch(getSegmentGpx(workoutId, segmentId))
},
})
-)(ActivityMap)
+)(WorkoutMap)
diff --git a/fittrackee_client/src/components/Workout/WorkoutDisplay/WorkoutNoMap.jsx b/fittrackee_client/src/components/Workout/WorkoutDisplay/WorkoutNoMap.jsx
new file mode 100644
index 00000000..3de817e4
--- /dev/null
+++ b/fittrackee_client/src/components/Workout/WorkoutDisplay/WorkoutNoMap.jsx
@@ -0,0 +1,8 @@
+import React from 'react'
+
+export default function WorkoutNoMap(props) {
+ const { t } = props
+ return (
+
+
+ {t('workouts:Duration')}: {workout.moving}
+ {workout.records &&
+ workout.records.find(record => record.record_type === 'LD') && (
+
+
+
+ )}
+ {withPauses && (
+
+
({t('workouts:pauses')}: {workout.pauses},{' '}
+ {t('workouts:total duration')}: {workout.duration})
+
+ )}
+
+ + {t('workouts:Distance')}: {workout.distance} km + {workout.records && + workout.records.find(record => record.record_type === 'FD') && ( + + + + )} +
+
+
+ {t('workouts:Average speed')}: {workout.ave_speed} km/h
+ {workout.records &&
+ workout.records.find(record => record.record_type === 'AS') && (
+
+
+
+ )}
+
+ {t('workouts:Max. speed')}: {workout.max_speed} km/h
+ {workout.records &&
+ workout.records.find(record => record.record_type === 'MS') && (
+
+
+
+ )}
+
+
+ {t('workouts:Min. altitude')}: {workout.min_alt}m
+
+ {t('workouts:Max. altitude')}: {workout.max_alt}m
+
+
+ {t('workouts:Ascent')}: {workout.ascent}m
+
+ {t('workouts:Descent')}: {workout.descent}m
+
{t('workouts:No Map')}
+ )
+}
diff --git a/fittrackee_client/src/components/Activity/ActivityDisplay/ActivityNotes.jsx b/fittrackee_client/src/components/Workout/WorkoutDisplay/WorkoutNotes.jsx
similarity index 57%
rename from fittrackee_client/src/components/Activity/ActivityDisplay/ActivityNotes.jsx
rename to fittrackee_client/src/components/Workout/WorkoutDisplay/WorkoutNotes.jsx
index 135f1c28..95474eff 100644
--- a/fittrackee_client/src/components/Activity/ActivityDisplay/ActivityNotes.jsx
+++ b/fittrackee_client/src/components/Workout/WorkoutDisplay/WorkoutNotes.jsx
@@ -1,15 +1,15 @@
import React from 'react'
-export default function ActivityNotes(props) {
+export default function WorkoutNotes(props) {
const { notes, t } = props
return (
-
+
Notes
-
diff --git a/fittrackee_client/src/components/Activity/ActivityDisplay/ActivitySegments.jsx b/fittrackee_client/src/components/Workout/WorkoutDisplay/WorkoutSegments.jsx
similarity index 58%
rename from fittrackee_client/src/components/Activity/ActivityDisplay/ActivitySegments.jsx
rename to fittrackee_client/src/components/Workout/WorkoutDisplay/WorkoutSegments.jsx
index 528b5109..50d4b645 100644
--- a/fittrackee_client/src/components/Activity/ActivityDisplay/ActivitySegments.jsx
+++ b/fittrackee_client/src/components/Workout/WorkoutDisplay/WorkoutSegments.jsx
@@ -1,31 +1,31 @@
import React from 'react'
import { Link } from 'react-router-dom'
-export default function ActivitySegments(props) {
+export default function WorkoutSegments(props) {
const { segments, t } = props
return (
- {notes ? notes : t('activities:No notes')}
+
+ {notes ? notes : t('workouts:No notes')}
-
+
- {t('activities:Segments')}
-
+ {t('workouts:Segments')}
+
-
{segments.map((segment, index) => (
- - {t('activities:segment')} {index + 1} + {t('workouts:segment')} {index + 1} {' '} - ({t('activities:distance')}: {segment.distance} km,{' '} - {t('activities:duration')}: {segment.duration}) + ({t('workouts:distance')}: {segment.distance} km,{' '} + {t('workouts:duration')}: {segment.duration}) ))}
- {activity.weather_start && activity.weather_end && (
+ {workout.weather_start && workout.weather_end && (
diff --git a/fittrackee_client/src/components/Activity/ActivityDisplay/index.jsx b/fittrackee_client/src/components/Workout/WorkoutDisplay/index.jsx
similarity index 62%
rename from fittrackee_client/src/components/Activity/ActivityDisplay/index.jsx
rename to fittrackee_client/src/components/Workout/WorkoutDisplay/index.jsx
index f8659790..e8fc351f 100644
--- a/fittrackee_client/src/components/Activity/ActivityDisplay/index.jsx
+++ b/fittrackee_client/src/components/Workout/WorkoutDisplay/index.jsx
@@ -3,19 +3,19 @@ import { Helmet } from 'react-helmet'
import { withTranslation } from 'react-i18next'
import { connect } from 'react-redux'
-import ActivityCardHeader from './ActivityCardHeader'
-import ActivityCharts from './ActivityCharts'
-import ActivityDetails from './ActivityDetails'
-import ActivityMap from './ActivityMap'
-import ActivityNoMap from './ActivityNoMap'
-import ActivityNotes from './ActivityNotes'
-import ActivitySegments from './ActivitySegments'
import CustomModal from '../../Common/CustomModal'
import Message from '../../Common/Message'
+import WorkoutCardHeader from './WorkoutCardHeader'
+import WorkoutCharts from './WorkoutCharts'
+import WorkoutDetails from './WorkoutDetails'
+import WorkoutMap from './WorkoutMap'
+import WorkoutNoMap from './WorkoutNoMap'
+import WorkoutNotes from './WorkoutNotes'
+import WorkoutSegments from './WorkoutSegments'
import { getOrUpdateData } from '../../../actions'
-import { deleteActivity } from '../../../actions/activities'
+import { deleteWorkout } from '../../../actions/workouts'
-class ActivityDisplay extends React.Component {
+class WorkoutDisplay extends React.Component {
constructor(props, context) {
super(props, context)
this.state = {
@@ -28,14 +28,14 @@ class ActivityDisplay extends React.Component {
}
componentDidMount() {
- this.props.loadActivity(this.props.match.params.activityId)
+ this.props.loadWorkout(this.props.match.params.workoutId)
}
componentDidUpdate(prevProps) {
if (
- prevProps.match.params.activityId !== this.props.match.params.activityId
+ prevProps.match.params.workoutId !== this.props.match.params.workoutId
) {
- this.props.loadActivity(this.props.match.params.activityId)
+ this.props.loadWorkout(this.props.match.params.workoutId)
}
}
@@ -64,24 +64,15 @@ class ActivityDisplay extends React.Component {
}
render() {
- const {
- activities,
- message,
- onDeleteActivity,
- sports,
- t,
- user,
- } = this.props
+ const { message, onDeleteWorkout, sports, t, user, workouts } = this.props
const { coordinates, displayModal } = this.state
- const [activity] = activities
- const title = activity ? activity.title : t('activities:Activity')
- const [sport] = activity
- ? sports.filter(s => s.id === activity.sport_id)
- : []
+ const [workout] = workouts
+ const title = workout ? workout.title : t('workouts:Workout')
+ const [sport] = workout ? sports.filter(s => s.id === workout.sport_id) : []
const segmentId = parseInt(this.props.match.params.segmentId)
- const dataType = segmentId >= 0 ? 'segment' : 'activity'
+ const dataType = segmentId >= 0 ? 'segment' : 'workout'
return (
-
- {t('activities:Start')}
+ {t('workouts:Start')}
|
- {t('activities:End')}
+ {t('workouts:End')}
|
{Number(activity.weather_start.temperature).toFixed(1)}°C | -{Number(activity.weather_end.temperature).toFixed(1)}°C | +{Number(workout.weather_start.temperature).toFixed(1)}°C | +{Number(workout.weather_end.temperature).toFixed(1)}°C |
|---|---|---|---|---|
| @@ -52,9 +52,9 @@ export default function ActivityWeather(props) { /> | - {Number(activity.weather_start.humidity * 100).toFixed(1)}% + {Number(workout.weather_start.humidity * 100).toFixed(1)}% | -{Number(activity.weather_end.humidity * 100).toFixed(1)}% | +{Number(workout.weather_end.humidity * 100).toFixed(1)}% | |
| @@ -64,8 +64,8 @@ export default function ActivityWeather(props) { alt="Temperatures" /> | -{Number(activity.weather_start.wind).toFixed(1)}m/s | -{Number(activity.weather_end.wind).toFixed(1)}m/s | +{Number(workout.weather_start.wind).toFixed(1)}m/s | +{Number(workout.weather_end.wind).toFixed(1)}m/s |
+
FitTrackee - {title}
@@ -93,23 +84,23 @@ class ActivityDisplay extends React.Component {
{
- onDeleteActivity(activity.id)
+ onDeleteWorkout(workout.id)
this.displayModal(false)
}}
close={() => this.displayModal(false)}
/>
)}
- {activity && sport && activities.length === 1 && (
+ {workout && sport && workouts.length === 1 && (
-
+
-
- {activity.with_gpx && (
+ {workout.with_gpx && (
- {activity.with_gpx ? (
-
-
-
+
)}
- {dataType === 'activity' && (
+ {dataType === 'workout' && (
<>
-
- {t('activities:Chart')}
+ {t('workouts:Chart')}
-
+ {sports.length > 0 && (
+
+ )
+ }
+}
+
+export default connect(
+ state => ({
+ workouts: state.workouts.data,
+ message: state.message,
+ sports: state.sports.data,
+ user: state.user,
+ }),
+ dispatch => ({
+ loadWorkout: workoutId => {
+ dispatch(getOrUpdateData('getData', 'workouts', { id: workoutId }))
+ },
+ })
+)(WorkoutEdit)
diff --git a/fittrackee_client/src/components/Activity/ActivityForms/FormWithGpx.jsx b/fittrackee_client/src/components/Workout/WorkoutForms/FormWithGpx.jsx
similarity index 79%
rename from fittrackee_client/src/components/Activity/ActivityForms/FormWithGpx.jsx
rename to fittrackee_client/src/components/Workout/WorkoutForms/FormWithGpx.jsx
index b6733b99..42113484 100644
--- a/fittrackee_client/src/components/Activity/ActivityForms/FormWithGpx.jsx
+++ b/fittrackee_client/src/components/Workout/WorkoutForms/FormWithGpx.jsx
@@ -3,26 +3,26 @@ import { Trans } from 'react-i18next'
import { connect } from 'react-redux'
import { setLoading } from '../../../actions/index'
-import { addActivity, editActivity } from '../../../actions/activities'
+import { addWorkout, editWorkout } from '../../../actions/workouts'
import { history } from '../../../index'
import { getFileSize } from '../../../utils'
-import { translateSports } from '../../../utils/activities'
+import { translateSports } from '../../../utils/workouts'
function FormWithGpx(props) {
const {
- activity,
appConfig,
loading,
- onAddActivity,
- onEditActivity,
+ onAddWorkout,
+ onEditWorkout,
sports,
t,
+ workout,
} = props
- const sportId = activity ? activity.sport_id : ''
+ const sportId = workout ? workout.sport_id : ''
const translatedSports = translateSports(sports, t, true)
- const zipTooltip = `${t('activities:no folder inside')}, ${
+ const zipTooltip = `${t('workouts:no folder inside')}, ${
appConfig.gpx_limit_import
- } ${t('activities:files max')}, ${t('activities:max size')}: ${getFileSize(
+ } ${t('workouts:files max')}, ${t('workouts:max size')}: ${getFileSize(
appConfig.max_zip_file_size
)}`
const fileSizeLimit = getFileSize(appConfig.max_single_file_size)
@@ -51,13 +51,13 @@ function FormWithGpx(props) {