Keine Karteikarte ausgewaehlt
Eintrag in der Anrufliste oder Pin auf der Karte anklicken, um Kontaktdaten, Notizen und das Kontaktprotokoll zu sehen.
Karteikarten je Status
{["neu","angeschrieben","verhandlung","bestandskunde","absage"].map(k=>(
))}
Firmenstandort
{hq.name}
{hq.strasse} · {hq.plz} {hq.ort}
);
}
const KONTAKT_FELDER = ["strasse","plz","ort","telefon","email","website","kontakt","position"];
/* Neue Koordinaten fuer eine korrigierte Adresse (OpenStreetMap Nominatim).
Liefert [lat,lng], null wenn die Adresse nicht gefunden wurde, oder wirft bei Netzfehlern. */
async function geokodieren({ strasse, plz, ort }) {
const q = [strasse, [plz, ort].filter(Boolean).join(" "), "Deutschland"].filter(Boolean).join(", ");
const res = await fetch("https://nominatim.openstreetmap.org/search?format=json&limit=1&countrycodes=de&q=" + encodeURIComponent(q));
if (!res.ok) throw new Error("HTTP " + res.status);
const daten = await res.json();
return daten.length ? [parseFloat(daten[0].lat), parseFloat(daten[0].lon)] : null;
}
/* Adresse und Kontakt: Anzeige mit Stift oben rechts, im Bearbeitungsmodus Eingabefelder. */
function KontaktAbschnitt({ objekt, onPatch }) {
const [bearbeiten, setBearbeiten] = React.useState(false);
const [werte, setWerte] = React.useState({});
const [speichert, setSpeichert] = React.useState(false);
const [hinweis, setHinweis] = React.useState(null);
/* Beim Wechsel der Karteikarte Bearbeitung verwerfen. */
React.useEffect(() => { setBearbeiten(false); setHinweis(null); }, [objekt.id]);
const starten = () => {
setWerte(Object.fromEntries(KONTAKT_FELDER.map(f => [f, objekt[f] || ""])));
setHinweis(null);
setBearbeiten(true);
};
const feld = (f) => ({ value: werte[f], onChange: e => setWerte(w => ({ ...w, [f]: e.target.value })) });
const speichern = async () => {
const aenderung = {};
KONTAKT_FELDER.forEach(f => {
const neu = (werte[f] || "").trim();
if (neu !== (objekt[f] || "")) aenderung[f] = neu;
});
if (aenderung.website) aenderung.website = aenderung.website.replace(/^https?:\/\//, "").replace(/\/$/, "");
if (!Object.keys(aenderung).length) { setBearbeiten(false); return; }
setSpeichert(true);
let meldung = null;
if ("strasse" in aenderung || "plz" in aenderung || "ort" in aenderung) {
try {
const punkt = await geokodieren({ ...objekt, ...aenderung });
if (punkt) { aenderung.lat = punkt[0]; aenderung.lng = punkt[1]; }
else { aenderung.lat = null; aenderung.lng = null; meldung = "Neue Adresse nicht auf der Karte gefunden, Pin entfernt."; }
} catch (err) {
meldung = "Kartenposition konnte nicht aktualisiert werden, Pin bleibt an der alten Stelle.";
}
}
const res = await onPatch(objekt.id, aenderung);
setSpeichert(false);
if (res && res.ok === false) { setHinweis("Speichern fehlgeschlagen: " + res.error); return; }
setHinweis(meldung);
setBearbeiten(false);
};
const aktion = bearbeiten ? null
:
Naechster Anruf
{SCHNELLWAHL.map(s => {
const iso = datumIn(s);
return setzen(iso)}>{s.label};
})}
{/* colorScheme light: sonst ist das Kalendersymbol im hellen Theme weiss auf weiss. */}
{ try { e.currentTarget.showPicker(); } catch (err) {} }}
onChange={e => setzen(e.target.value)} />
{wert ?
setzen("")} /> : null}
{termin ? termin.text : "Kein Anruf geplant"}
);
}
/* Notizfeld mit automatischem Speichern: kurz nach dem Tippen und beim Verlassen des Feldes. */
function NotizFeld({ objekt, onPatch }) {
const [text, setText] = React.useState(objekt.notiz || "");
const [zustand, setZustand] = React.useState(null); // null | "offen" | "speichert" | "gespeichert" | Fehlertext
const timer = React.useRef(null);
const offen = React.useRef(null); // { id, text } noch nicht gespeichert
const sichern = React.useCallback(async () => {
clearTimeout(timer.current);
const eintrag = offen.current;
if (!eintrag) return;
offen.current = null;
setZustand("speichert");
const res = await onPatch(eintrag.id, { notiz: eintrag.text });
setZustand(res && res.ok === false ? "Speichern fehlgeschlagen" : "gespeichert");
}, [onPatch]);
/* Karteikarte gewechselt: Offenes der alten Karte sichern, neue laden. */
React.useEffect(() => {
setText(objekt.notiz || ""); setZustand(null);
return () => { sichern(); };
}, [objekt.id]);
const aendern = (e) => {
const t = e.target.value;
setText(t);
offen.current = { id: objekt.id, text: t };
setZustand("offen");
clearTimeout(timer.current);
timer.current = setTimeout(sichern, 1200);
};
const hinweis = zustand === "offen" ? "Aenderung wird gleich gespeichert"
: zustand === "speichert" ? "Speichert"
: zustand === "gespeichert" ? "Gespeichert"
: zustand;
return (