feat: introduce new PDF layouts and modules, enhance shared UI components, and add wording guidelines.

2026-02-03 19:25:07 +01:00
parent 788c7aa7df
commit 3e70b00abc
20 changed files with 1057 additions and 1050 deletions
--- a/src/components/pdf/modules/BriefingModule.tsx
+++ b/src/components/pdf/modules/BriefingModule.tsx
@@ -0,0 +1,42 @@
+'use client';
+
+import * as React from 'react';
+import { View as PDFView, Text as PDFText, StyleSheet } from '@react-pdf/renderer';
+import { DocumentTitle } from '../SharedUI';
+
+const styles = StyleSheet.create({
+    section: { marginBottom: 24 },
+    sectionTitle: { fontSize: 10, fontWeight: 'bold', marginBottom: 8, color: '#0f172a' },
+    configGrid: { flexDirection: 'row', flexWrap: 'wrap', gap: 6, marginTop: 6 },
+    configItem: { width: '24%', marginBottom: 4 },
+    configLabel: { fontSize: 5, color: '#94a3b8', textTransform: 'uppercase', marginBottom: 2 },
+    configValue: { fontSize: 7, color: '#0f172a', fontWeight: 'bold' },
+    visionText: { fontSize: 9, color: '#334155', lineHeight: 1.8, textAlign: 'justify' },
+});
+
+export const BriefingModule = ({ state }: any) => (
+    <>
+        <DocumentTitle title="Projektdetails" />
+        {state.briefingSummary && (
+            <PDFView style={styles.section}>
+                <PDFText style={styles.sectionTitle}>Briefing Analyse</PDFText>
+                <PDFText style={{ fontSize: 8, color: '#334155', lineHeight: 1.6, textAlign: 'justify' }}>{state.briefingSummary}</PDFText>
+            </PDFView>
+        )}
+        <PDFView style={styles.section}>
+            <PDFText style={styles.sectionTitle}>Kern-Informationen</PDFText>
+            <PDFView style={styles.configGrid}>
+                <PDFView style={styles.configItem}><PDFText style={styles.configLabel}>Ansprechpartner</PDFText><PDFText style={styles.configValue}>{state.personName || "Ihr Team"}</PDFText></PDFView>
+                <PDFView style={styles.configItem}><PDFText style={styles.configLabel}>Status Quo</PDFText><PDFText style={styles.configValue}>{state.statusQuo || (state.existingWebsite ? 'Relaunch' : 'Neuentwicklung')}</PDFText></PDFView>
+                <PDFView style={styles.configItem}><PDFText style={styles.configLabel}>Mitarbeiter</PDFText><PDFText style={styles.configValue}>{state.employeeCount || "—"}</PDFText></PDFView>
+                <PDFView style={styles.configItem}><PDFText style={styles.configLabel}>Deadline / Zeitplan</PDFText><PDFText style={styles.configValue}>{state.deadline || 'Flexibel'}</PDFText></PDFView>
+            </PDFView>
+        </PDFView>
+        {state.designVision && (
+            <PDFView style={[styles.section, { padding: 16, borderLeftWidth: 2, borderLeftColor: '#000000', backgroundColor: '#f9fafb' }]}>
+                <PDFText style={[styles.sectionTitle, { color: '#000000' }]}>Strategische Vision</PDFText>
+                <PDFText style={styles.visionText}>{state.designVision}</PDFText>
+            </PDFView>
+        )}
+    </>
+);