Client - display elevation on card and list for workouts w/o elevation

This commit is contained in:
Sam 2022-12-14 17:00:27 +01:00
parent 0c0138b867
commit 47ec18e0a3
2 changed files with 7 additions and 3 deletions

View File

@ -114,7 +114,7 @@
/>
</div>
</div>
<div class="data altitude" v-if="workout && workout.with_gpx">
<div class="data altitude" v-if="hasElevation(workout)">
<i class="fa fa-location-arrow" aria-hidden="true" />
<div class="data-values">
+<Distance
@ -167,6 +167,10 @@
const locale: ComputedRef<Locale> = computed(
() => store.getters[ROOT_STORE.GETTERS.LOCALE]
)
function hasElevation(workout: IWorkout): boolean {
return workout && workout.ascent !== null && workout.descent !== null
}
</script>
<style lang="scss" scoped>

View File

@ -134,7 +134,7 @@
{{ $t('workouts.ASCENT') }}
</span>
<Distance
v-if="workout.with_gpx"
v-if="workout.ascent !== null"
:distance="workout.ascent"
unitFrom="m"
:useImperialUnits="user.imperial_units"
@ -145,7 +145,7 @@
{{ $t('workouts.DESCENT') }}
</span>
<Distance
v-if="workout.with_gpx"
v-if="workout.descent !== null"
:distance="workout.descent"
unitFrom="m"
:useImperialUnits="user.imperial_units"