Harlekin/CC-Manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Offene Vorschauen sichtbar machen und doppelt aufnehmen verhindern

Browse Source 
Der Abgleich bucht bewusst nichts, sondern legt eine Vorschau zur Bestaetigung
an. Nur fuehrte von dort kein Weg weiter: die Import-Seite zeigte allein den
Datei-Upload, und die Rueckmeldung sagte lediglich "abgeglichen". Die
gefundenen Pakete lagen damit unsichtbar herum und der Knopf wirkte, als tue
er nichts.

Die Import-Seite listet jetzt alle Importe, die noch auf Bestaetigung warten,
und oeffnet sie in derselben Vorschau wie einen frischen Upload. Die Meldung
nach dem Abgleich nennt die Zahl der Funde und den naechsten Schritt.

Ausserdem beruecksichtigt der Abgleich jetzt offene Vorschauen: bisher pruefte
er nur gegen bereits gebuchte Pakete. Ein zweiter Lauf legte dieselben Zeilen
deshalb ein weiteres Mal an, und beim Buchen kollidierten beide Importe an der
eindeutigen Bestell-ID - der zweite schlug komplett fehl.
This commit is contained in:
Harlekin
2026-09-18 17:12:06 +02:00
parent 724f68644b
commit 6b49b34eef
6 changed files with 222 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/lib/types.ts
+1
View File
@@ -75,6 +75,7 @@ export interface ScrapeSummary {
failedPlayers: { steamId: string; reason: string }[];
newRows: number;
duplicates: number;
awaitingConfirmation: number;
unclear: number;
usageCounters: number;
}
web/src/pages/Dashboard.tsx
+12 -2
View File
@@ -63,11 +63,21 @@ export default function Dashboard() {
try {
const result = await api<ScrapeSummary>('/api/scrape/run', { method: 'POST', body: {} });
const parts = [`${result.scannedPlayers} Profile geprüft`];
if (result.newRows > 0) parts.push(`${result.newRows} neue Pakete zur Bestätigung`);
if (result.newRows > 0) parts.push(`${result.newRows} neue Pakete gefunden`);
if (result.awaitingConfirmation > 0) {
parts.push(`${result.awaitingConfirmation} warten schon`);
}
if (result.unclear > 0) parts.push(`${result.unclear} ungeklärt`);
if (result.duplicates > 0) parts.push(`${result.duplicates} schon gebucht`);
if (result.failedPlayers.length > 0) parts.push(`${result.failedPlayers.length} nicht erreichbar`);
setSyncResult(parts.join(', ') + '.');
const offen = result.newRows + result.awaitingConfirmation;
setSyncResult(
parts.join(', ') +
(offen > 0
? '. Unter Import bestätigen, damit die Guthaben entstehen.'
: '.'),
);
await Promise.all([load(query), loadFlagged()]);
} catch (err) {
setError(err instanceof ApiError ? err.message : 'Abgleich fehlgeschlagen');
web/src/pages/Import.tsx
+77 -1
View File
@@ -1,4 +1,4 @@
import { useState } from 'react';
import { useCallback, useEffect, useState } from 'react';
import Notice from '../components/Notice';
import { ApiError, api, uploadFile } from '../lib/api';
import { PLAN_LABEL, formatDate } from '../lib/format';
@@ -62,12 +62,53 @@ export default function Import() {
const [error, setError] = useState<string | null>(null);
const [flash, setFlash] = useState<string | null>(null);
const [busy, setBusy] = useState(false);
const [open, setOpen] = useState<ImportRecord[]>([]);
const loadOpen = useCallback(async () => {
try {
const result = await api<{ items: ImportRecord[] }>('/api/imports');
setOpen(result.items.filter((entry) => entry.status === 'PENDING'));
} catch {
// Die Liste ist Beiwerk; ein Fehler hier darf den Upload nicht blockieren.
}
}, []);
useEffect(() => {
void loadOpen();
}, [loadOpen]);
const reset = () => {
setUpload(null);
setPreview(null);
setMapping(EMPTY_MAPPING);
setError(null);
void loadOpen();
};
/** Einen bereits angelegten Import (etwa aus dem GExtension-Abgleich) oeffnen. */
const openExisting = async (record: ImportRecord) => {
setBusy(true);
setError(null);
try {
const full = await api<ImportRecord>(`/api/imports/${record.id}`);
const rows = full.rows ?? [];
const summary = {
BOOK: 0,
CREATE_PLAYER_AND_BOOK: 0,
SKIP_DUPLICATE: 0,
SKIP_IGNORED: 0,
SKIP_UNMAPPED: 0,
SKIP_NO_PLAYER: 0,
} as Record<ImportPlan, number>;
for (const row of rows) summary[row.plan] += 1;
setUpload({ importId: full.id, columns: [], rowCount: full.rowCount, sample: [] });
setPreview({ summary, import: full });
} catch (err) {
setError(err instanceof ApiError ? err.message : 'Import konnte nicht geoeffnet werden');
} finally {
setBusy(false);
}
};
const handleUpload = async (file: File) => {
@@ -154,6 +195,41 @@ export default function Import() {
{error && <Notice kind="error" onDismiss={() => setError(null)}>{error}</Notice>}
{flash && <Notice kind="success" onDismiss={() => setFlash(null)}>{flash}</Notice>}
{!upload && open.length > 0 && (
<section className="block block-flag">
<h2>Wartet auf Bestätigung ({open.length})</h2>
<Notice kind="warn">
Diese Importe sind angelegt, aber noch nicht gebucht. Der GExtension-Abgleich landet
ebenfalls hier — erst nach dem Bestätigen entstehen Guthaben.
</Notice>
<ul className="cc-list">
{open.map((record) => (
<li key={record.id} className="cc-item">
<div>
<strong>{record.filename}</strong>
<p className="muted small">
{record.rowCount} {record.rowCount === 1 ? 'Zeile' : 'Zeilen'} · angelegt{' '}
{formatDate(record.createdAt)}
{record.importedBy && ` von ${record.importedBy.username}`}
</p>
</div>
<div className="cc-actions">
<button
type="button"
className="btn btn-small btn-primary"
disabled={busy}
onClick={() => void openExisting(record)}
>
Öffnen
</button>
</div>
</li>
))}
</ul>
</section>
)}
{!upload && (
<section className="block">
<Notice kind="info">
web/src/pages/PlayerDetail.tsx
+47 -10
View File
@@ -7,7 +7,13 @@ import Notice from '../components/Notice';
import { ApiError, api } from '../lib/api';
import { KIND_LABEL, REASON_LABEL, SOURCE_LABEL, formatAmount, formatDate } from '../lib/format';
import { useSession } from '../lib/session';
import type { Character, CreditKind, LedgerEntry, PlayerDetail as Detail } from '../lib/types';
import type {
Character,
CreditKind,
LedgerEntry,
PlayerDetail as Detail,
ScrapeSummary,
} from '../lib/types';
type DialogState =
| { type: 'none' }
@@ -61,6 +67,45 @@ export default function PlayerDetail() {
}
};
// Der Abgleich bucht nichts, er legt eine Vorschau an. Das muss die Meldung
// auch sagen, sonst wirkt der Knopf wirkungslos.
const syncFromGextension = async () => {
setBusy(true);
setError(null);
try {
const result = await api<ScrapeSummary>(`/api/scrape/player/${playerId}`, {
method: 'POST',
body: {},
});
await load();
if (result.newRows > 0) {
setFlash(
`${result.newRows} ${result.newRows === 1 ? 'Paket' : 'Pakete'} gefunden. ` +
'Unter Import bestätigen, damit die Guthaben entstehen.',
);
} else if (result.awaitingConfirmation > 0) {
setFlash(
`${result.awaitingConfirmation} ${result.awaitingConfirmation === 1 ? 'Paket wartet' : 'Pakete warten'} ` +
'bereits unter Import auf Bestätigung.',
);
} else if (result.unclear > 0) {
setFlash(`${result.unclear} unklare Einträge — siehe Kasten oben.`);
} else if (result.duplicates > 0) {
setFlash('Nichts Neues — alle Pakete sind bereits gebucht.');
} else if (result.failedPlayers.length > 0) {
setError(`Profil nicht abrufbar: ${result.failedPlayers[0]?.reason ?? 'unbekannt'}`);
} else {
setFlash('Keine CC-relevanten Pakete im Profil gefunden.');
}
window.setTimeout(() => setFlash(null), 8000);
} catch (err) {
setError(err instanceof ApiError ? err.message : 'Abgleich fehlgeschlagen');
} finally {
setBusy(false);
}
};
if (loading) return <p className="muted">Lade …</p>;
if (!detail) return <Notice kind="error">{error ?? 'Spieler nicht gefunden'}</Notice>;
@@ -162,15 +207,7 @@ export default function PlayerDetail() {
className="btn"
disabled={busy}
title="Pakete dieses Spielers von GExtension abrufen"
onClick={() =>
void run(async () => {
const result = await api<{ newRows: number; unclear: number }>(
`/api/scrape/player/${playerId}`,
{ method: 'POST', body: {} },
);
return result;
}, 'GExtension abgeglichen.')
}
onClick={() => void syncFromGextension()}
>
GExtension abgleichen
</button>