From 18a3a636dd088d622cdc6ca94cf6b151d1bdaf8e Mon Sep 17 00:00:00 2001
From: Fidelis Huber <fidi.huber@gmail.com>
Date: Fri, 11 Sep 2026 08:29:44 +0200
Subject: [PATCH] Monteur-Dropdown + VenDoc-Spaltennamen im CSV-Export
 angepasst
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Monteur ist jetzt ein Dropdown (Michael/Daniel/Dietmar/Fidelis) mit freiem
Textfeld für "Andere". CSV-Export nutzt jetzt VenDocs eigene Spaltennamen
(Position/EH/Positionstext/Aufmaß), ermittelt aus einem echten VenDoc-
Aufmaßblatt-Export des Nutzers; Art.-Nr. wird wie dort im Positionstext
eingebettet, da VenDoc keine eigene Artikelnummer-Spalte führt.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 client/src/components/MonteurField.tsx | 42 ++++++++++++++++++++++++++
 client/src/pages/Dashboard.tsx         |  5 ++-
 client/src/pages/ProjektDetail.tsx     | 26 ++++++++--------
 3 files changed, 57 insertions(+), 16 deletions(-)
 create mode 100644 client/src/components/MonteurField.tsx

diff --git a/client/src/components/MonteurField.tsx b/client/src/components/MonteurField.tsx
new file mode 100644
index 0000000..0dbfd2b
--- /dev/null
+++ b/client/src/components/MonteurField.tsx
@@ -0,0 +1,42 @@
+import { useState } from 'react';
+
+export const MONTEURE = ['Michael', 'Daniel', 'Dietmar', 'Fidelis'];
+
+interface Props {
+  value: string;
+  onChange: (v: string) => void;
+  onCommit?: (v: string) => void;
+}
+
+export default function MonteurField({ value, onChange, onCommit }: Props) {
+  const [customMode, setCustomMode] = useState(() => value !== '' && !MONTEURE.includes(value));
+
+  function handleSelect(v: string) {
+    if (v === '__custom__') {
+      setCustomMode(true);
+      return;
+    }
+    setCustomMode(false);
+    onChange(v);
+    onCommit?.(v);
+  }
+
+  return (
+    <label className="field">Monteur
+      <select value={customMode ? '__custom__' : value} onChange={e => handleSelect(e.target.value)}>
+        <option value="">— wählen —</option>
+        {MONTEURE.map(m => <option key={m} value={m}>{m}</option>)}
+        <option value="__custom__">Andere …</option>
+      </select>
+      {customMode && (
+        <input
+          style={{ marginTop: 8 }}
+          value={value}
+          onChange={e => onChange(e.target.value)}
+          onBlur={e => onCommit?.(e.target.value)}
+          placeholder="Name eingeben"
+        />
+      )}
+    </label>
+  );
+}
diff --git a/client/src/pages/Dashboard.tsx b/client/src/pages/Dashboard.tsx
index 7d5756e..e1c7c89 100644
--- a/client/src/pages/Dashboard.tsx
+++ b/client/src/pages/Dashboard.tsx
@@ -2,6 +2,7 @@ import { useEffect, useMemo, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { api } from '../lib/api';
 import type { Projekt, ProjektStatus } from '../lib/types';
+import MonteurField from '../components/MonteurField';
 
 function dd(s: string | null) {
   if (!s) return '–';
@@ -101,9 +102,7 @@ export default function Dashboard() {
             <label className="field">Datum
               <input type="date" value={form.datum} onChange={e => setForm({ ...form, datum: e.target.value })} />
             </label>
-            <label className="field">Monteur
-              <input value={form.monteur} onChange={e => setForm({ ...form, monteur: e.target.value })} placeholder="Name" />
-            </label>
+            <MonteurField value={form.monteur} onChange={v => setForm({ ...form, monteur: v })} />
             <label className="field" style={{ gridColumn: 'span 2' }}>Notiz / Bereich
               <textarea value={form.notiz} onChange={e => setForm({ ...form, notiz: e.target.value })} placeholder="Stockwerk, Bereich, Bemerkung …" />
             </label>
diff --git a/client/src/pages/ProjektDetail.tsx b/client/src/pages/ProjektDetail.tsx
index d3279a9..fff26b9 100644
--- a/client/src/pages/ProjektDetail.tsx
+++ b/client/src/pages/ProjektDetail.tsx
@@ -4,6 +4,7 @@ import { api } from '../lib/api';
 import type { MaterialItem, Projekt } from '../lib/types';
 import { kabelInfoForBez } from '../data/kabelData';
 import KabelOptions from '../components/KabelOptions';
+import MonteurField from '../components/MonteurField';
 
 const fmt1 = (v: number | string) => (Math.round((parseFloat(String(v)) || 0) * 10) / 10).toFixed(1);
 const num1 = (v: number | string) => Math.round((parseFloat(String(v)) || 0) * 10) / 10;
@@ -216,25 +217,26 @@ export default function ProjektDetail() {
     setRetourBusy(false);
   }
 
-  // ── CSV-Export (für Import in VenDoc o.ä. als Auftragspositionen) ──
+  // ── CSV-Export (für Import in VenDoc als Auftragspositionen) ──
   // Semikolon-getrennt, Komma als Dezimaltrenner, UTF-8 mit BOM – Standardkonvention
-  // für deutschsprachiges Excel/ERP, damit die Datei ohne Umweg direkt geöffnet/
-  // importiert werden kann. Reine Positionstabelle ohne Kopf-Metazeilen, damit ein
-  // einfacher Positions-Import (z. B. VenDoc Universalimport) sie unverändert lesen kann.
+  // für deutschsprachiges Excel/ERP. Spaltennamen (Position/EH/Positionstext/Aufmaß)
+  // richten sich nach VenDocs eigenem Aufmaßblatt-Export (Auftrag A00079/2026), das
+  // keine eigene Artikelnummer-Spalte führt – die Art.-Nr. wird daher wie dort in den
+  // Positionstext eingebettet. Ob das exakte Spaltenformat vom Universalimport 1:1
+  // übernommen wird, ist ungeprüft – ggf. anhand des ersten Testimports nachschärfen.
+  const EH_MAP: Record<string, string> = { Stk: 'ST', m: 'M' }; // aus VenDoc-Beispiel bestätigt
   function csvEscape(v: string): string {
     if (/[;"\n\r]/.test(v)) return '"' + v.replace(/"/g, '""') + '"';
     return v;
   }
   function exportCSV() {
     if (!projekt) return;
-    const header = ['Pos', 'Artikelnummer', 'Bezeichnung', 'Menge', 'Einheit', 'Notiz'];
+    const header = ['Position', 'EH', 'Positionstext', 'Aufmaß'];
     const rows = matList.map((r, i) => [
       String(i + 1),
-      r.artNr ?? '',
-      r.bezeichnung,
-      fmt1(r.menge).replace('.', ','),
-      r.einheit,
-      r.notiz ?? ''
+      EH_MAP[r.einheit] ?? r.einheit,
+      r.artNr ? `${r.bezeichnung} (${r.artNr})` : r.bezeichnung,
+      fmt1(r.menge).replace('.', ',')
     ]);
     const csv = [header, ...rows].map(row => row.map(csvEscape).join(';')).join('\r\n');
     const safeName = (titel || 'Materialschein').replace(/[^\p{L}\p{N}_-]+/gu, '_');
@@ -305,9 +307,7 @@ export default function ProjektDetail() {
           <label className="field">Datum
             <input type="date" value={datum} onChange={e => setDatum(e.target.value)} onBlur={e => saveFeld('datum', e.target.value)} />
           </label>
-          <label className="field">Monteur
-            <input value={monteur} onChange={e => setMonteur(e.target.value)} onBlur={e => saveFeld('monteur', e.target.value)} />
-          </label>
+          <MonteurField key={id} value={monteur} onChange={setMonteur} onCommit={v => saveFeld('monteur', v)} />
           <label className="field" style={{ gridColumn: 'span 2' }}>Notiz / Bereich
             <textarea value={notiz} onChange={e => setNotiz(e.target.value)} onBlur={e => saveFeld('notiz', e.target.value)} />
           </label>