// shared.jsx — Helpers, Icons, statische Geo-Hilfsmaps.
// Datenhaltung lebt in data-provider.jsx (window.UKProviders).
// ── Standard-Rubriken (Fallback, falls noch kein Sync gelaufen ist) ──
const CATS = [
{ id: 'lebensmittel', label: 'Lebensmittel', emoji: '🛒', color: '#7c9b5e' },
{ id: 'essen', label: 'Essen & Trinken', emoji: '🍽️', color: '#d4823a' },
{ id: 'stellplatz', label: 'Stellplatz', emoji: '🏕️', color: '#8b6f47' },
{ id: 'sprit', label: 'Sprit', emoji: '⛽', color: '#c9534a' },
{ id: 'transport', label: 'Transport', emoji: '🚗', color: '#5e7b9b' },
{ id: 'aktivitaet', label: 'Aktivität', emoji: '🎢', color: '#b8588f' },
{ id: 'souvenir', label: 'Souvenirs', emoji: '🛍️', color: '#a87cb8' },
{ id: 'eintritt', label: 'Eintritt', emoji: '🎟️', color: '#3a8a8b' },
{ id: 'bargeld', label: 'Bargeld', emoji: '💶', color: '#6b6b6b' },
{ id: 'trinkgeld', label: 'Trinkgeld', emoji: '💰', color: '#c9a13a' },
{ id: 'sonstiges', label: 'Sonstiges', emoji: '📦', color: '#9c9c9c' },
];
const CAT_BY_ID = Object.fromEntries(CATS.map(c => [c.id, c]));
// ── Formatter ─────────────────────────────────────────────────
const fmtEUR = (n, opts) => {
opts = opts || {};
const sign = opts.sign === true;
const decimals = opts.decimals != null ? opts.decimals : 2;
const v = Math.abs(n).toLocaleString('de-DE', {
minimumFractionDigits: decimals, maximumFractionDigits: decimals,
});
return (sign && n < 0 ? '−' : '') + v + ' €';
};
const fmtEURshort = (n) => Math.round(n).toLocaleString('de-DE') + ' €';
const fmtDate = (iso, opts = {}) => {
const d = new Date(iso + 'T00:00:00');
return d.toLocaleDateString('de-DE', Object.assign({ day: '2-digit', month: 'short' }, opts));
};
const fmtDateLong = (iso) => {
const d = new Date(iso + 'T00:00:00');
return d.toLocaleDateString('de-DE', { weekday: 'long', day: 'numeric', month: 'long' });
};
const fmtWeekday = (iso) => {
const d = new Date(iso + 'T00:00:00');
return d.toLocaleDateString('de-DE', { weekday: 'short' });
};
// ── Accessor-Helfer: akzeptieren sowohl Mock-Shape (e.amt, e.d, …) als auch Backend-Shape ──
const expDate = (e) => e.date != null ? e.date : e.d;
const expTime = (e) => e.time != null ? e.time : e.t;
const expCat = (e) => e.category_id != null ? e.category_id : e.cat;
const expDesc = (e) => e.description != null ? e.description : e.desc;
const expLoc = (e) => e.location != null ? e.location : e.loc;
const expAmt = (e) => e.amount_cents != null ? (e.amount_cents / 100) : (e.amt || 0);
const tripStart = (t) => t.start_date != null ? t.start_date : t.start;
const tripEnd = (t) => t.end_date != null ? t.end_date : t.end;
const tripBudget = (t) => t.budget_cents != null ? (t.budget_cents / 100) : (t.budget || 0);
const tripFlag = (t) => t.flag || '🌍';
// ── Trip-bezogene Helpers (parametrisch) ─────────────────────
const sumAmt = (arr) => arr.reduce((s, e) => s + expAmt(e), 0);
const dayTotal = (iso, exps) => sumAmt(exps.filter(e => expDate(e) === iso));
const tripDays = (trip) => {
const out = [];
if (!trip) return out;
const s = new Date(tripStart(trip) + 'T00:00:00');
const e = new Date(tripEnd(trip) + 'T00:00:00');
for (let d = new Date(s); d <= e; d.setDate(d.getDate() + 1)) {
out.push(d.toISOString().slice(0, 10));
}
return out;
};
const tripDayNum = (iso, trip) => {
if (!trip) return 1;
const s = new Date(tripStart(trip) + 'T00:00:00');
const d = new Date(iso + 'T00:00:00');
return Math.round((d - s) / 86400000) + 1;
};
const tripLength = (trip) => tripDays(trip).length;
const tripWeeks = (trip) => {
const days = tripDays(trip);
const weeks = [];
for (let i = 0; i < days.length; i += 7) weeks.push(days.slice(i, i + 7));
return weeks;
};
const tripSpent = (exps) => sumAmt(exps);
const tripRemaining = (trip, exps) => tripBudget(trip) - tripSpent(exps);
const todayISO = () => new Date().toISOString().slice(0, 10);
const daysPassed = (trip, today) => {
if (!trip) return 1;
const t = today || todayISO();
return Math.max(1, Math.min(tripLength(trip), tripDayNum(t, trip)));
};
const daysLeft = (trip, today) => Math.max(0, tripLength(trip) - daysPassed(trip, today));
const avgPerDay = (trip, exps, today) => tripSpent(exps) / Math.max(1, daysPassed(trip, today));
const recommendedPerDay = (trip, exps, today) => tripRemaining(trip, exps) / Math.max(1, daysLeft(trip, today) || 1);
const catTotals = (cats, exps) => {
const totals = {};
for (const e of exps) {
const k = expCat(e);
if (!k) continue;
totals[k] = (totals[k] || 0) + expAmt(e);
}
return cats
.map(c => ({ ...c, total: totals[c.id] || 0 }))
.filter(c => c.total > 0)
.sort((a, b) => b.total - a.total);
};
const uniqueLocs = (exps) => {
const seen = new Map();
for (const e of exps) {
const loc = expLoc(e);
if (loc && !seen.has(loc)) seen.set(loc, expDate(e) + (expTime(e) || ''));
}
return [...seen.keys()];
};
// ── Tiny inline icons ─────────────────────────────────────────
const Icon = {
plus: (p={}) => ,
back: (p={}) => ,
search: (p={}) => ,
filter: (p={}) => ,
chev: (p={}) => ,
pin: (p={}) => ,
home: (p={}) => ,
list: (p={}) => ,
chart: (p={}) => ,
cal: (p={}) => ,
globe: (p={}) => ,
camper: (p={}) => ,
loc: (p={}) => ,
close: (p={}) => ,
moon: (p={}) => ,
trend: (p={}) => ,
gear: (p={}) => ,
map: (p={}) => ,
cam: (p={}) => ,
euro: (p={}) => ,
cloud: (p={}) => ,
cloudOff: (p={}) => ,
sync: (p={}) => ,
layers: (p={}) => ,
trash: (p={}) => ,
};
Object.assign(window, {
CATS, CAT_BY_ID,
fmtEUR, fmtEURshort, fmtDate, fmtDateLong, fmtWeekday,
expDate, expTime, expCat, expDesc, expLoc, expAmt,
tripStart, tripEnd, tripBudget, tripFlag,
sumAmt, dayTotal,
tripDays, tripDayNum, tripLength, tripWeeks,
tripSpent, tripRemaining,
todayISO, daysPassed, daysLeft, avgPerDay, recommendedPerDay,
catTotals, uniqueLocs,
Icon,
});