feat: Der Soll-Betrag kann sich aus den Vertraegen rechnen
Die Vertraege standen bisher nur auf ihrer eigenen Seite. Im Budget sah man
nichts davon – man musste selbst nachrechnen, was fest gebunden ist, und beim
naechsten Preisaufschlag noch einmal.
Jetzt hat jede Kategorie zwei Betriebsarten, umschaltbar ueber ein Sigma neben
dem Eingabefeld:
fest eine Zahl, die man hinschreibt. Wie bisher.
berechnet Summe der Vertraege dieser Kategorie plus einem Zuschlag.
Der Zuschlag ist der Punkt. Wer fuer Streaming 62 plant, weil 42 gebunden sind
und 20 Luft sein sollen, muss beim naechsten Preisaufschlag nicht nachrechnen
– und verliert seine 20 dabei auch nicht. Unter der Zeile steht die Rechnung
offen, sonst stuende im Feld eine Zahl, die nicht der Soll-Betrag ist.
Das gilt fuer JEDE Kategorie, nicht nur fuer eine Abo-Kategorie: Ein
Handyvertrag liegt in "Telefon & Internet", und die rechnet sich genauso.
Auch auf "fest" steht der Hinweis da ("davon 16.84 fest gebunden") – sonst
sieht man nie, was einen schon bindet.
Zwei Dinge, die sonst still danebengingen, melden sich jetzt oben auf der
Seite: Vertraege OHNE Kategorie (ihr Geld fehlt im Budget, ohne dass irgendwo
steht, dass es fehlt) und Waehrungen ohne Kurs.
Gerechnet wird in effective_planned – der einen Stelle, aus der Budget-Seite
UND Dashboard ihr Soll beziehen. Damit koennen die beiden gar nicht erst
auseinanderlaufen.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Scarriffle
co-authored by
Claude Opus 5
Claude Opus 5
parent
26718b1301
commit
ab5d18e0d0
@@ -103,6 +103,21 @@ export default function Budget() {
|
||||
catch (err) { toast(err.message, "error"); }
|
||||
}
|
||||
|
||||
// Betriebsart umschalten. Beim Wechsel auf "berechnet" wandert der bisherige
|
||||
// Soll-Betrag NICHT in den Zuschlag: Er steckt ja groesstenteils schon in den
|
||||
// Vertraegen, und ihn zu addieren verdoppelte sie stillschweigend.
|
||||
async function saveModus(lbl, c, modus) {
|
||||
const zuschlag = modus === "berechnet" ? c.zuschlag_cents : 0;
|
||||
try {
|
||||
replaceView(await api.setMonthModus(lbl, c.category_id, modus, zuschlag));
|
||||
} catch (err) { toast(err.message, "error"); }
|
||||
}
|
||||
async function saveZuschlag(lbl, c, cents) {
|
||||
try {
|
||||
replaceView(await api.setMonthModus(lbl, c.category_id, "berechnet", cents));
|
||||
} catch (err) { toast(err.message, "error"); }
|
||||
}
|
||||
|
||||
async function saveTemplate(catId, cents) {
|
||||
try { await api.setTemplateCategory(catId, cents); loadTemplate(); } catch (err) { toast(err.message, "error"); }
|
||||
}
|
||||
@@ -156,6 +171,24 @@ export default function Budget() {
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Was sich nicht zuordnen liess. Ohne diesen Hinweis fehlt das Geld
|
||||
im Budget, ohne dass irgendwo steht, dass es fehlt. */}
|
||||
{v.vertraege?.ohne_kategorie_anzahl > 0 && (
|
||||
<p className="muted warn small budget-hinweis">
|
||||
{t("budget.contractsWithoutCategory", {
|
||||
count: v.vertraege.ohne_kategorie_anzahl,
|
||||
betrag: fmt(v.vertraege.ohne_kategorie_cents),
|
||||
})}
|
||||
</p>
|
||||
)}
|
||||
{v.vertraege?.ohne_kurs?.length > 0 && (
|
||||
<p className="muted warn small budget-hinweis">
|
||||
{t("budget.contractsWithoutRate", {
|
||||
waehrungen: v.vertraege.ohne_kurs.join(", "),
|
||||
})}
|
||||
</p>
|
||||
)}
|
||||
|
||||
{v.groups.map((g) => (
|
||||
<div className="budget-group" key={g.id}>
|
||||
<div className="budget-group-head">
|
||||
@@ -165,14 +198,52 @@ export default function Budget() {
|
||||
<span className="muted small"> / {fmt(g.planned_cents)}</span>
|
||||
</div>
|
||||
<ProgressBar actual={g.actual_cents} planned={g.planned_cents} over={g.over} />
|
||||
{g.categories.map((c) => (
|
||||
<div className="budget-crow" key={c.category_id}>
|
||||
<IconChip name={c.icon} color={c.color} size={20} />
|
||||
<span className="grow ellipsis">{c.name}</span>
|
||||
<span className={`amount small ${c.over && !c.good ? "neg" : "muted"}`}>{fmt(c.actual_cents)}</span>
|
||||
<EditableAmount cents={c.planned_cents} onSave={(cents) => saveMonth(v.label, c.category_id, cents)} />
|
||||
{g.categories.map((c) => {
|
||||
const berechnet = c.modus === "berechnet";
|
||||
return (
|
||||
<div key={c.category_id}>
|
||||
<div className="budget-crow">
|
||||
<IconChip name={c.icon} color={c.color} size={20} />
|
||||
<span className="grow ellipsis">{c.name}</span>
|
||||
<span className={`amount small ${c.over && !c.good ? "neg" : "muted"}`}>{fmt(c.actual_cents)}</span>
|
||||
{/* Der Schalter steht nur da, wo es etwas zu rechnen gibt –
|
||||
bei einer Kategorie ohne Vertraege waere er ein Angebot,
|
||||
das nichts tut. */}
|
||||
{(c.vertraege_anzahl > 0 || berechnet) && (
|
||||
<button type="button"
|
||||
className={`btn-sigma${berechnet ? " an" : ""}`}
|
||||
title={t(berechnet ? "budget.modusFest" : "budget.modusBerechnet")}
|
||||
onClick={() => saveModus(v.label, c, berechnet ? "fest" : "berechnet")}>
|
||||
Σ
|
||||
</button>
|
||||
)}
|
||||
<EditableAmount
|
||||
cents={berechnet ? c.zuschlag_cents : c.planned_cents}
|
||||
placeholder={berechnet ? t("budget.surchargePlaceholder") : "0,00"}
|
||||
onSave={(cents) => (berechnet
|
||||
? saveZuschlag(v.label, c, cents)
|
||||
: saveMonth(v.label, c.category_id, cents))} />
|
||||
</div>
|
||||
{/* Die Rechnung offenlegen. Ohne sie stuende im Feld eine Zahl,
|
||||
die nicht der Soll-Betrag ist – und niemand wuesste, warum. */}
|
||||
{berechnet ? (
|
||||
<div className="budget-rechnung muted small">
|
||||
{t("budget.fromContracts", {
|
||||
betrag: fmt(c.aus_vertraegen_cents), count: c.vertraege_anzahl,
|
||||
})}
|
||||
{" + "}{fmt(c.zuschlag_cents)}{" = "}
|
||||
<strong>{fmt(c.planned_cents)}</strong>
|
||||
</div>
|
||||
) : c.vertraege_anzahl > 0 ? (
|
||||
<div className="budget-rechnung muted small">
|
||||
{t("budget.boundByContracts", {
|
||||
betrag: fmt(c.aus_vertraegen_cents), count: c.vertraege_anzahl,
|
||||
})}
|
||||
</div>
|
||||
) : null}
|
||||
</div>
|
||||
))}
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
))}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user