{% extends "basis.html" %}{% set seiten_module = ("dig",) %}{% block titel %}{{ d.titel or (t.blatt.ohne_titel if d.interpret else t.blatt.ohne_namen) }} – Timbre{% endblock %}{% block weich %} data-weich{% endblock %}{% block inhalt %}
{% set b = t.blatt %}{% set m = d.merkmale %}{% set sig = m.signal or {} %}{% set abg = m.abgeleitet or {} %}
{% macro punkt(art) %}{% set erkl = t.herkunft[art][1] %}<i class="herkunft {{ art }}" role="img" title="{{ erkl }}" aria-label="{{ erkl }}"></i>{% endmacro %}
{% macro dez(x, n) %}{% set s = ('%.' ~ n ~ 'f') | format(x) %}{{ s | dezimal(sprache) }}{% endmacro %}
{# Die Sicherheit der gemessenen Tonart steht immer in einer eigenen Zeile (ohne Trennpunkt): neben „gemessen 4m“ passt sie in keiner Breite. #}
{# Tonart-Codes kommen intern als 1A–12B und werden nur zur Anzeige nach Open Key (1m–12d) umgerechnet; data-tonart trägt den internen Code für titelblatt.js. #}
{# Tag-Werte (BPM, Tonart) stehen ohne Herkunftspunkt mit „(Tags)“, gemessene Werte mit Punkt. Ungültige Werte gelten als fehlend. #}
{% set cam = abg.camelot if abg.camelot | camelot_stil else none %}
{% set gem = sig.camelot_gemessen if sig.camelot_gemessen | camelot_stil else none %}
{% set sicher = sig.camelot_gemessen_sicherheit if sig.camelot_gemessen_sicherheit is number else none %}
{# Energie nur als Stufe o · + · ++ · +++ (energie.py), nie die Feinstufe #}{% set e_stufe = abg.energiestufe | energie_stufe %}
{% set sek = (d.dauer_s | int) if d.dauer_s is number and d.dauer_s >= 0 else none %}
{% if demo and not demo_angemeldet %}{% include "demo_band.html" %}{% endif %}
<div class="blatt" data-tag-titel="{{ d.id }}" data-tag-name="{{ d.titel or (b.ohne_namen if not d.titel and not d.interpret else b.ohne_titel) }}">
<header class="blattkopf mitcover-tb">
  <div class="mitfrage"><a class="zurueck" href="{{ '/demo' if demo and not demo_angemeldet else '/bibliothek' }}" id="tb-zurueck">{{ b.zurueck }}</a><a class="fragez" href="{{ t.hilfe.kontext.titel.href }}" title="{{ t.hilfe.kontext.titel.name }}" aria-label="{{ t.hilfe.kontext.titel.name }}"><span aria-hidden="true">?</span></a></div>
  {# Cover „A+“ (24.10.2026): static/cover.js setzt das Bild aus den Tags (oder das Muster) und die Herkunft; ohne Skript bleibt es weg #}
  <div class="blattcover" id="tb-cover"><span class="cv" aria-hidden="true"></span></div>
  <div class="eyebrow">{{ b.eyebrow }}</div>
  {# ohne Titel und ohne Artist: ein „Ohne Namen“ statt zweier Platzhalter #}
  {% set namenlos = not d.titel and not d.interpret %}
  <h1{% if not d.titel %} class="leise"{% endif %}>{{ d.titel or (b.ohne_namen if namenlos else b.ohne_titel) }}</h1>
  <p class="leise">{{ [none if namenlos else (d.interpret or b.ohne_interpret), d.album, d.jahr] | select | join(' · ') }}</p>
  {# Live-Demo: Namensnennung je Track – „Titel – Artist · Lizenz · Quelle“ (demo_credits.json) #}
  {% if demo_credit %}{% set c = demo_credit %}<p class="democredit klein"><span class="eyebrow">{{ t.demo.credit_zeile }}</span> {{ c.titel }} – {{ c.artist }} · <a href="{{ c.lizenz_url }}" rel="license noopener">{{ c.lizenz }}</a> · <a href="{{ c.quelle_url }}" rel="noopener">{{ t.demo.credits_quelle }}</a></p>{% endif %}
  {# Tag List (Paket 2): Knopf +/✓ und Taste T im Blattkopf; ohne Skript bleibt der Knopf verborgen #}
  {# „Passt als Nächstes“ (22.10.2026): der Knopf klappt den Abschnitt in der Tiefe auf und springt hin (Booth, mobil); ohne Skript verborgen #}
  <div class="tlzeile"><button type="button" class="tlknopf" data-tagliste-knopf="{{ d.id }}" data-tag-name="{{ d.titel or (b.ohne_namen if namenlos else b.ohne_titel) }}" hidden>+</button><button type="button" class="knopf klein pnknopf" id="tb-passt-knopf" aria-controls="tb-klapp-naechstes" hidden>{{ b.passt.titel }}</button></div>
  {# Ort der Datei in Worten; titelblatt.js setzt Symbol und – wenn die Datei im Onlinespeicher liegt – den Abspielknopf davor. #}
  {% if (d.ort and status_speicher) or d.herkunft %}<div class="blattort" id="tb-ort">{% if d.ort and status_speicher %}{{ t.ort[d.ort] }}{% endif %}</div>{% endif %}
</header>
<div class="kennzahlen">
  {# Tempo-Feld (24.10.2026, Variante A „Spiegel der Tonart“): eigene Vorlage, damit die fünf Fälle einzeln prüfbar sind #}
  {% include "kz_tempo.html" %}
  {#- Tonart nach der Vorgabe aus quelle.py (31.10.2026): Tags, sonst Rekordbox-Import, sonst gemessen – Quelle als Symbol am Wert (wq.html).
      Weichen Rekordbox und Messung ab, führt „anders“ zur Uneinigkeit. #}
  {%- from "wq.html" import wq -%}
  {#- Quellen je Feld (31.10.2026): mit Konto nach dessen Anzeige-Reihenfolge (quelle.titel_anzeige), sonst die Vorgabe -#}
  {%- set tq = qa.tonart if qa is defined and qa else tonart_quelle(abg.camelot, d.rekordbox.tonart if d.rekordbox else none, gem) -%}
  {%- set wahl = tq[0] if tq[1] in ('tags', 'rekordbox') else none %}
  {#- Tonart-Schreibweise (07.11.2026): der große Wert ist antippbar und klappt „Schreibweise: [7A] [12m] [Dm]“ auf (static/tonart.js) #}
  <div class="kz" data-tonart-ort>{% if wahl %}<b><button type="button" class="ts-tipp" data-tonart-tipp="{{ wahl }}" aria-expanded="false" title="{{ wahl | tonart_titel(sprache, tq[1] == 'tags') }}">{{ wahl | tonart }}</button></b><small>{{ wq(tq[1], 'tonart', t.wertquelle) }} <span data-tonart="{{ wahl }}" data-zusatz="{{ tq[1] }}">{{ b.kz.tonart_tags if tq[1] == 'tags' else b.kz.tonart }}</span></small>
    {%- if gem %}<small>{{ wq('gemessen', 'tonart', t.wertquelle) }} <span class="cam" style="{{ gem | camelot_stil }}" title="{{ gem | tonart_titel(sprache) }}">{{ gem | tonart }}</span>{% if tq[1] == 'rekordbox' and gem != wahl %} <a class="tpurteil anders" href="/bibliothek/uneinig" aria-label="{{ b.kz.urteil.anders }} – {{ b.kz.uneinig }}" title="{{ b.kz.uneinig }}">{{ b.kz.urteil.anders }}</a>{% endif %}</small>{% if sicher is not none %}<small>{{ b.kz.sicherheit }} {{ dez(sicher, 2) }}</small>{% endif %}{% endif %}
    {%- elif gem %}<b><button type="button" class="ts-tipp" data-tonart-tipp="{{ gem }}" aria-expanded="false" title="{{ gem | tonart_titel(sprache) }}">{{ gem | tonart }}</button></b><small>{{ wq('gemessen', 'tonart', t.wertquelle) }} <span data-tonart="{{ gem }}" data-zusatz="gemessen">{{ b.kz.tonart_gemessen }}</span></small>{% if sicher is not none %}<small>{{ b.kz.sicherheit }} {{ dez(sicher, 2) }}</small>{% endif %}
    {%- else %}<b>–</b><small>{{ b.kz.tonart }}</small>{% endif %}
    {#- Doppel-Tonart aus den Tags („9A/8A“, Mixed In Key, 07.11.2026): die erste gilt, die zweite steht als Uneinigkeit daneben -#}
    {%- set tdm = d.tags_datei if d.tags_datei is mapping else none %}
    {%- set zweit = tdm.tonart2 if (tdm and wahl and tq[1] == 'tags' and tdm.tonart == wahl) else (d.rekordbox.tonart2 if (d.rekordbox and wahl and tq[1] == 'rekordbox') else none) %}
    {%- if zweit %}<small><span class="tpurteil anders" title="{{ b.kz.mik.zweite_titel if tq[1] == 'tags' else b.kz.mik.zweite_rb }}">{{ b.kz.mik.zweite | replace('{k}', zweit | tonart) }}</span></small>{% endif %}
    {#- Rekordbox UND Tags (07.11.2026): widersprechen sich die Quellen, bleiben beide sichtbar – nichts wird still überschrieben; nur mit
        erkannter Quelle (ohne Rekordbox-Import oder ohne Tag-Tonart steht hier nichts) -#}
    {%- set rb_ton = d.rekordbox.tonart if d.rekordbox else none %}
    {%- set tag_ton = tdm.tonart if tdm else none %}
    {%- set andere = rb_ton if (tq[1] == 'tags' and rb_ton and rb_ton != wahl) else (tag_ton if (tq[1] == 'rekordbox' and tag_ton and tag_ton != wahl) else none) %}
    {%- if andere %}<small><a class="tpurteil anders" href="/bibliothek/uneinig?feld=tonart" title="{{ b.kz.mik.anders_titel }}">{{ (b.kz.mik.laut_rb if tq[1] == 'tags' else b.kz.mik.laut_tags) | replace('{k}', andere | tonart) }}</a></small>{% endif %}</div>
  <div class="kz kz-energie">{% if e_stufe is not none %}<b class="eplus e{{ e_stufe }}">{{ abg.energiestufe | energie_plus }}</b><small>{{ punkt('abgeleitet') }} {{ b.kz.energie }}</small>{{ energie_felder(abg.energiestufe, t) }}
    {%- else %}<b>–</b><small>{{ b.kz.energie }}</small>{% endif %}
    {#- Energie 1–10 von Mixed In Key aus den Tags (07.11.2026): eigener Herkunftswert, nie als o/+/++/+++ -#}
    {%- if tdm and tdm.energie %}<small class="kz-mik" title="{{ b.kz.mik.skala }}">{{ b.kz.mik.energie | replace('{n}', tdm.energie | string) }}</small>{% endif %}</div>
  <div class="kz"><b>{% if sek is not none %}{{ '%d:%02d' | format(sek // 60, sek % 60) }}{% else %}–{% endif %}</b><small>{{ b.kz.laenge }}</small></div>
</div>
{# Hüllen für titelblatt.js (data-ub: die Stellen, die TimbreTitelblatt.ueberblick füllt – dieselbe Funktion wie im Fly-in der Bibliothek). Ohne JavaScript (oder wenn das Skript scheitert) bleiben sie unsichtbar; dann stehen darunter die Rohwerte. #}
<div id="tb" hidden>
{# DJ-Profil oben (29.10.2026, Variante A): direkt unter Tonart und Tempo statt am Ende der Diagramme #}
<section class="ub-dj"><span class="djname">{{ punkt('modell') }}<h2>{{ b.bloecke.dj }}</h2></span><div class="djchips" id="tb-dj" data-ub="dj"></div></section>
<div class="ueberblick">
  <section class="diagrammkarte ub-genres"><div class="kartenkopf"><h2>{{ b.bloecke.genres }}</h2><span class="klein">{{ punkt('modell') }} {{ t.herkunft.modell[0] }}</span></div><div class="bziel" id="tb-genres" data-ub="genres"></div></section>
  <section class="diagrammkarte ub-netz"><div class="kartenkopf"><h2>{{ b.bloecke.netz }}</h2><span class="klein">{{ punkt('gemessen') }} {{ t.herkunft.gemessen[0] }}</span></div><div class="bziel" id="tb-netz" data-ub="netz"></div></section>
  <section class="diagrammkarte ub-aufbau"><div class="kartenkopf"><h2>{{ b.bloecke.aufbau }}</h2><span class="klein">{{ punkt('gemessen') }} {{ t.herkunft.gemessen[0] }}</span></div><div class="bziel" id="tb-aufbau" data-ub="aufbau"></div></section>
</div>
<div class="tiefe">
{% for kennung, name, hinweis, art in b.auf %}
<details class="aufklapp" id="tb-klapp-{{ kennung }}"><summary><span class="aktitel"><span class="akname">{{ punkt(art) }}<h2>{{ name }}</h2></span><small>{{ hinweis }}</small></span></summary><div class="bziel" id="tb-auf-{{ kennung }}"></div></details>
{% endfor %}
</div>
</div>
{# Rückfall: sichtbar, bis titelblatt.js die Diagramme gezeichnet hat. #}
<div id="tb-rueckfall">
<noscript><p class="hinweis klein">{{ b.ohne_js }}</p></noscript>
{% set quelle = {'signal': 'gemessen', 'abgeleitet': 'abgeleitet', 'semantik': 'modell', 'dj': 'modell', 'genre': 'modell'} %}
<div class="titelblatt">
{% for art, werte in m.items() if art != 'kurve' %}
  {# Genre: ganze Prozent aus kompakt.genre_prozente (genre_prozent, von der Route gerechnet) – dieselbe Rechnung wie in
     Liste, Mischbalken und Export. Ein Genre mit Wert, das dort fehlt, liegt unter einem halben Prozent. #}
  <h2>{{ art }}</h2>
  <dl class="werte">{% for k, v in werte.items() if not (art == 'signal' and k in ('camelot_gemessen_sicherheit', 'camelot_gemessen_version')) %}{% set e_roh = art == 'abgeleitet' and k == 'energiestufe' %}{% set name = t.energie if e_roh else (t.merkmal_namen[art ~ '|' ~ k] or k) %}<div><dt>{% if art in quelle %}{{ punkt(quelle[art]) }} {% endif %}{{ name }}</dt>
    {%- set cam_stil = v | camelot_stil if (art == 'abgeleitet' and k == 'camelot') or (art == 'signal' and k == 'camelot_gemessen') else '' %}
    <dd class="zahl">{% if cam_stil %}<span class="cam" style="{{ cam_stil }}" title="{{ v | tonart_titel(sprache, art == 'abgeleitet') }}">{{ v | tonart }}</span>{% elif v is none %}–{% elif e_roh %}{{ energie_felder(v, t) or '–' }}{% elif art == 'genre' and v is number and v > 0 and genre_prozent %}{% set proz = genre_prozent[k] | default(0) %}{{ '< 1' if proz == 0 else proz }} %{% else %}{{ v }}{% endif %}{% if art == 'signal' and k == 'camelot_gemessen' and werte.camelot_gemessen_sicherheit is number %} <small>{{ t.sicherheit }} {{ dez(werte.camelot_gemessen_sicherheit, 2) }}</small>{% endif %}</dd></div>{% endfor %}</dl>
{% else %}
  <p class="leer">{{ b.keine_rohwerte }}</p>
{% endfor %}
{% if m %}<p class="legende klein">{% for art in ('gemessen', 'abgeleitet', 'modell') %}<span><i class="herkunft {{ art }}" aria-hidden="true"></i>{{ t.herkunft[art][0] }}: {{ t.herkunft[art][1] }}</span>{% endfor %}</p>{% endif %}
</div>
</div><!-- /tb-rueckfall -->
</div>
<script type="application/json" id="t">{{ dict(b, herkunft=t.herkunft, ort=(t.ort if status_speicher else none), abspielen=t.player.abspielen, abspielen_an=abspielen_an) | tojson }}</script>
<script type="application/json" id="d">{{ d | tojson }}</script>
<script src="/static/diagramme.js" defer data-seite></script>
<script src="/static/titelblatt.js" defer data-seite></script>
{# Rekordbox-Import (23.10.2026): Cue-Streifen, Knopfreihe und Werte aus Rekordbox – nur, wenn es welche gibt. Cues im Konto
   (24.10.2026): Mit den Tabellen (d.cues nicht null) übernimmt cues.js Streifen und Knopfreihe, rekordbox_seite.js zeigt dann nur
   die persönlichen Werte. rekordbox.js liefert beiden die Rechnung (Fahnen, Pad-Buchstaben). #}
{% if d.rekordbox %}<script type="application/json" id="rk-titel-t">{{ t.rekordbox.titel | tojson }}</script>{% endif %}
{% if d.cues is not none %}<script type="application/json" id="cue-t">{{ t.cues | tojson }}</script>{% endif %}
{% if d.rekordbox or d.cues is not none %}<script src="/static/rekordbox.js" defer data-seite></script>{% endif %}
{% if d.rekordbox %}<script src="/static/rekordbox_seite.js" defer data-seite></script>{% endif %}
{% if d.cues is not none %}<script src="/static/cues.js" defer data-seite></script>{% endif %}
{% endblock %}