28 lines
1.6 KiB
Twig
28 lines
1.6 KiB
Twig
<div class="tile range-comparison-tile">
|
|
<div class="tile-title">Reichweiten-Vergleich</div>
|
|
<div class="range-comparison" style="margin-top: 8px;">
|
|
<!-- WLTP Range -->
|
|
{% if tile.rangeProperties.wltp %}
|
|
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; padding: 6px 10px; background: rgba(0,122,204,0.1); border-radius: 6px;">
|
|
<span style="font-weight: 600; color: #007acc;">WLTP</span>
|
|
<span style="font-weight: bold; font-size: 18px;">{{ tile.rangeProperties.wltp.range.kilometers }} km</span>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<!-- NEFZ Range -->
|
|
{% if tile.rangeProperties.nefz %}
|
|
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; padding: 6px 10px; background: rgba(108,117,125,0.1); border-radius: 6px;">
|
|
<span style="font-weight: 600; color: #6c757d;">NEFZ</span>
|
|
<span style="font-weight: bold; font-size: 18px;">{{ tile.rangeProperties.nefz.range.kilometers }} km</span>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<!-- Real Tests Summary -->
|
|
{% if tile.rangeProperties.realRangeTests|length > 0 %}
|
|
<div style="margin-top: 10px; padding: 4px 6px; background: rgba(40,167,69,0.05); border-radius: 4px; text-align: center;">
|
|
<small style="color: #28a745; font-weight: 600;">{{ tile.rangeProperties.realRangeTests|length }} Real-Tests verfügbar</small>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
<small style="color: #666;">Offizielle Testverfahren</small>
|
|
</div> |