Board: Suche entlaggt, Order-Sprung, Versandadresse, Motiv-Hinweis; Mail: tägliche Statusübersicht
produktion: - Empfängersuche entlaggt (uncontrolled Input + 250ms-Debounce + vorab kleingeschriebenes Haystack) - kein Full-Rerender je Tastendruck mehr. - "Auftrag öffnen"-Link je Karte (-> Directus-Order, neuer Tab). - Sammelversand: Lieferadresse direkt auf der Karte (abweichende Order- Lieferadresse -> Kunden-Liefer-/Rechnungsadresse als Fallback). - Postkarten-Motiv wird als Badge hervorgehoben. mailer: - API-Einzelzusammenfassung entfernt; stattdessen taegliche Gesamtuebersicht um 03:00 ueber ALLE Auftraege inkl. Mengen je Produktionsstatus. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
s4luorth
@@ -260,44 +260,59 @@ export default (register, { services, getSchema, logger }) => {
|
||||
}
|
||||
});
|
||||
|
||||
// ── Tagesübersicht der API-Aufträge (statt Einzelmail je Auftrag) ───────────
|
||||
// Einmal täglich (Default 18:00): pro API-Kunde eine Zusammenfassung der heute
|
||||
// eingegangenen Aufträge, aufgeschlüsselt nach Versandtag.
|
||||
const API_DIGEST_CRON = process.env.SKRIFT_API_DIGEST_CRON || '0 18 * * *';
|
||||
register.schedule(API_DIGEST_CRON, async () => {
|
||||
// ── Tägliche Gesamtübersicht (03:00) – alle Aufträge nach Produktionsstatus ──
|
||||
// Ersetzt die frühere API-Einzelzusammenfassung: jeden Morgen eine Übersicht
|
||||
// ALLER Bestellungen inkl. Mengen (Schriftstücke) je Status. Keine separate
|
||||
// API-Zusammenfassung mehr.
|
||||
const UEBERSICHT_CRON = process.env.SKRIFT_UEBERSICHT_CRON || '0 3 * * *';
|
||||
const PSTATUS_ORDER = [
|
||||
['eingegangen', 'Eingegangen / Neu'],
|
||||
['im_druck', 'Im Druck'],
|
||||
['kuvertieren', 'Kuvertierung'],
|
||||
['versandfertig', 'Versandfertig'],
|
||||
['versendet', 'Versendet'],
|
||||
['storniert', 'Storniert'],
|
||||
];
|
||||
register.schedule(UEBERSICHT_CRON, async () => {
|
||||
try {
|
||||
const schema = await getSchema();
|
||||
const to = await teamEmpfaenger(schema);
|
||||
if (!to) return;
|
||||
const settings = await loadSettings(schema);
|
||||
const start = new Date(); start.setHours(0, 0, 0, 0);
|
||||
const orders = await new ItemsService('orders', { schema, accountability: null }).readByQuery({
|
||||
filter: { _and: [{ source: { _eq: 'api' } }, { date_created: { _gte: start.toISOString() } }] },
|
||||
fields: ['order_number', 'shipping_day', 'api_client.id', 'api_client.name', 'product.name'],
|
||||
limit: -1, sort: ['order_number'],
|
||||
fields: ['production_status', 'entries_count'], limit: -1,
|
||||
});
|
||||
if (!orders || !orders.length) return;
|
||||
|
||||
const byClient = new Map();
|
||||
for (const o of orders) {
|
||||
const kid = o.api_client?.id ?? 'x';
|
||||
let g = byClient.get(kid);
|
||||
if (!g) { g = { name: o.api_client?.name || 'API-Kunde', orders: [] }; byClient.set(kid, g); }
|
||||
g.orders.push(o);
|
||||
const agg = {};
|
||||
let gesamtA = 0, gesamtM = 0;
|
||||
for (const o of (orders || [])) {
|
||||
const st = o.production_status || 'eingegangen';
|
||||
if (!agg[st]) agg[st] = { auftraege: 0, menge: 0 };
|
||||
agg[st].auftraege += 1; agg[st].menge += Number(o.entries_count) || 0;
|
||||
gesamtA += 1; gesamtM += Number(o.entries_count) || 0;
|
||||
}
|
||||
for (const g of byClient.values()) {
|
||||
const byDay = {};
|
||||
for (const o of g.orders) { const d = o.shipping_day || 'ohne Versandtag'; byDay[d] = (byDay[d] || 0) + 1; }
|
||||
const zeilen = Object.entries(byDay).map(([d, n]) => `<li>${esc(d)}: <strong>${n}</strong></li>`).join('');
|
||||
const html = `<p>Heute über die API eingegangen von <strong>${esc(g.name)}</strong>: <strong>${g.orders.length}</strong> Auftrag/Aufträge.</p>`
|
||||
+ `<p>Nach Versandtag:</p><ul>${zeilen}</ul>`
|
||||
+ '<p>Im Produktions-Board unter „Neu" als Charge(n) gruppiert.</p>';
|
||||
const nachricht = { to, subject: `API-Tagesübersicht ${g.name} – ${g.orders.length} neue`, html, text: htmlZuText(html), replyTo: REPLY_TO };
|
||||
if (settings.sender_email) nachricht.from = settings.sender_name ? `${settings.sender_name} <${settings.sender_email}>` : settings.sender_email;
|
||||
try { await new MailService({ schema, accountability: null }).send(nachricht); }
|
||||
catch (e) { logger.warn(`[skrift-mailer] API-Tagesmail ${g.name}: ${e.message}`); }
|
||||
}
|
||||
logger.info(`[skrift-mailer] API-Tagesübersicht verschickt: ${byClient.size} Kunde(n)`);
|
||||
} catch (e) { logger.warn(`[skrift-mailer] API-Tageslauf: ${e.message}`); }
|
||||
// Bekannte Status in sinnvoller Reihenfolge, unbekannte hinten anhängen.
|
||||
const reihen = [...PSTATUS_ORDER];
|
||||
for (const st of Object.keys(agg)) if (!reihen.some(([k]) => k === st)) reihen.push([st, st]);
|
||||
const td = 'padding:4px 10px;';
|
||||
const zeilen = reihen.filter(([k]) => agg[k]).map(([k, label]) =>
|
||||
`<tr><td style="${td}">${esc(label)}</td>`
|
||||
+ `<td style="${td}text-align:right;"><strong>${agg[k].auftraege}</strong></td>`
|
||||
+ `<td style="${td}text-align:right;">${agg[k].menge}</td></tr>`).join('');
|
||||
const heute = new Date().toLocaleDateString('de-DE');
|
||||
const html = `<p>Gesamtübersicht aller Aufträge (Stand ${esc(heute)}):</p>`
|
||||
+ '<table style="border-collapse:collapse;font-size:14px;">'
|
||||
+ `<thead><tr><th style="text-align:left;${td}border-bottom:1px solid #ccc;">Status</th>`
|
||||
+ `<th style="text-align:right;${td}border-bottom:1px solid #ccc;">Aufträge</th>`
|
||||
+ `<th style="text-align:right;${td}border-bottom:1px solid #ccc;">Schriftstücke</th></tr></thead>`
|
||||
+ `<tbody>${zeilen || `<tr><td style="${td}" colspan="3">Keine Aufträge.</td></tr>`}</tbody>`
|
||||
+ `<tfoot><tr><td style="${td}border-top:2px solid #333;"><strong>Gesamt</strong></td>`
|
||||
+ `<td style="${td}text-align:right;border-top:2px solid #333;"><strong>${gesamtA}</strong></td>`
|
||||
+ `<td style="${td}text-align:right;border-top:2px solid #333;"><strong>${gesamtM}</strong></td></tr></tfoot>`
|
||||
+ '</table>';
|
||||
const nachricht = { to, subject: `Auftragsübersicht ${heute} – ${gesamtA} Aufträge`, html, text: htmlZuText(html), replyTo: REPLY_TO };
|
||||
if (settings.sender_email) nachricht.from = settings.sender_name ? `${settings.sender_name} <${settings.sender_email}>` : settings.sender_email;
|
||||
await new MailService({ schema, accountability: null }).send(nachricht);
|
||||
logger.info(`[skrift-mailer] Auftragsübersicht verschickt: ${gesamtA} Aufträge in ${Object.keys(agg).length} Status`);
|
||||
} catch (e) { logger.warn(`[skrift-mailer] Übersicht-Tageslauf: ${e.message}`); }
|
||||
});
|
||||
};
|
||||
|
||||
@@ -181,6 +181,11 @@ const Board = defineComponent({
|
||||
// mitgenommen wird. Wird beim Verlassen des Reiters geleert.
|
||||
const sucheText = ref('');
|
||||
const sucheEintraege = ref([]);
|
||||
// Suche entlaggen: die Eingabe ist uncontrolled, der eigentliche Filterbegriff
|
||||
// (sucheText) wird nur nach einer kurzen Tipp-Pause gesetzt. So rendert das Board
|
||||
// nicht bei jedem Tastendruck die (bis zu 200) Trefferkarten neu.
|
||||
let sucheTimer = null;
|
||||
const sucheSetzen = (v) => { clearTimeout(sucheTimer); sucheTimer = setTimeout(() => { sucheText.value = v; }, 250); };
|
||||
const loading = ref(false);
|
||||
const fehler = ref('');
|
||||
const meldung = ref('');
|
||||
@@ -222,10 +227,10 @@ const Board = defineComponent({
|
||||
// werden separat versucht, damit ein fehlendes Feld nicht das ganze Board sperrt.
|
||||
const ORDER_FELDER = 'id,order_number,status,payment_status,production_status,needs_envelope,envelope_format,'
|
||||
+ 'envelope_labeling,shipping_type,shipping_day,keep_contacts,entries_count,count_inland,count_ausland,brief_gedruckt,kuvert_gedruckt,'
|
||||
+ 'date_updated,date_created,format.key,format.name,product.name,product.input_mode,'
|
||||
+ 'source,api_client.id,api_client.name,'
|
||||
+ 'date_updated,date_created,format.key,format.name,product.name,product.type,product.input_mode,'
|
||||
+ 'source,api_client.id,api_client.name,motif_mode,motif.name,shipping_address,'
|
||||
+ 'source_file,internal_note,approval_status,approval_note,linked_order.id,linked_order.order_number,'
|
||||
+ 'customer.first_name,customer.last_name,customer.email,customer.phone';
|
||||
+ 'customer.first_name,customer.last_name,customer.company,customer.email,customer.phone,customer.billing_address,customer.shipping_address';
|
||||
async function ladeOrders() {
|
||||
try {
|
||||
// source_files/versandt_am sind ggf. noch nicht gebootstrapt → separater Versuch.
|
||||
@@ -292,7 +297,7 @@ const Board = defineComponent({
|
||||
if (e.country && !/^(de|d|deu|deutschland|germany)$/i.test(String(e.country).trim())) adr.push(e.country);
|
||||
if (!adr.length && e.free_text) adr.push(...String(e.free_text).split('\n').map((z) => z.trim()).filter(Boolean));
|
||||
// Eine durchsuchbare Zeile je Empfänger (mit Briefnummer) für den Suche-Reiter.
|
||||
flach.push({ orderId: oid, nr: Number(e.letter_number) || flach.filter((x) => x.orderId === oid).length + 1, name: nm, adr, hay: txt });
|
||||
flach.push({ orderId: oid, nr: Number(e.letter_number) || flach.filter((x) => x.orderId === oid).length + 1, name: nm, adr, hay: String(txt || '').toLowerCase() });
|
||||
}
|
||||
empfIndex.value = idx;
|
||||
empfNamen.value = namen;
|
||||
@@ -493,8 +498,10 @@ const Board = defineComponent({
|
||||
for (const e of sucheEintraege.value) {
|
||||
const o = orderById.value[e.orderId];
|
||||
if (!o || !SUCHE_AKTIV.includes(o.production_status || 'eingegangen')) continue;
|
||||
const hay = [e.hay, o.order_number, o.product?.name].filter(Boolean).join(' ').toLowerCase();
|
||||
if (!hay.includes(q)) continue;
|
||||
// e.hay ist bereits kleingeschrieben; Auftragsnr./Produkt separat prüfen (kein Rebuild je Eintrag).
|
||||
if (!e.hay.includes(q)
|
||||
&& !String(o.order_number || '').toLowerCase().includes(q)
|
||||
&& !String(o.product?.name || '').toLowerCase().includes(q)) continue;
|
||||
res.push({ e, o });
|
||||
if (res.length >= 200) break;
|
||||
}
|
||||
@@ -1359,6 +1366,17 @@ const Board = defineComponent({
|
||||
onChange: (e) => setStatus(order, e.target.value),
|
||||
}, Object.entries(STATUS_LABEL).map(([k, v]) => h('option', { value: k, selected: (order.production_status || 'eingegangen') === k }, v)));
|
||||
}
|
||||
// Lieferadresse für den (Sammel-)Versand: abweichende Order-Lieferadresse →
|
||||
// Liefer-/Rechnungsadresse des Kunden. So muss der Versand nicht in die Order.
|
||||
function lieferAdresse(o) {
|
||||
const a = o.shipping_address || o.customer?.shipping_address || o.customer?.billing_address || null;
|
||||
if (!a || typeof a !== 'object') return null;
|
||||
const name = [o.customer?.company, [o.customer?.first_name, o.customer?.last_name].filter(Boolean).join(' ')].filter(Boolean).join(' · ');
|
||||
const zeilen = [name, a.street, [a.zip, a.city].filter(Boolean).join(' '), a.country].map((z) => String(z || '').trim()).filter(Boolean);
|
||||
if (!zeilen.length) return null;
|
||||
const quelle = o.shipping_address ? 'Lieferadresse' : (o.customer?.shipping_address ? 'Lieferadresse (Kunde)' : 'Rechnungsadresse (Kunde)');
|
||||
return { zeilen, quelle };
|
||||
}
|
||||
function orderCard(order, opts) {
|
||||
const o = order;
|
||||
const kopf = h('div', { style: 'display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;' }, [
|
||||
@@ -1368,6 +1386,9 @@ const Board = defineComponent({
|
||||
h('div', {}, [
|
||||
h('div', { style: 'font-weight:700;font-size:15px;' }, `#${o.order_number}`),
|
||||
subdued(`${kundeName(o)}${o.customer?.email ? ' · ' + o.customer.email : ''}${o.customer?.phone ? ' · ' + o.customer.phone : ''}`, 'margin-top:2px;'),
|
||||
h('a', { href: `/admin/content/orders/${o.id}`, target: '_blank', rel: 'noopener',
|
||||
style: 'display:inline-block;margin-top:3px;font-size:12px;color:var(--primary,#1e50a5);text-decoration:none;font-weight:600;' },
|
||||
'↗ Auftrag öffnen'),
|
||||
]),
|
||||
]),
|
||||
statusSelect(o),
|
||||
@@ -1383,6 +1404,10 @@ const Board = defineComponent({
|
||||
o.shipping_day ? chip('📅 Versandtag: ' + o.shipping_day.charAt(0).toUpperCase() + o.shipping_day.slice(1), 'var(--primary-25,rgba(30,80,165,.14))') : null,
|
||||
chip(o.product?.name || 'Produkt?'),
|
||||
chip(o.format?.name || o.format?.key || 'Format?'),
|
||||
// Postkarten-Motiv: deutlich hervorheben, damit das Motiv beim Druck berücksichtigt wird.
|
||||
(o.motif?.name || (o.motif_mode && !['ohne', ''].includes(o.motif_mode)))
|
||||
? chip('🖼 Motiv' + (o.motif?.name ? ': ' + o.motif.name : (o.motif_mode === 'eigene_karten' ? ': eigene Karten' : (o.motif_mode === 'upload' ? ': Upload' : ''))), 'var(--warning-25,rgba(230,160,0,.22))')
|
||||
: null,
|
||||
chip(o.payment_status === 'bezahlt' ? '✓ bezahlt' : (o.payment_status === 'storniert' ? 'storniert' : 'offen'),
|
||||
o.payment_status === 'bezahlt' ? 'var(--success-25,rgba(46,125,50,.15))' : 'var(--warning-25,rgba(230,160,0,.15))'),
|
||||
o.linked_order?.order_number ? chip('🔗 Kuverts: #' + o.linked_order.order_number, 'var(--primary-25,rgba(30,80,165,.14))') : null,
|
||||
@@ -1398,8 +1423,14 @@ const Board = defineComponent({
|
||||
send.brief.length ? chip('🖨 Brief gesendet: ' + send.brief.join(' · '), 'var(--primary-25,rgba(30,80,165,.14))') : null,
|
||||
send.umschlag.length ? chip('✉ Kuvert gesendet: ' + send.umschlag.join(' · '), 'var(--primary-25,rgba(30,80,165,.14))') : null,
|
||||
]) : null;
|
||||
// Sammelversand: Lieferadresse direkt auf der Karte (kein Sprung in die Order nötig).
|
||||
const liefer = (o.shipping_type !== 'einzeln') ? lieferAdresse(o) : null;
|
||||
const lieferBox = liefer ? h('div', { style: 'margin:0 0 10px;padding:8px 10px;background:var(--background-subdued,#f1f4f9);border-radius:8px;font-size:13px;line-height:1.5;' }, [
|
||||
h('div', { style: 'font-weight:600;color:var(--foreground-subdued);font-size:11px;text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px;' }, '📦 Versand an · ' + liefer.quelle),
|
||||
...liefer.zeilen.map((z) => h('div', {}, z)),
|
||||
]) : null;
|
||||
return h('div', { key: 'o' + o.id, style: CARD + `margin-bottom:14px;border-left:4px solid ${ACCENT};` }, [
|
||||
kopf, meta, badges,
|
||||
kopf, meta, badges, lieferBox,
|
||||
notizFeld(o.internal_note, (v) => setOrderNotiz(o, v), 'Notiz zum Auftrag …'),
|
||||
actionButtons(o),
|
||||
weiteresOffen.value[o.id] ? weiteresPanel(o) : null,
|
||||
@@ -1491,10 +1522,10 @@ const Board = defineComponent({
|
||||
// Großes, unverkennbar weißes Suchfeld.
|
||||
const feld = h('div', { style: 'margin-top:18px;' }, [
|
||||
h('div', { style: 'font-size:13px;font-weight:700;color:var(--foreground-normal);margin-bottom:8px;' }, '2. Empfänger suchen'),
|
||||
h('input', { type: 'search', value: sucheText.value, placeholder: 'Name, Straße, Ort oder Auftragsnummer eingeben …',
|
||||
h('input', { type: 'search', placeholder: 'Name, Straße, Ort oder Auftragsnummer eingeben …',
|
||||
style: 'width:100%;box-sizing:border-box;background:#fff;color:#111;border:2px solid #cdd6e2;border-radius:10px;'
|
||||
+ 'font:inherit;font-size:22px;padding:16px 20px;outline:none;box-shadow:0 1px 3px rgba(0,0,0,.08);',
|
||||
onInput: (e) => { sucheText.value = e.target.value; } }),
|
||||
onInput: (e) => sucheSetzen(e.target.value) }),
|
||||
]);
|
||||
const rahmen = (inhalt) => h('div', { style: 'display:flex;flex-direction:column;gap:0;' }, [
|
||||
h('div', { style: 'background:#fff;border:1px solid #cdd6e2;border-radius:12px;padding:20px 22px;margin-bottom:16px;box-shadow:0 1px 3px rgba(0,0,0,.06);' }, [typWahl, feld]),
|
||||
@@ -1957,7 +1988,7 @@ const Board = defineComponent({
|
||||
return () => {
|
||||
const navi = h('div', { style: 'padding:12px 10px;' }, TABS.map((t) =>
|
||||
h('button', {
|
||||
type: 'button', onClick: () => { if (tab.value === 'suche' && t.key !== 'suche') sucheText.value = ''; tab.value = t.key; },
|
||||
type: 'button', onClick: () => { if (tab.value === 'suche' && t.key !== 'suche') { clearTimeout(sucheTimer); sucheText.value = ''; } tab.value = t.key; },
|
||||
style: 'display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;text-align:left;'
|
||||
+ 'cursor:pointer;border:none;border-radius:6px;padding:10px 12px;margin-bottom:3px;font:inherit;font-size:14px;'
|
||||
+ (tab.value === t.key ? `background:${ACCENT};color:#fff;font-weight:600;` : 'background:transparent;color:var(--foreground-normal);'),
|
||||
|
||||
Reference in New Issue
Block a user