HitonabiandClaude Fable 5.1
3dc6798c79
Commander-Wünsche vom 02.09.2026 vor der Freigabe von 5.4.0 (die deshalb nie veröffentlicht wurde): Kern: kern/index.ts ist nur noch Bootstrap und Router; Dienste in kern/dienste/ (Einstellungen, Werkzeuge, Laufwerke, Erkennung, Vorgänge, Speicher, Benachrichtigung, Automatik), Kontext in kern/kontext.ts, Protokoll-Datei in gemeinsam/protokoll.ts, Platz-Rechnung in gemeinsam/platz.ts. Oberfläche: fenster/App.tsx ist nur noch der Rahmen; bausteine.tsx, dialoge/, uebersicht/ (LaufwerkKachel, KompressionsKarte, SpeicherKarte, VerlaufKarte), einstellungen/ (Karten je Funktion, SprachAuswahl), einrichtung/ (ErstEinrichtung, PosterHintergrund). Neu: Bibliothek weg, dafür Verlauf; Speicher-und-Bilanz-Karte (statfs); LED-Fußleiste; MakeMKV-Kopf in die Einstellungen; Sprach-Chips mit Dropdown statt Allgemeinem Preset; Karten Automatik/Benachrichtigung/Allgemein/Update; Durchsuchen bei Werkzeugen; Arbeitsordner lokal (Encode dort, dann in die Ablage); Platz-Prüfung vor dem Rip (Dialog und Kern); Automatik mit Countdown; Serien-Merker über Discs; Rettungs-Abbild mit Nullen nur nach gesehenen Lesefehlern (kern/rip/rettung.ts, Phase rettet, iso:-Quelle); Warteschlange pausieren; Discord/Telegram-Benachrichtigung; Protokoll-Datei je Tag; Fensterlage 80 % mittig, gemerkt; Erst-Einrichtung in acht Schritten vor dem Poster-Grid. Beweise: 413 Tests (neu: speicher, benachrichtigung, automatik, rettung, fensterlage, protokoll, kleinkram-550), drei Typprüfungen, Klick-Beweis mit 29 Schritten inklusive Erst-Einrichtung (zweiter Start mit RIPPY_START_BEREICH=einrichtung), Bilder beweise/klick/01…09. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
69 lines
2.9 KiB
TypeScript
69 lines
2.9 KiB
TypeScript
// Die Sprach-Auswahl (5.5.0, Commander: „bei Tonspuren und Untertiteln
|
||
// können Dropdowns hin") — gewählte Sprachen als Chips in Wunschreihenfolge,
|
||
// dazu ein Dropdown zum Hinzufügen. Die erste Tonsprache ist die
|
||
// Wunschsprache (auftrag.ts sprachwahl). Leer heißt „alle".
|
||
import { SPRACHEN, sprachName, sprachlisteAus, sprachlisteText } from '../../gemeinsam/sprachen'
|
||
|
||
export function SprachAuswahl({
|
||
name,
|
||
hinweis,
|
||
wert,
|
||
aufAendern,
|
||
}: {
|
||
name: string
|
||
hinweis: string
|
||
wert: string
|
||
aufAendern: (wert: string) => void
|
||
}) {
|
||
const gewaehlt = sprachlisteAus(wert)
|
||
const frei = SPRACHEN.filter((s) => !gewaehlt.includes(s.code))
|
||
const setzen = (codes: string[]): void => aufAendern(sprachlisteText(codes))
|
||
const verschieben = (code: string, richtung: -1 | 1): void => {
|
||
const i = gewaehlt.indexOf(code)
|
||
const j = i + richtung
|
||
if (i < 0 || j < 0 || j >= gewaehlt.length) return
|
||
const neu = [...gewaehlt]
|
||
;[neu[i], neu[j]] = [neu[j], neu[i]]
|
||
setzen(neu)
|
||
}
|
||
return (
|
||
<div>
|
||
<span className="text-xs font-semibold text-dunst">{name}</span>
|
||
<span className="ml-2 text-xs text-nebel">{hinweis}</span>
|
||
<div className="mt-1 flex min-h-[38px] flex-wrap items-center gap-1.5 rounded-lg border border-white/12 bg-samt px-2 py-1.5">
|
||
{gewaehlt.length === 0 && <span className="font-mono text-[11px] text-nebel">alle Sprachen der Disc</span>}
|
||
{gewaehlt.map((code, i) => (
|
||
<span key={code} className="inline-flex items-center gap-1 rounded-md border border-gold/40 bg-gold/12 px-2 py-0.5 text-[11px] text-gold-hell">
|
||
<span className="font-mono text-[10px] text-gold/70">{i + 1}.</span>
|
||
<span>{sprachName(code)}</span>
|
||
<span className="font-mono text-[10px] text-nebel">{code}</span>
|
||
<button type="button" onClick={() => verschieben(code, -1)} disabled={i === 0} className="ml-1 text-nebel hover:text-schnee disabled:opacity-30" title="nach vorn">
|
||
‹
|
||
</button>
|
||
<button type="button" onClick={() => verschieben(code, 1)} disabled={i === gewaehlt.length - 1} className="text-nebel hover:text-schnee disabled:opacity-30" title="nach hinten">
|
||
›
|
||
</button>
|
||
<button type="button" onClick={() => setzen(gewaehlt.filter((c) => c !== code))} className="ml-0.5 text-nebel hover:text-rot" title="entfernen">
|
||
×
|
||
</button>
|
||
</span>
|
||
))}
|
||
<select
|
||
value=""
|
||
onChange={(e) => {
|
||
if (e.target.value.length > 0) setzen([...gewaehlt, e.target.value])
|
||
}}
|
||
className="ml-auto rounded-md border border-white/12 bg-buehne px-2 py-1 font-mono text-[11px] text-dunst"
|
||
>
|
||
<option value="">+ Sprache …</option>
|
||
{frei.map((s) => (
|
||
<option key={s.code} value={s.code}>
|
||
{s.name} ({s.code})
|
||
</option>
|
||
))}
|
||
</select>
|
||
</div>
|
||
</div>
|
||
)
|
||
}
|