HitonabiandClaude Fable 5.1
f5dab5d1c1
Die sechs Punkte des Commanders vom 02.09.2026 abends und seine Entscheide:
* Restzeit der Kompression aus HandBrakes eigener ETA-Klammer (Formatstring
aus dem Binary 1.11.2 gelesen), KompressionStand.restS.
* Kachel zeigt nach dem Rip nur noch eine Zeile — Balken, Prozent, Ziel in
der Kompressions-Karte und im Verlauf ("nur in der Kompressions-Karte").
* Kopfzeile bleibt beim Scrollen stehen (sticky), Sektionswahl darunter.
* Untertitel-Vorwahl je Extra ("NUR für Extras, IMMER OPTIONAL"): welche
Untertitel-Spur beim Abspielen an ist — weiche Spur, nie eingebrannt;
RipAuftragTitel/RohDatei.untertitelVorwahl, sprachwahl.
* Mehrere Filme je Disc: "anderer Film …" je Titel mit TMDb-Suche;
filme.ts filmGruppen trennt am Rip-Ende in eigene Roh-Ordner, Vorgänge
und Kompressions-Aufträge mit voller Zuordnung (erkennung.zuordnungAus).
* Roh-Ordner und Dateien tragen den Filmnamen (filme.ts rohOrdnerName,
ablage/dateinamen.ts: Akira (1988).mkv, - Fassung n, - Extra nn).
* Hell-Modus: Einstellung design (dunkel/hell/system), data-design auf
<html>, Token --color-tinte statt white/-Alpha-Klassen.
* Vorgangs-Leiste (Commander: "Phase 1–4 plus Komprimierung — zu einem
machen"): gemeinsam/vorgangsleiste.ts + uebersicht/VorgangsLeiste.tsx,
vier Stationen (Rettung als Zwischenstation), Segment-Balken in der
aktiven Station; Kachel, Kompressions-Karte, Verlauf. PHASE-x/4-Texte weg.
* Automatik-Kasten leert sich, sobald ein Rip startet.
Beweise: 446 Tests (neu: filme, dateinamen, vorgangsleiste; erweitert:
auftrag, handbrake, automatik, ablegen), drei Typprüfungen, Klick-Beweis
33 Schritte inkl. Vorwahl, anderer Film, Vorgangs-Leiste, Restzeit,
Hell-Modus (Bilder beweise/klick/01…11).
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
65 lines
2.9 KiB
TypeScript
65 lines
2.9 KiB
TypeScript
// Der Verlauf (5.5.0) — die letzten Vorgänge auf einen Blick, statt der
|
|
// Bibliothek (Commander: „Brauchen wir die wirklich?" — nein: Jellyfin IST
|
|
// die Bibliothek; die Wiedererkennung braucht keine Ansicht).
|
|
import type { GeraeteInfo, VorgangEintrag } from '../../gemeinsam/nachrichten'
|
|
import { leisteAusVorgang } from '../../gemeinsam/vorgangsleiste'
|
|
import { Badge, TYP_NAMEN, datumKurz, gb } from '../bausteine'
|
|
import { VorgangsLeiste } from './VorgangsLeiste'
|
|
|
|
const PHASEN_TEXT: Record<VorgangEintrag['phase'], string> = {
|
|
rippt: 'rippt',
|
|
wartet: 'wartet',
|
|
komprimiert: 'komprimiert',
|
|
'legt-ab': 'legt ab',
|
|
fertig: 'fertig',
|
|
fehler: 'Fehler',
|
|
abgebrochen: 'abgebrochen',
|
|
}
|
|
|
|
export function phasenTon(p: VorgangEintrag['phase']): 'gruen' | 'gelb' | 'blau' | 'grau' {
|
|
return p === 'fertig' ? 'gruen' : p === 'fehler' || p === 'abgebrochen' ? 'gelb' : p === 'wartet' ? 'grau' : 'blau'
|
|
}
|
|
|
|
export function VerlaufKarte({ vorgaenge, aufAlle }: { vorgaenge: VorgangEintrag[]; aufAlle: () => void }) {
|
|
if (vorgaenge.length === 0) return null
|
|
const letzte = vorgaenge.slice(0, 6)
|
|
return (
|
|
<div className="rounded-2xl border border-tinte/10 bg-karte/50 p-5">
|
|
<div className="flex items-center gap-2.5 font-mono text-[10.5px] tracking-[0.12em] text-nebel">
|
|
<span className="text-dunst">VERLAUF</span>
|
|
<span>·</span>
|
|
<span>die letzten {letzte.length} Vorgänge</span>
|
|
<button onClick={aufAlle} className="ml-auto font-mono text-[10.5px] text-nebel hover:text-dunst">
|
|
alle unter Roh-Dateien →
|
|
</button>
|
|
</div>
|
|
<div className="mt-3 space-y-1">
|
|
{letzte.map((v) => (
|
|
<div key={v.id} className="flex flex-wrap items-center gap-x-3 gap-y-1 rounded-lg border border-tinte/8 bg-samt/40 px-3 py-2">
|
|
<span className="min-w-0 flex-1 truncate font-display text-[14px] font-bold text-schnee" title={v.titel}>
|
|
{v.titel}
|
|
{v.jahr !== null && <span className="ml-1 font-medium text-dunst">({v.jahr})</span>}
|
|
</span>
|
|
<VorgangsLeiste stand={leisteAusVorgang(v)} kompakt />
|
|
<Badge text={PHASEN_TEXT[v.phase]} ton={phasenTon(v.phase)} />
|
|
<span className="font-mono text-[10.5px] text-nebel">
|
|
{(TYP_NAMEN[v.typ as GeraeteInfo['typ']] ?? v.typ).toUpperCase()} · {datumKurz(v.begonnen)}
|
|
{v.phase === 'fertig' && v.fertigBytes > 0 && ` · ${gb(v.fertigBytes)}`}
|
|
{!v.rohGeloescht && v.rohBytes > 0 && ` · Roh ${gb(v.rohBytes)}`}
|
|
</span>
|
|
{v.phase === 'fertig' && v.zielOrdner.length > 0 && (
|
|
<button
|
|
onClick={() => void window.rippy.ordnerOeffnen(v.zielOrdner)}
|
|
className="font-mono text-[10.5px] text-nebel hover:text-dunst"
|
|
title={v.zielOrdner}
|
|
>
|
|
Ordner öffnen
|
|
</button>
|
|
)}
|
|
</div>
|
|
))}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|