88 lines
4.5 KiB
TypeScript
88 lines
4.5 KiB
TypeScript
interface EmailDetails {
|
|
orderNumber: string
|
|
formattedDate: string
|
|
customerCompanyName: string
|
|
totalDetailsText: string
|
|
totalDetailsHtml: string
|
|
itemsDetailsText?: string
|
|
itemsDetailsHtml?: string
|
|
}
|
|
|
|
export function getOrderEmailTemplate(
|
|
details: EmailDetails,
|
|
siteUrl: string,
|
|
isUpdate: boolean = false
|
|
) {
|
|
const title = isUpdate ? 'Anfrage geändert' : 'Anfrage erhalten'
|
|
const intro = isUpdate
|
|
? `Deine Anfrage ${details.orderNumber} wurde aktualisiert.`
|
|
: `Deine Anfrage ${details.orderNumber} ist bei uns eingegangen und wird bearbeitet.`
|
|
|
|
const text = `Hallo,\n\n${isUpdate ? 'Deine Anfrage wurde aktualisiert.' : 'Deine Anfrage ist bei uns eingegangen.'}\n\nDetails:\n- Nummer: ${details.orderNumber}\n- Datum: ${details.formattedDate}\n- Kunde: ${details.customerCompanyName}\n${details.itemsDetailsText || ''}\n${details.totalDetailsText}\n\nDeine Anfragebestätigung findest du im Anhang als PDF.\n\nPDF-Link: ${siteUrl}/api/orders/${details.orderNumber}/download\n\nViele Grüße,\nDein CASPOS Team`
|
|
|
|
const html = `
|
|
<div style="font-family: sans-serif; max-width: 600px; margin: 0 auto; padding: 20px; border: 1px solid #e2e8f0; border-radius: 8px;">
|
|
<h2 style="color: #0f172a; margin-bottom: 16px;">${title}</h2>
|
|
<p style="color: #475569; font-size: 16px; line-height: 1.5;">Hallo,</p>
|
|
<p style="color: #475569; font-size: 16px; line-height: 1.5;">${intro}</p>
|
|
<div style="background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; padding: 16px; margin: 24px 0;">
|
|
<h3 style="color: #0f172a; margin-top: 0; margin-bottom: 12px;">Details</h3>
|
|
<table style="width: 100%; border-collapse: collapse; font-size: 14px; color: #475569;">
|
|
<tr>
|
|
<td style="padding: 4px 0; font-weight: bold; width: 140px;">Nummer:</td>
|
|
<td style="padding: 4px 0;">${details.orderNumber}</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding: 4px 0; font-weight: bold;">Datum:</td>
|
|
<td style="padding: 4px 0;">${details.formattedDate}</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding: 4px 0; font-weight: bold;">Kunde:</td>
|
|
<td style="padding: 4px 0;">${details.customerCompanyName}</td>
|
|
</tr>
|
|
${details.itemsDetailsHtml || ''}
|
|
${details.totalDetailsHtml}
|
|
</table>
|
|
</div>
|
|
<p style="color: #475569; font-size: 16px; line-height: 1.5;">Die Bestätigung liegt als PDF im Anhang.</p>
|
|
<p style="color: #475569; font-size: 16px; line-height: 1.5;">
|
|
<a href="${siteUrl}/api/orders/${details.orderNumber}/download" style="color: #3b82f6; text-decoration: underline; font-weight: 500;">Anfragebestätigung PDF herunterladen</a>
|
|
</p>
|
|
<p style="color: #475569; font-size: 16px; line-height: 1.5; margin-top: 24px;">Viele Grüße,<br>Dein CASPOS Team</p>
|
|
</div>
|
|
`
|
|
|
|
return { text, html }
|
|
}
|
|
|
|
export function getStatusEmailTemplate(orderNumber: string, oldLabel: string, newLabel: string) {
|
|
const text = `Hallo,\n\nder Status deiner Anfrage ${orderNumber} hat sich geändert.\n\nStatus: ${newLabel} (vorher: ${oldLabel})\n\nViele Grüße,\nDein CASPOS Team`
|
|
|
|
const html = `
|
|
<div style="font-family: sans-serif; max-width: 600px; margin: 0 auto; padding: 20px; border: 1px solid #e2e8f0; border-radius: 8px;">
|
|
<h2 style="color: #0f172a; margin-bottom: 16px;">Statusänderung</h2>
|
|
<p style="color: #475569; font-size: 16px; line-height: 1.5;">Hallo,</p>
|
|
<p style="color: #475569; font-size: 16px; line-height: 1.5;">der Status deiner Anfrage <strong>${orderNumber}</strong> wurde aktualisiert.</p>
|
|
<div style="background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; padding: 16px; margin: 24px 0;">
|
|
<table style="width: 100%; border-collapse: collapse; font-size: 14px; color: #475569;">
|
|
<tr>
|
|
<td style="padding: 4px 0; font-weight: bold; width: 140px;">Nummer:</td>
|
|
<td style="padding: 4px 0;">${orderNumber}</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding: 4px 0; font-weight: bold;">Vorher:</td>
|
|
<td style="padding: 4px 0; text-decoration: line-through; color: #94a3b8;">${oldLabel}</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding: 4px 0; font-weight: bold;">Aktuell:</td>
|
|
<td style="padding: 4px 0; font-weight: bold; color: #3b82f6;">${newLabel}</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<p style="color: #475569; font-size: 16px; line-height: 1.5;">Viele Grüße,<br>Dein CASPOS Team</p>
|
|
</div>
|
|
`
|
|
|
|
return { text, html }
|
|
}
|