{% extends "basis.html" %}{% set r = t.regal %}{% block titel %}{{ r.name }} – Timbre{% endblock %}{% block kopf %}<link rel="stylesheet" href="/static/plattenregal.css">{% endblock %}{% block koerperklasse %} class="breit"{% endblock %}{% block hauptklasse %} class="breit pr-main"{% endblock %}{% block inhalt %}
{# Plattenregal B „Library mit Vinyl-Zeilen“ (10.11.2026, timbre_api/platten_web.py): dieselben Spalten wie die Library, dazu Medium,
   Fach und Tiefe. Ganz ohne Skript – Filter sind Links. Die Zeilen stehen auch in der Library selbst (Kennung platte:…). #}
{% set ez = {"o": 0, "+": 1, "++": 2, "+++": 3} %}{% import "herkunft.html" as hm with context %}
{% macro mit(muster, werte) %}{% set ns = namespace(s=muster) %}{% for k, v in werte.items() %}{% set ns.s = ns.s | replace("{" ~ k ~ "}", v | string) %}{% endfor %}{{ ns.s }}{% endmacro %}
<header class="pr-kopf">
  {# Variante C (10.11.2026): das Regal ist eine Ansicht der Library – derselbe Umschalter Liste · Regal · Genres wie dort #}
  {% if menue_c %}{% import "menue.html" as mk with context %}{{ mk.ansicht("regal") }}
  {% else %}<nav class="xp-lib pr-umschalter" aria-label="{{ r.name }}"><a href="/bibliothek">{{ r.in_library }}</a><a href="/regal" aria-current="true">{{ r.name }}</a></nav>{% endif %}
  <h1 class="pr-titel">{{ r.name }}</h1>
  <p class="leise pr-satz">{{ r.regal_satz }}</p>
  <p class="pr-knoepfe"><a class="knopf voll" href="/regal/einlesen">{{ r.einlesen_knopf }}</a>{% if not store_app %}<a class="knopf" href="/regal/einlesen?stapel=1">{{ r.stapel_knopf }}</a>{% endif %}{% if regal.platten %}<a class="knopf" href="/regal/etiketten">{{ r.etiketten }}</a>{% endif %}</p>
</header>
{% if not regal.platten %}
<p class="hinweis pr-leer">{{ r.leer }}</p>
{% else %}
<p class="klein leise" role="status">{# Einzahl/Mehrzahl je Teil (13.11.2026): „1 Platte · 1 Track“ #}{{ r.anzahl_p1 if regal.anzahl == 1 else mit(r.anzahl_p, {"n": regal.anzahl}) }} · {{ r.anzahl_t1 if gesamt == 1 else mit(r.anzahl_t, {"n": gesamt}) }}</p>
<nav class="pr-filter" aria-label="{{ r.filter_fach }}">
  <a class="chip" href="/regal"{% if not wahl_tiefe and not wahl_fach %} aria-current="true"{% endif %}>{{ r.filter_alle }} · {{ gesamt }}</a>
  <a class="chip" href="/regal?tiefe=live"{% if wahl_tiefe == 'live' %} aria-current="true"{% endif %}>○ {{ r.filter_live }} · {{ zaehlung.live }}</a>
  <a class="chip" href="/regal?tiefe=offen"{% if wahl_tiefe == 'offen' %} aria-current="true"{% endif %}>{{ r.filter_offen }} · {{ zaehlung.offen }}</a>
  <form class="pr-fachwahl" method="get" action="/regal"><label class="klein" for="pr-fach">{{ r.filter_fach }}</label>
    <select id="pr-fach" name="fach"><option value="">{{ r.alle_faecher }}</option>{% for f in faecher %}<option value="{{ f.regal }}{{ f.fach }}"{% if wahl_fach == f.regal ~ f.fach %} selected{% endif %}>{{ f.text }}</option>{% endfor %}</select>
    <button type="submit" class="chip">{{ r.filter_anwenden }}</button></form>
</nav>
<div class="tabelle pr-tabelle">
<table>
  <thead><tr><th scope="col">{{ r.spalte_track }}</th><th scope="col" class="pr-zahl">{{ r.spalte_bpm }}</th><th scope="col">{{ r.spalte_key }}</th><th scope="col">{{ r.spalte_energie }}</th><th scope="col">{{ r.spalte_fach }}</th><th scope="col">{{ r.spalte_tiefe }}</th></tr></thead>
  <tbody>{% for z in zeilen %}{% set p = z.p %}{% set tr = z.t %}
    <tr class="pr-zeile" data-tiefe="{{ tr.tiefe }}">
      <td><span class="pr-medium" role="img" aria-label="{{ r.medium_vinyl }}" title="{{ r.medium_vinyl }}"><i class="pr-flaeche f{{ p.farbe }}" aria-hidden="true"></i></span>
        <span class="pr-name"><a href="/titel/{{ tr.titel_id }}">{{ tr.artist or p.artist or "" }}{% if tr.artist or p.artist %} – {% endif %}{{ tr.titel }}</a>
        <small><a href="/regal/einlesen?platte={{ p.id }}">{{ p.titel }}</a> · {{ tr.position }}{% if p.rpm %} · {{ p.rpm }}{% endif %}</small>
        {%- if z.herkunft %}<span class="pr-herkunft">{{ hm.marke(z.herkunft, schmal=true) }}</span>{% endif %}</span></td>
      <td class="zahl pr-zahl">{{ tr.bpm if tr.bpm else "–" }}</td>
      <td class="mono">{{ tr.open_key or "–" }}</td>
      <td>{% if tr.energie %}<span class="eplus e{{ ez[tr.energie] }}">{{ tr.energie }}</span>{% else %}<span class="leise">–</span>{% endif %}</td>
      <td><span class="pr-fach" title="{{ p.fach.text }}">{{ p.fach.kurz }}</span></td>
      <td><span class="pr-tiefe" data-tiefe="{{ tr.tiefe }}">{% if tr.zeichen %}<span aria-hidden="true">{{ tr.zeichen }}</span> {% endif %}{{ r.tiefe[tr.tiefe] }}{% if tr.ueber %} · {{ r.ueber[tr.ueber] }}{% endif %}</span>{% if tr.kandidaten %}<small class="pr-kandidaten-hinweis">{{ r.bestaetigen_kurz | replace("{n}", tr.kandidaten | length) }}</small>{% endif %}</td>
    </tr>{% endfor %}
  </tbody>
</table>
</div>
{% if zaehlung.live %}<p class="klein leise pr-rip">○ {{ r.rip_hinweis }}</p>{% endif %}
{% endif %}
<section class="pr-koffer-wahl" aria-labelledby="pr-koffer-h">
  <h2 id="pr-koffer-h">{{ r.koffer }}</h2>
  <p class="leise">{{ r.koffer_satz }}</p>
  {% if listen %}<ul class="pr-listen">{% for l in listen %}<li><a class="chip" href="/regal/koffer/{{ l.id }}">{{ l.name }} <small>{{ l.anzahl }}</small></a></li>{% endfor %}</ul>
  {% else %}<p class="klein leise">{{ r.koffer_keine }}</p>{% endif %}
</section>
{% endblock %}