blob: 5b101a361481f034b33d2a40fbcf00d9f7508812 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
|
{% extends "layout.jinja2" %}
{% block content %}
<div class="container">
<h1>{{ journey.title }}</h1>
{% set gpx_url = request.route_path("journey-gpx", journey_id=journey.id) %}
<div id="mainmap" class="gpxview:{{ gpx_url }}:OSM" style="width:100%;height:600px">
<noscript><p>{{ _("page.noscript") }}<p></noscript>
</div>
<div id="mainmap_hp" style="width:100%;height:300px">
</div>
<table class="table table-hover" style="margin-top: 10px;">
<tbody>
<tr>
<th scope="row">{{ _("page.details.length") }}</th>
<td id="detailsLength">{{ (movement_data.length / 1000) | round(2) | format_decimal }} km</td>
</tr>
<tr>
<th scope="row">{{ _("page.details.uphill") }}</th>
<td id="detailsUphill">{{ movement_data.uphill | round(2) | format_decimal }} m</td>
</tr>
<tr>
<th scope="row">{{ _("page.details.downhill") }}</th>
<td id="detailsDownhill">{{ movement_data.downhill | round(2) | format_decimal }} m</td>
</tr>
</tbody>
</table>
<h2>{{ _("journey.tracks") }}</h2>
{% for track in tracks %}
<div class="card mb-3">
<h5 class="card-header">
<a href="{{ request.route_url('details', track_id=track.id) }}">{{ track.title | default(track.date, true) }}</a>
</h5>
<div class="card-body browse-track-card">
<div class="browse-track-preview">
<img src="{{ request.route_url('track-map', track_id=track.id) }}">
</div>
<div class="browse-track-data">
<table class="table table-hover table-sm browse-summary">
<tbody>
<tr>
<th scope="row">{{ _("page.details.date") }}</th>
<td>{{ track.date | format_datetime }}</td>
<th scope="row">{{ _("page.details.length") }}</th>
<td>{{ (track.length / 1000) | round(2) | format_decimal }} km</td>
</tr>
{% if track.show_organic_data() %}
<tr>
<th scope="row">{{ _("page.details.start_time") }}</th>
<td>{{ track.start_time | format_datetime }}</td>
<th scope="row">{{ _("page.details.end_time") }}</th>
<td>{{ track.end_time | format_datetime }}</td>
</tr>
{% endif %}
<tr>
<th scope="row">{{ _("page.details.uphill") }}</th>
<td>{{ track.uphill | round(2) | format_decimal }} m</td>
<th scope="row">{{ _("page.details.downhill") }}</th>
<td>{{ track.downhill | round(2) | format_decimal }} m</td>
</tr>
{% if track.show_organic_data() %}
<tr>
<th scope="row">{{ _("page.details.moving_time") }}</th>
<td>{{ track.moving_time }}</td>
<th scope="row">{{ _("page.details.stopped_time") }}</th>
<td>{{ track.stopped_time }}</td>
</tr>
<tr>
<th scope="row">{{ _("page.details.max_speed") }}</th>
<td>{{ mps_to_kph(track.max_speed) | round(2) | format_decimal }} km/h</td>
<th scope="row">{{ _("page.details.avg_speed") }}</th>
<td>{{ mps_to_kph(track.avg_speed) | round(2) | format_decimal }} km/h</td>
</tr>
{% endif %}
<tr>
<th scope="row"><i class="bi bi-chat-left-text-fill"></i> {{ _("page.browse.card.comments") }}</th>
<td>{{ track.comments | length }}</td>
<th scope="row"><i class="bi bi-images"></i> {{ _("page.browse.card.images") }}</th>
<td>{{ track.images | length }}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
{% endfor %}
</div>
{% endblock %}
|
