35 lines
1.7 KiB
Twig
35 lines
1.7 KiB
Twig
<div class="tile charging-connectivity-tile">
|
|
<div class="tile-title">Ladekompatibilität</div>
|
|
<div class="connectivity-features" style="margin-top: 8px;">
|
|
<!-- Voltage Support -->
|
|
<div style="display: flex; gap: 6px; margin-bottom: 6px;">
|
|
{% if tile.chargingConnectivity.is400v %}
|
|
<span style="background: #28a745; color: white; padding: 2px 6px; border-radius: 12px; font-size: 10px; font-weight: bold;">400V</span>
|
|
{% endif %}
|
|
{% if tile.chargingConnectivity.is800v %}
|
|
<span style="background: #007acc; color: white; padding: 2px 6px; border-radius: 12px; font-size: 10px; font-weight: bold;">800V</span>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<!-- Plug & Charge -->
|
|
{% if tile.chargingConnectivity.plugAndCharge %}
|
|
<div style="margin-bottom: 6px;">
|
|
<span style="background: rgba(40, 167, 69, 0.1); color: #28a745; padding: 3px 8px; border-radius: 4px; font-size: 11px;">
|
|
⚡ Plug & Charge
|
|
</span>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<!-- Connector Types -->
|
|
{% if tile.chargingConnectivity.connectorTypes|length > 0 %}
|
|
<div class="connector-types" style="display: flex; gap: 4px; flex-wrap: wrap;">
|
|
{% for connector in tile.chargingConnectivity.connectorTypes %}
|
|
<span style="background: rgba(108,117,125,0.1); color: #6c757d; padding: 2px 6px; border-radius: 8px; font-size: 10px; font-weight: 500;">
|
|
{{ connector.value }}
|
|
</span>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
<small style="color: #666;">Ladeschnittstellen & Features</small>
|
|
</div> |