feat: Umsaetze je Konto holen, Takt fuer den automatischen Abruf

Drei Sachen an der Bankanbindung.

'Umsaetze holen' lief ueber alle Konten einer Verbindung. Seit angebundene
Konten selbst buchen, ist ein Klick damit folgenreich: Er bucht auf zwei
Konten. Der Knopf sitzt jetzt in der Kontozeile; an der Verbindung bleibt
'Alle Konten holen'.

Dabei musste der Zeitstempel mitwandern. last_sync_at hing an der
Verbindung – ein Einzelabruf haette damit das Startdatum der uebrigen Konten
mit vorgeschoben, und deren Umsaetze aus dem uebersprungenen Zeitraum waeren
nie angekommen. Der Stempel gehoert an das Konto, das abgerufen wurde.

Neu ist ein Takt je Verbindung, nach demselben Muster wie beim Postfach: ein
Hintergrund-Thread, der jede Minute nachsieht, ob etwas faellig ist. Bewusst
ein eigener Thread – ein haengender Bankzugang darf den Mail-Abruf nicht
mitreissen. Die Vorgabe ist 0, also aus: Anders als beim Mail-Abruf entstehen
hier Buchungen, das laeuft nicht ungefragt los. Schlaegt ein Abruf fehl, wird
der Stempel trotzdem gesetzt, sonst liefe die Verbindung jede Minute in
denselben Fehler.

Und die Abschnitte heissen jetzt 'Bankkonten Anbindung' und 'Mail Import'.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

web/src/pages/settings/Bankanbindung.jsx

@@ -113,20 +113,44 @@ export default function Bankanbindung() {
     }
   }
 
+  function meldung(r) {
+    // Vorgemerkte nicht verschweigen: Sie fehlen sonst im Saldo und niemand
+    // weiss, warum.
+    const teile = [t("bank.synced", { gebucht: r.gebucht, ab: formatDate(r.ab) })];
+    if (r.vorgemerkt > 0) teile.push(t("bank.syncedPending", { n: r.vorgemerkt }));
+    if (r.uebertraege > 0) teile.push(t("bank.syncedTransfers", { n: r.uebertraege }));
+    return teile.join(" ");
+  }
+
+  async function kontoAbrufen(l) {
+    setBusy(true);
+    try {
+      const r = await api.syncBankLink(l.id);
+      toast(r.ohne_zuordnung ? t("bank.noMapping") : meldung(r));
+      laden();
+    } catch (e) {
+      toast(e.message, "error");
+    } finally {
+      setBusy(false);
+    }
+  }
+
+  async function taktSetzen(v, minuten) {
+    try {
+      await api.setBankPoll(v.id, minuten);
+      toast(t("bank.pollSaved"));
+      laden();
+    } catch (e) {
+      toast(e.message, "error");
+      laden();          // Feld auf den gespeicherten Wert zurückstellen
+    }
+  }
+
   async function abrufen(v) {
     setBusy(true);
     try {
       const r = await api.syncBankConnection(v.id);
-      if (r.ohne_zuordnung) {
-        toast(t("bank.noMapping"));
-      } else {
-        // Vorgemerkte nicht verschweigen: Sie fehlen sonst im Saldo und
-        // niemand weiss, warum.
-        const teile = [t("bank.synced", { gebucht: r.gebucht, ab: formatDate(r.ab) })];
-        if (r.vorgemerkt > 0) teile.push(t("bank.syncedPending", { n: r.vorgemerkt }));
-        if (r.uebertraege > 0) teile.push(t("bank.syncedTransfers", { n: r.uebertraege }));
-        toast(teile.join(" "));
-      }
+      toast(r.ohne_zuordnung ? t("bank.noMapping") : meldung(r));
       laden();
     } catch (e) {
       toast(e.message, "error");
@@ -277,6 +301,19 @@ export default function Bankanbindung() {
                       )}
                     </p>
                   )}
+                  {l.account_id && (
+                    <div className="mail-actions" style={{ marginTop: 4 }}>
+                      <button className="btn sm" disabled={busy}
+                              onClick={() => kontoAbrufen(l)}>
+                        {t("bank.syncOne")}
+                      </button>
+                      <span className="muted small">
+                        {l.last_sync_at
+                          ? t("bank.lastSync", { when: formatDate(l.last_sync_at) })
+                          : t("bank.neverSynced")}
+                      </span>
+                    </div>
+                  )}
                   {Object.keys(l.bank_felder || {}).length > 0 && (
                     <details className="muted small" style={{ marginTop: 4 }}>
                       <summary>{t("bank.rawFields")}</summary>
@@ -298,9 +335,22 @@ export default function Bankanbindung() {
 
           <p className="muted small">{t("bank.syncHint")}</p>
 
+          <label style={{ maxWidth: 260 }}>
+            <span>{t("bank.poll")}</span>
+            <div className="input-with-button">
+              <input type="number" min="0" max="1440" defaultValue={v.poll_minutes}
+                     onBlur={(e) => {
+                       const n = Math.max(0, Math.min(1440, Number(e.target.value) || 0));
+                       if (n !== v.poll_minutes) taktSetzen(v, n);
+                     }} />
+              <span className="muted small">{t("bank.pollUnit")}</span>
+            </div>
+          </label>
+          <p className="muted small" style={{ marginTop: -8 }}>{t("bank.pollHint")}</p>
+
           <div className="mail-actions">
             <button className="btn sm primary" disabled={busy} onClick={() => abrufen(v)}>
-              {t("bank.sync")}
+              {t("bank.syncAll")}
             </button>
             <button className="btn sm" disabled={busy} onClick={() => saldenHolen(v)}>
               {t("bank.fetchBalances")}