{% extends "basis.html" %}{% set x = t.qw %}{% block titel %}{{ x.titel }} – Timbre{% endblock %}{% block inhalt %}{% from "wq.html" import wq %}
{# Einstellung „Woher die Werte kommen“ (31.10.2026, quellen_wahl.py, Konzept docs/konzepte/2026-10-31-bpm-quellen.md Teil B,
   Variante B „Vorlage, dann Feinschliff“). Ein Formular, jeder Knopf eine Aktion – geht ohne Skript; nach dem Speichern springt
   die Seite zur Karte zurück und der gedrückte Knopf hat wieder den Fokus (autofocus). Image Schema: oben = zuerst/mehr.
   Quellen nur über die Symbole (Etikett, Platte, Messkurve) mit Kürzel, nie über Ampelformen. Ziele ≥ 44 px. #}
{% set e = qw.e %}{% set wt = t.wertquelle %}
{% macro knopf(aktion, klasse="", gedrueckt=none, aus=false, label=none) -%}
<button type="submit" name="aktion" value="{{ aktion }}"{% if klasse %} class="{{ klasse }}"{% endif %}{% if gedrueckt is not none %} aria-pressed="{{ 'true' if gedrueckt else 'false' }}"{% endif %}{% if label %} aria-label="{{ label }}" title="{{ label }}"{% endif %}{% if aus %} disabled{% endif %}{% if qw.fokus == aktion %} autofocus{% endif %}>{{ caller() }}</button>
{%- endmacro %}
<div class="raster schmal qw">
  <p class="qw-pfad"><a href="/einstellungen">{{ x.pfad }}</a> ›</p>
  <h1>{{ x.titel }}</h1>
  <p class="qw-lead">{{ x.lead }}</p>
  <p class="qw-ok" role="status">{% if qw.ok %}{{ x.gespeichert }}{% endif %}</p>
  {% if qw.beispiel %}<p class="qw-beispiel">{{ x.beispiel }} <b>{{ qw.beispiel.titel or t.blatt.ohne_titel }}</b>{% if qw.beispiel.interpret %} – {{ qw.beispiel.interpret }}{% endif %}</p>
  {% else %}<p class="qw-beispiel">{{ x.beispiel_leer }}</p>{% endif %}
  {# 08.11.2026 (Zweig konto-patch): mit Skript speichert jeder Knopf über PATCH /api/v1/konto (static/quellen_wahl.js – auch im
     App-Fenster, wo dieses POST nicht ankommt); ohne Skript wie bisher #}
  <form method="post" action="/einstellungen/quellen" data-ks-offline="{{ t.home.ut_offline }}" data-ks-nochmal="{{ t.home.ut_nochmal }}">
  <h2 class="qw-block" id="qw-vorlagen">{{ x.block_vorlage }}</h2>
  <div class="qw-vorlagen" role="group" aria-labelledby="qw-vorlagen">
    {% for v, kette in qw.vorlagen.items() %}{% call knopf("vorlage:" ~ v, "qw-vk", qw.vorlage == v) %}<i class="qw-led" aria-hidden="true"></i><b>{{ x.vorlagen[v][0] }}</b>{% if v == "tags" %}<span class="qw-vorgabe">{{ x.vorgabe }}</span>{% endif %}<small>{{ x.vorlagen[v][1] }}</small><span class="qw-kette" aria-hidden="true">{% for q in kette %}{{ wq(q, 'tonart', wt) }}{% if not loop.last %}<span class="qw-pfeil">›</span>{% endif %}{% endfor %}</span>{% endcall %}{% endfor %}
  </div>
  {% if qw.vorlage == "eigen" %}<p class="qw-eigen">{{ x.eigen }}</p>{% endif %}
  <h2 class="qw-block">{{ x.block_felder }}</h2>
  <div class="qw-felder">
  {% for fd in qw.felder %}{% set f = fd.k %}{% set name = x.felder[f][0] %}
    <details class="qw-fk" id="qw-{{ f }}"{% if fd.offen or (loop.first and not qw.ok) %} open{% endif %}>
      <summary><span><b>{{ name }}</b> <span class="qw-art">{{ x.felder[f][1] }}</span></span>
        <span class="qw-zus">{% for z in fd.reihe %}{{ wq(z.q, f, wt) }}{% if not loop.last %}<span class="qw-pfeil" aria-hidden="true">›</span>{% endif %}{% endfor %}{% if fd.dig %}<span class="qw-digkurz">· {{ x.dig_gruppe }}</span>{{ wq(fd.dig, f, wt) }}{% endif %}</span>
        <span class="qw-auf" aria-hidden="true">›</span></summary>
      <div class="qw-koerper">
        <p class="qw-hinweis">{{ x.reihe }}</p>
        <ol class="qw-rang" aria-label="{{ x.reihe_name | replace('{feld}', name) }}">
        {% for z in fd.reihe %}{% set qn = x.quellen[z.q] %}
          <li{% if loop.first %} class="qw-erst"{% endif %}><span class="qw-platz" aria-hidden="true">{{ loop.index }}</span>
            <span class="qw-q"><span aria-hidden="true">{{ wq(z.q, f, wt, kurz=false) }}</span><b>{{ qn }}</b></span>
            <span class="qw-w{% if z.wert is none %} qw-leer{% endif %}">{{ z.wert if z.wert is not none else x.kein_wert }}</span>
            <span class="qw-pf">{% call knopf("hoch:" ~ f ~ ":" ~ z.q, "knopf qw-mini", aus=loop.first, label=x.hoch | replace('{q}', qn)) %}↑{% endcall %}{% call knopf("runter:" ~ f ~ ":" ~ z.q, "knopf qw-mini", aus=loop.last, label=x.runter | replace('{q}', qn)) %}↓{% endcall %}</span></li>
        {% endfor %}
        </ol>
        {% if fd.tags_fehlen %}<p class="qw-hinweis">{{ x.tags_fehlen }}</p>{% endif %}
        {% if f == "bpm" %}<div class="qw-zeile">{% call knopf("halftime:" ~ ("aus" if e.halftime else "an"), "dj-taste", e.halftime) %}<i class="dj-led"></i>{{ x.an if e.halftime else x.aus }}{% endcall %}<span><b>{{ x.halftime }}</b><br><small class="qw-hinweis">{{ x.halftime_text }}</small></span></div>{% endif %}
        <div class="qw-zeile">{% call knopf("dig:" ~ f ~ ":" ~ ("aus" if fd.dig else "an"), "dj-taste", fd.dig is not none) %}<i class="dj-led"></i>{{ x.an if fd.dig else x.aus }}{% endcall %}<span>{{ x.dig_schalter }}</span></div>
        {% if fd.dig %}<div class="qw-dig" role="group" aria-label="{{ x.dig_gruppe }}">{% for z in fd.reihe %}{% call knopf("dig:" ~ f ~ ":" ~ z.q, "knopf", fd.dig == z.q) %}<span aria-hidden="true">{{ wq(z.q, f, wt) }}</span> {{ x.quellen[z.q] }}{% endcall %}{% endfor %}</div>{% endif %}
        {% set wo = x.wo_grid if f == "grid" else x.wo %}
        <p class="qw-satz">{{ x.satz | replace('{liste}', fd.namen | join(' › ')) }}
          <small>{{ (x.dig_an | replace('{q}', x.quellen[fd.dig]) if fd.dig else x.dig_aus) | replace('{wo}', wo) }}{% if f == "genre" %} {{ x.genre_baum }}{% endif %}{% if f in ("tonart", "bpm") %} {{ x.export }}{% endif %}</small></p>
        {% if fd.uneinig is not none %}<p class="qw-uneinig">{% if fd.uneinig == 0 %}{{ x.uneinig_null }}{% else %}<span class="qw-n">{{ x.uneinig_eins if fd.uneinig == 1 else x.uneinig | replace('{n}', fd.uneinig | string) }}</span> <a href="/bibliothek/uneinig?feld={{ f }}">{{ x.uneinig_link }}</a>{% endif %}</p>{% endif %}
      </div>
    </details>
  {% endfor %}
  </div>
  </form>
  <p class="qw-fuss">{{ x.fuss }} <a href="/einstellungen">{{ x.zurueck }}</a></p>
</div>
<script type="application/json" id="qw-daten">{{ qw.js | tojson }}</script>
<script src="/static/quellen_wahl.js" defer data-seite></script>
{% endblock %}