m038
04bcab2d55
Move stats computation and both panel HTML divs out of trip.html.twig
into dedicated macros/stats.html.twig and macros/cycling.html.twig.
trip.html.twig imports both at the top of {% block content %} and
calls them via stats_m.stats_panel() and cycling_m.cycling_panel().
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Vgmzx8VTTTmCskSpQtsLTr
42 lines
1.7 KiB
Twig
42 lines
1.7 KiB
Twig
{% macro cycling_panel() %}
|
|
<div id="trip-cycling-block" class="trip-cycling-block">
|
|
<div class="trip-panel-inner">
|
|
<div class="trip-cycling-header">
|
|
<span class="trip-cycling-icon">🚴</span>
|
|
<span class="trip-cycling-title">Cycling Stats</span>
|
|
</div>
|
|
<div class="trip-cycling-grid">
|
|
<div class="stat-block">
|
|
<span class="stat-value" id="cyc-distance">—</span>
|
|
<span class="stat-label">km distance</span>
|
|
</div>
|
|
<div class="stat-block">
|
|
<span class="stat-value" id="cyc-ele-gain">—</span>
|
|
<span class="stat-label">m ↑ gain</span>
|
|
</div>
|
|
<div class="stat-block">
|
|
<span class="stat-value" id="cyc-ele-loss">—</span>
|
|
<span class="stat-label">m ↓ loss</span>
|
|
</div>
|
|
<div class="stat-block">
|
|
<span class="stat-value" id="cyc-highest">—</span>
|
|
<span class="stat-label">m highest</span>
|
|
</div>
|
|
<div class="stat-block">
|
|
<span class="stat-value" id="cyc-lowest">—</span>
|
|
<span class="stat-label">m lowest</span>
|
|
</div>
|
|
<div class="stat-block">
|
|
<span class="stat-value" id="cyc-moving-time">—</span>
|
|
<span class="stat-label">moving time</span>
|
|
</div>
|
|
<div class="stat-block">
|
|
<span class="stat-value" id="cyc-avg-speed">—</span>
|
|
<span class="stat-label">km/h avg speed</span>
|
|
</div>
|
|
</div>
|
|
<button class="trip-panel-close" data-toggle="trip-cycling-toggle">↑ Close cycling</button>
|
|
</div>
|
|
</div>
|
|
{% endmacro %}
|