33 lines
1.2 KiB
HTML
33 lines
1.2 KiB
HTML
|
{#
|
|||
|
|
score_hero.html — Großer Score-Block für die Detailseite
|
|||
|
|
|
|||
|
|
Props:
|
|||
|
|
score : float (0–10) — der GWÖ-Score
|
|||
|
|
verdict_title : str — kurzes Urteil (z.B. "Vorbildlich"), UPPERCASE
|
|||
|
|
verdict_body : str — ein bis zwei Sätze Urteilsbeschreibung
|
|||
|
|
|
|||
|
|
Verhalten:
|
|||
|
|
- score >= 8: var(--ecg-green) als Akzentfarbe
|
|||
|
|
- score < 5: var(--redline-contra) als Akzentfarbe (CSS-Klasse "low")
|
|||
|
|
- 5–7: Neutral (var(--ecg-dark))
|
|||
|
|
|
|||
|
|
Verwendung:
|
|||
|
|
{% from "v2/components/score_hero.html" import score_hero %}
|
|||
|
|
{{ score_hero(9.1, "Vorbildlich", "Starker Beitrag zur ökologischen Nachhaltigkeit.") }}
|
|||
|
|
#}
|
|||
|
|
|
|||
|
|
{% macro score_hero(score, verdict_title="", verdict_body="") %}
|
|||
|
|
{% set s = score | float %}
|
|||
|
|
{% if s < 5 %}{% set modifier = "low" %}{% else %}{% set modifier = "" %}{% endif %}
|
|||
|
|
|
|||
|
|
<div class="v2-score-hero {{ modifier }}" role="region" aria-label="GWÖ-Score {{ '%.1f'|format(s) }} von 10">
|
|||
|
|
<div class="big-num" aria-hidden="true">
|
|||
|
|
{{ "%.1f" | format(s) }}<span class="slash">/10</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="verdict">
|
|||
|
|
{% if verdict_title %}<b>{{ verdict_title }}</b>{% endif %}
|
|||
|
|
{{ verdict_body }}
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
{% endmacro %}
|