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

Activities: minor changes

Browse Source
This commit is contained in:
Sam
2018-05-02 20:47:42 +02:00
parent 37ed5405bb
commit 979833bd07
2 changed files with 42 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
mpwo_client/src/components/Activities/ActivityDisplay.jsx
View File

@ -27,7 +27,7 @@ class ActivityDisplay extends React.Component {
<div className="container">
{activity && sports.length > 0 && (
<div className="row">
<div className="col-md-12">
<div className="col-md-6">
<div className="card">
<div className="card-header">
{sports.filter(sport => sport.id === activity.sport_id)
@ -35,41 +35,44 @@ class ActivityDisplay extends React.Component {
{activity.activity_date}
</div>
<div className="card-body">
<div className="row">
<div className="col-md-8">
<p>
<i className="fa fa-calendar" aria-hidden="true" />{' '}
Start at {activity.activity_date}
</p>
<p>
<i className="fa fa-clock-o" aria-hidden="true" />{' '}
Duration: {activity.duration} {' '}
{activity.pauses > 0 && (
`(pauses: ${activity.pauses})`
)}
</p>
<p>
<i className="fa fa-road" aria-hidden="true" />{' '}
Distance: {activity.distance}km</p>
<p>
<i className="fa fa-tachometer" aria-hidden="true" />
{' '}
Average speed: {activity.ave_speed} km/h -{' '}
Max speed : {activity.max_speed} km/h
</p>
<p><i className="fi-mountains" />{' '}
Min altitude: {activity.min_alt}m -{' '}
Max altitude: {activity.max_alt}m
</p>
<p><i className="fa fa-location-arrow" />{' '}
Ascent: {activity.ascent}m -{' '}
Descent: {activity.descent}m
</p>
</div>
<div className="col-md-4">
Map
</div>
</div>
<p>
<i className="fa fa-calendar" aria-hidden="true" />{' '}
Start at {activity.activity_date}
</p>
<p>
<i className="fa fa-clock-o" aria-hidden="true" />{' '}
Duration: {activity.duration} {' '}
{activity.pauses !== '0:00:00' && (
`(pauses: ${activity.pauses})`
)}
</p>
<p>
<i className="fa fa-road" aria-hidden="true" />{' '}
Distance: {activity.distance} km</p>
<p>
<i className="fa fa-tachometer" aria-hidden="true" />
{' '}
Average speed: {activity.ave_speed} km/h -{' '}
Max speed : {activity.max_speed} km/h
</p>
<p><i className="fi-mountains" />{' '}
Min altitude: {activity.min_alt}m -{' '}
Max altitude: {activity.max_alt}m
</p>
<p><i className="fa fa-location-arrow" />{' '}
Ascent: {activity.ascent}m -{' '}
Descent: {activity.descent}m
</p>
</div>
</div>
</div>
<div className="col-md-6">
<div className="card">
<div className="card-header">
Map
</div>
<div className="card-body">
to do
</div>
</div>
</div>