\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