const {useState,useCallback,useEffect,useRef}=React;
// ─── DATENMODELL ─────────────────────────────────────────────────────────────
// Jede Kalkulation hat: id, nr, datum, titel, kundeId, positionen, _ts
// Jedes Angebot hat: id, angebotNr, datum, titel, kundeId, kalkulationId, positionen, status ('Entwurf'|'Versendet'), _ts
// Jede Anzahlung hat: id, rechnungNr, datum, angebotId, kundeId, betragNetto, _ts
// Jede Schlussrechnung: id, rechnungNr, datum, angebotId, kundeId, gesamtNetto, anzahlungNetto, restNetto, _ts
// ─── STATUS BADGE ─────────────────────────────────────────────────────────────
function Badge({s}){
var cfg={
Entwurf:{bg:'#F3F4F6',color:'#6B7280'},
Versendet:{bg:'#EFF6FF',color:'#2563EB'},
Überarbeitet:{bg:'#F3F4F6',color:'#9CA3AF'},
Freigegeben:{bg:'#F0FDF4',color:'#16A34A'},
};
var c=cfg[s]||{bg:'#F3F4F6',color:'#6B7280'};
return {s};
}
// ─── NUMMERN-FORMAT-HELPERS (sevDesk RE-YY-NUMBER / AN-YY-NUMBER) ─────────────
// Alte Nummern (<1000) behalten Legacy-Format RE-0001, neue bekommen RE-26-1002
function fmtRechnungNr(nr){
var n=parseInt(nr)||0;
if(n<1000) return 'RE-'+String(n).padStart(4,'0');
var yy=new Date().getFullYear().toString().slice(-2);
return 'RE-'+yy+'-'+n;
}
function fmtAngebotNr(nr){
var n=parseInt(nr)||0;
if(n<1000) return 'AN-'+String(n).padStart(4,'0');
var yy=new Date().getFullYear().toString().slice(-2);
return 'AN-'+yy+'-'+n;
}
// ─── NAVIGATION ──────────────────────────────────────────────────────────────
var NAV=[
{id:'dashboard', icon:'⊞', label:'Dashboard'},
{id:'budget', icon:'⏱', label:'Budget & Zeiten'},
{id:'kunden', icon:'◎', label:'Kunden'},
{id:'kalkulation', icon:'≡', label:'Kalkulation'},
{id:'reisekosten', icon:'✈', label:'Reisekosten'},
{id:'privat', icon:'◈', label:'Private Ausgaben'},
{id:'einstellungen',icon:'⚙', label:'Einstellungen'},
];
var SYNC_LABEL={idle:{c:'#BBBBBB',t:'● Lokal gespeichert'},syncing:{c:'#D97706',t:'● Sync…'},ok:{c:'#16A34A',t:'● Sync aktiv'},error:{c:'#DC2626',t:'● Sync-Fehler'}};
function Sidebar({page,setPage,syncStatus,syncNow}){
var sl=SYNC_LABEL[syncStatus]||SYNC_LABEL.idle;
return(
);
}
function BottomNav({page,setPage,syncStatus,syncNow}){
var sl=SYNC_LABEL[syncStatus]||SYNC_LABEL.idle;
var all=[
{id:'dashboard',icon:'⊞',label:'Dashboard'},
{id:'budget',icon:'⏱',label:'Budget'},
{id:'kunden',icon:'◎',label:'Kunden'},
{id:'kalkulation',icon:'≡',label:'Kalkulation'},
{id:'reisekosten',icon:'✈',label:'Reise'},
{id:'privat',icon:'◈',label:'Privat'},
{id:'einstellungen',icon:'⚙',label:'Settings'},
];
return(
{all.map(function(n){return(
);})}
{syncNow&&}
{sl.t}
);
}
// ─── SHARED UI ───────────────────────────────────────────────────────────────
function Card({children,style}){return
{children}
;}
function Field({label,children,hint}){
return(
{children}
{hint&&
{hint}
}
);
}
function Modal({title,onClose,children,wide}){
return(
{title}
{children}
);
}
function Pill({active,onClick,children}){
return(
);
}
// ─── DASHBOARD ───────────────────────────────────────────────────────────────
function CashflowWidget({settings}){
var [status,setStatus]=useState('idle'); // idle|loading|ok|error
var [offenSum,setOffenSum]=useState(null);
var [faelligSum,setFaelligSum]=useState(null);
var [count,setCount]=useState(0);
var hasSevDesk=!!(settings.sevDeskToken||settings.workerUrl);
function laden(){
if(!hasSevDesk) return;
setStatus('loading');
sdFetch(settings,'/Invoice?status=200&limit=100','GET')
.then(function(r){return r.json();})
.then(function(d){
var invoices=d.objects||[];
var now=Date.now()/1000;
var offen=0; var faellig=0; var cnt=0;
invoices.forEach(function(inv){
if(inv.status==='200'||inv.status===200){
var betrag=parseFloat(inv.sumGross||inv.sumNet||0);
offen+=betrag; cnt++;
if(inv.timeToPay && (inv.invoiceDate+inv.timeToPay*86400)
💶 Cashflow-Monitor
Verbinde sevDesk unter Einstellungen → sevDesk, um offene Rechnungen und echten Umsatz live abzurufen.
);
return(
💶 Cashflow-Monitor
{status==='idle'&&
Wird geladen…
}
{status==='error'&&
sevDesk nicht erreichbar. Bitte Worker-URL prüfen.
}
{status==='ok'&&(
Offene Rechnungen ({count})
{offenSum!==null?fmt(offenSum):'–'}
brutto offen gesamt
{faelligSum>0&&(
davon überfällig
{fmt(faelligSum)}
Zahlungsziel überschritten
)}
)}
);
}
function KapazitaetsWidget({state,setPage}){
var angebote=(state.angebote||[]).filter(function(a){
return !a.storniert&&(a.status==='Entwurf'||a.status==='Versendet');
});
var s=state.settings||{};
if(angebote.length===0) return null;
var total={planung:0,werkstatt:0,montage:0};
angebote.forEach(function(a){
var h=calcAngebotsStunden(a,s);
total.planung+=h.planung;
total.werkstatt+=h.werkstatt;
total.montage+=h.montage;
});
var gesamt=total.planung+total.werkstatt+total.montage;
if(gesamt===0) return null;
var bars=[
{label:'Planung',h:total.planung,color:'#3B6FE0'},
{label:'Werkstatt / Schreinerei',h:total.werkstatt,color:'#1E1E1E'},
{label:'Montage',h:total.montage,color:'#27AE60'},
];
return(
⏱ Kapazitäts-Vorschau
aus {angebote.length} offenen Angeboten
{bars.map(function(b){
if(b.h===0) return null;
var pct=gesamt>0?b.h/gesamt:0;
var ampel=b.h>80?'#C0392B':(b.h>50?'#E67E22':b.color);
return(
);
}
function Dashboard({state,setPage}){
var s=state.settings;
var angebote=state.angebote||[];
var anzahlungen=state.anzahlungen||[];
var schluss=state.schlussrechnungen||[];
// sevDesk: Daten direkt im Dashboard halten
var [sdStatus,setSdStatus]=useState('idle');
var [sdOffen,setSdOffen]=useState(null);
var [sdCount,setSdCount]=useState(0);
var hasSevDesk=!!(s.sevDeskToken||s.workerUrl);
function ladenSevDesk(){
if(!hasSevDesk) return;
setSdStatus('loading');
sdFetch(s,'/Invoice?status=200&limit=100','GET')
.then(function(r){return r.json();})
.then(function(d){
var inv=d.objects||[]; var offen=0; var cnt=0;
inv.forEach(function(i){if(i.status==='200'||i.status===200){offen+=parseFloat(i.sumGross||i.sumNet||0);cnt++;}});
setSdOffen(offen);setSdCount(cnt);setSdStatus('ok');
}).catch(function(){setSdStatus('error');});
}
useEffect(function(){ladenSevDesk();},[]);
// Kennzahlen
var aktiveAngebote=angebote.filter(function(a){return a.status==='Versendet'||a.status==='Freigegeben';});
var angebotsvolumen=aktiveAngebote.reduce(function(t,a){return t+calcNetto(a,s);},0);
var umsatzNetto=schluss.filter(function(r){return !r.storniert;}).reduce(function(t,r){return t+(r.gesamtNetto||0);},0)
+anzahlungen.filter(function(r){return !r.storniert;}).reduce(function(t,r){return t+(parseFloat(r.betragNetto)||0);},0);
var sortedAngebote=[].concat(angebote).sort(function(a,b){return b._ts>a._ts?1:-1;}).slice(0,8);
return(
{sortedAngebote.map(function(a){
var k=(state.kunden||[]).find(function(c){return c.id===a.kundeId;});
var n=calcNetto(a,s);
return(
{a.angebotNr?fmtAngebotNr(a.angebotNr):Entwurf}
{a.datum||'–'}
{k?k.name:'–'}
{a.titel||'–'}
{fmt(n)}
);
})}
)}
);
}
// ─── KUNDEN ──────────────────────────────────────────────────────────────────
function KundenPage({state,dispatch}){
var [modal,setModal]=useState(false);
var [form,setForm]=useState({});
var [bulkStatus,setBulkStatus]=useState('idle');
var [bulkMsg,setBulkMsg]=useState('');
var kunden=state.kunden||[];
var cfg=state.settings;
var hasSevDesk=!!(cfg.sevDeskToken||cfg.workerUrl);
var linkedCount=kunden.filter(function(k){return k.sevdeskLinked;}).length;
function open(k){setForm(k?Object.assign({},k):{id:uid(),name:'',strasse:'',plzOrt:'',tel:'',email:''});setModal(true);}
function doSave(){dispatch({type:'SAVE_KUNDE',payload:form});setModal(false);}
function del(id){if(confirm('Kunden löschen?'))dispatch({type:'DEL_KUNDE',payload:id});}
function syncAlle(){
if(!hasSevDesk){alert('Kein sevDesk-Token oder Worker-URL hinterlegt (Einstellungen → sevDesk).');return;}
setBulkStatus('loading');setBulkMsg('');
var list=kunden.slice();
var results=[];
function next(i){
if(i>=list.length){
var neu=results.filter(function(r){return r.created;}).length;
var vor=results.filter(function(r){return !r.created;}).length;
setBulkStatus('ok');
setBulkMsg(neu+' neu angelegt, '+vor+' bereits vorhanden.');
return;
}
sdSyncKunde(cfg,list[i]).then(function(res){results.push(res);next(i+1);}).catch(function(e){
setBulkStatus('error');setBulkMsg('Fehler bei "'+list[i].name+'": '+(e.message||'?'));
});
}
next(0);
}
var iw={width:'100%'};
return(
Kunden
{hasSevDesk&&bulkStatus==='idle'&&kunden.length>0&&}
{hasSevDesk&&bulkStatus==='loading'&&⏳ Wird synchronisiert…}
{hasSevDesk&&bulkStatus==='ok'&&✓ {bulkMsg} }
{hasSevDesk&&bulkStatus==='error'&&✗ {bulkMsg} }
);
}
// ─── SEVDESK KALKULATION BUTTON ──────────────────────────────────────────────
function SevDeskKalkButton({kalk,kunde,settings,dispatch}){
if(!settings.sevDeskToken&&!settings.workerUrl) return null;
return ;
}
// ─── KALKULATION PAGE ────────────────────────────────────────────────────────
function KalkulationPage({state,dispatch,startNeu,startEdit}){
var kalks=state.kalkulationen||[];
var s=state.settings;
function del(id){if(confirm('Kalkulation löschen?'))dispatch({type:'DEL_KALKULATION',payload:id});}
function dup(k){
var maxNr=kalks.reduce(function(m,x){return Math.max(m,x.nr||0);},0);
var kopie=Object.assign({},k,{id:uid(),nr:maxNr+1,datum:today(),_ts:Date.now(),sevdeskLinked:undefined,sevdeskUrl:undefined});
dispatch({type:'SAVE_KALKULATION',payload:kopie});
}
return(
Kalkulation
{(state.kunden&&state.kunden.length===0)&&(
Bitte zuerst unter Kunden einen Kunden anlegen, dann kann eine Kalkulation gestartet werden.
{[].concat(kalks).sort(function(a,b){return b._ts>a._ts?1:-1;}).map(function(k){
var kd=(state.kunden||[]).find(function(c){return c.id===k.kundeId;});
var n=calcNetto(k,s);
return(
#{String(k.nr||0).padStart(4,'0')}
{k.datum||'–'}
{kd?kd.name:'–'}
{k.titel||'–'}
{fmt(n)}
{fmt(n*1.19)}
);
})}
)}
);
}
// ─── ANGEBOTE PAGE ───────────────────────────────────────────────────────────
function AngebotePage({state,dispatch,setPage}){
var angebote=state.angebote||[];
var s=state.settings;
var [filter,setFilter]=useState('Alle');
var [rechnungModal,setRechnungModal]=useState(null); // angebot für Rechnungsauswahl
var list=filter==='Alle'?angebote:angebote.filter(function(a){return a.status===filter;});
function setStatus(id,status){
dispatch({type:'SET_ANGEBOT_STATUS',payload:{id:id,status:status}});
}
function del(id){
var a=angebote.find(function(x){return x.id===id;});
if(a&&a.status==='Versendet'){
if(!confirm('Dieses Angebot ist bereits versendet und hat eine feste Nummer. Wirklich löschen?\n\nHinweis: Verknüpfte Rechnungen bleiben bestehen.'))return;
} else {
if(!confirm('Angebot löschen?'))return;
}
dispatch({type:'DEL_ANGEBOT',payload:id});
}
function RechnungWaehlen({angebot,onClose}){
var netto=calcNetto(angebot,s);
// pct: 40 | 60 | 100 (100 = Vollrechnung ohne Anzahlung)
var [pct,setPct]=useState(angebot.anzahlungProzent||40);
var [typ,setTyp]=useState('anzahlung'); // 'anzahlung' | 'schluss', nur relevant wenn pct<100
var [datum,setDatum]=useState(today());
var anzNetto=pct===100?0:netto*pct/100;
var schlussNetto=netto-anzNetto;
function erstellen(){
// Rechnungsnummer vor dem Speichern berechnen (Anzahlung: 2001+, Schluss/Voll: 1002+)
var isAnzahlung=pct<100&&typ==='anzahlung';
var baseNr=isAnzahlung?(state.nextANr||2001):(state.nextSNr||1002);
var rNr=String(baseNr).padStart(4,'0');
var rec={
id:uid(),rechnungNr:rNr,datum:datum,
angebotId:angebot.id,kundeId:angebot.kundeId,
angebotNr:angebot.angebotNr,titel:angebot.titel,
gesamtNetto:netto,_ts:Date.now()
};
if(pct===100){
rec.betragNetto=netto;rec.anzahlungNetto=0;rec.abzugAnzahlung=0;rec.restNetto=netto;rec.vollrechnung=true;
dispatch({type:'SAVE_SCHLUSS',payload:rec});setPage('schluss');
} else if(typ==='anzahlung'){
rec.betragNetto=anzNetto;rec.prozent=pct;
dispatch({type:'SAVE_ANZAHLUNG',payload:rec});setPage('anzahlung');
} else {
rec.anzahlungNetto=anzNetto;rec.abzugAnzahlung=anzNetto;rec.betragNetto=schlussNetto;rec.restNetto=schlussNetto;
dispatch({type:'SAVE_SCHLUSS',payload:rec});setPage('schluss');
}
onClose();
}
var angebotLabel=angebot.angebotNr?fmtAngebotNr(angebot.angebotNr):(angebot.titel||'Entwurf');
return(
{[].concat(list).sort(function(a,b){return b._ts>a._ts?1:-1;}).map(function(a){
var kd=(state.kunden||[]).find(function(c){return c.id===a.kundeId;});
var n=calcNetto(a,s);
var isVersendet=a.status==='Versendet';
var isUeberarbeitet=a.status==='Überarbeitet';
return(
);
}
// ─── SEVDESK KUNDE BUTTON ────────────────────────────────────────────────────
function SevDeskKundeButton({kunde,settings,dispatch}){
// Status aus persistierten Daten initialisieren
var [status,setStatus]=useState(kunde.sevdeskLinked?'ok':'idle');
var [msg,setMsg]=useState('');
var [url,setUrl]=useState(kunde.sevdeskUrl||'');
var [created,setCreated]=useState(false);
if(!settings.sevDeskToken&&!settings.workerUrl) return null;
function send(forceUpdate){
setStatus('loading');setMsg('');
// forceUpdate: Contact-ID mitgeben damit sdSyncKunde direkt PUT nutzt
var kundeForSync=forceUpdate&&kunde.sevdeskContactId?kunde:Object.assign({},kunde,{sevdeskContactId:undefined});
sdSyncKunde(settings,kundeForSync).then(function(res){
var contactUrl='https://my.sevdesk.de/#/contacts/detail/'+res.contact.id;
setStatus('ok');setCreated(res.created);setUrl(contactUrl);
// Contact-ID + Status persistieren
if(dispatch) dispatch({type:'SAVE_KUNDE',payload:Object.assign({},kunde,{
sevdeskLinked:true,sevdeskUrl:contactUrl,sevdeskContactId:String(res.contact.id)
})});
}).catch(function(e){setStatus('error');setMsg(e.message||'Fehler');});
}
return(
{status==='idle'&&}
{status==='loading'&&⏳…}
{status==='ok'&&<>
✓ sevDesk →
}
{status==='error'&&✗ {msg.slice(0,40)} }
);
}
// ─── SEVDESK BUTTONS ─────────────────────────────────────────────────────────
function SevDeskBtn({label,onSend,linked,linkedUrl,onSuccess,locked}){
var [status,setStatus]=useState(linked?'ok':'idle');
var [msg,setMsg]=useState('');
var [url,setUrl]=useState(linkedUrl||'');
function send(){
setStatus('loading');setMsg('');
onSend().then(function(link){
setStatus('ok');setUrl(link);
if(onSuccess) onSuccess(link);
}).catch(function(e){setStatus('error');setMsg(e.message||'Fehler');});
}
return(
{status==='idle'&&}
{status==='loading'&&⏳…}
{status==='ok'&&(
✓ sevDesk →
{!locked&&}
)}
{status==='error'&&✗ {msg||'Fehler'} }
);
}
function SevDeskAngebotButton({angebot,kunden,settings,dispatch}){
if(!settings.sevDeskToken&&!settings.workerUrl) return null;
var kunde=kunden.find(function(k){return k.id===angebot.kundeId;});
return ;
}
function SevDeskRechnungButton({rechnung,typ,angebot,kunden,settings,dispatch,saveAction,collection}){
if(!settings.sevDeskToken&&!settings.workerUrl) return null;
var kunde=kunden.find(function(k){return k.id===rechnung.kundeId;});
var col=collection||(saveAction==='SAVE_ANZAHLUNG'?'anzahlungen':'schlussrechnungen');
return ;
}
// ─── ANZAHLUNGSRECHNUNGEN ────────────────────────────────────────────────────
function AzahlungPage({state,dispatch,setPage}){
var list=state.anzahlungen||[];
var s=state.settings;
var [schlussModal,setSchlussModal]=useState(null); // {anzahlung, angebot}
function del(id){if(confirm('Anzahlungsrechnung löschen?'))dispatch({type:'DEL_ANZAHLUNG',payload:id});}
function storno(collection,id,label){
var g=window.prompt('Stornierungsgrund für '+label+' (Pflichtfeld – wird im Audit-Log gespeichert):','');
if(g===null) return; // abgebrochen
if(!g.trim()){alert('Bitte einen Stornierungsgrund eingeben.');return;}
dispatch({type:'STORNO_RECORD',payload:{collection:collection,id:id,grund:g.trim()}});
}
function openSchluss(anzahlung){
var angebot=(state.angebote||[]).find(function(a){return a.id===anzahlung.angebotId;});
setSchlussModal({anzahlung:anzahlung,angebot:angebot||null});
}
function createSchluss(modal){
var ang=modal.angebot;
var anz=modal.anzahlung;
var gesamtNetto=ang?calcNetto(ang,s):0;
var rabattTyp=ang?ang.rabattTyp||'prozent':'prozent';
var rabattVal=ang?ang.rabatt||0:0;
var rabattBetrag=rabattTyp==='betrag'?rabattVal:gesamtNetto*rabattVal/100;
var nettoNachRabatt=gesamtNetto-rabattBetrag;
var schlussNetto=nettoNachRabatt-(anz.betragNetto||0);
var rec={
id:uid(),rechnungNr:null,datum:today(),
angebotId:ang?ang.id:null,kundeId:anz.kundeId,
angebotNr:ang?ang.angebotNr:null,titel:anz.titel||'',
gesamtNetto:nettoNachRabatt,betragNetto:schlussNetto,
anzahlungNetto:anz.betragNetto||0,abzugAnzahlung:anz.betragNetto||0,
restNetto:schlussNetto,
status:'Entwurf',positionen:[],_ts:Date.now()
};
dispatch({type:'SAVE_SCHLUSS',payload:rec});
setSchlussModal(null);
if(setPage) setPage('schluss');
}
return(
Anzahlungsrechnungen
{schlussModal&&(
{(function(){
var ang=schlussModal.angebot;
var anz=schlussModal.anzahlung;
var gesamtNetto=ang?calcNetto(ang,s):0;
var rabattTyp=ang?ang.rabattTyp||'prozent':'prozent';
var rabattVal=ang?ang.rabatt||0:0;
var rabattBetrag=rabattTyp==='betrag'?rabattVal:gesamtNetto*rabattVal/100;
var nettoNachRabatt=gesamtNetto-rabattBetrag;
var schlussNetto=nettoNachRabatt-(anz.betragNetto||0);
return(
{[].concat(list).sort(function(a,b){return b._ts>a._ts?1:-1;}).map(function(r){
var kd=(state.kunden||[]).find(function(c){return c.id===r.kundeId;});
var angebot=(state.angebote||[]).find(function(a){return a.id===r.angebotId;});
var mwst=(r.betragNetto||0)*0.19;
var brutto=(r.betragNetto||0)+mwst;
// Prüfen ob schon eine Schlussrechnung für dieses Angebot existiert
var hatSchluss=r.angebotId&&(state.schlussrechnungen||[]).some(function(sc){return sc.angebotId===r.angebotId&&sc.status!=='Entwurf'&&!sc.storniert;});
return(
);
}
// ─── SCHLUSSRECHNUNGEN ───────────────────────────────────────────────────────
function SchlussPage({state,dispatch}){
var list=state.schlussrechnungen||[];
var s=state.settings;
var [direktModal,setDirektModal]=useState(false);
var [dForm,setDForm]=useState({});
function del(id){if(confirm('Rechnung löschen?'))dispatch({type:'DEL_SCHLUSS',payload:id});}
function storno(collection,id,label){
var g=window.prompt('Stornierungsgrund für '+label+' (Pflichtfeld – wird im Audit-Log gespeichert):','');
if(g===null) return;
if(!g.trim()){alert('Bitte einen Stornierungsgrund eingeben.');return;}
dispatch({type:'STORNO_RECORD',payload:{collection:collection,id:id,grund:g.trim()}});
}
function openDirekt(){
setDForm({id:uid(),kundeId:'',titel:'',datum:today(),positionen:[{id:uid(),bezeichnung:'',menge:1,einheit:'pauschal',einzelpreis:0}]});
setDirektModal(true);
}
function saveDirekt(){
var positionen=(dForm.positionen||[]).filter(function(p){return p.bezeichnung&&(p.einzelpreis||0)>0;});
var totalNetto=positionen.reduce(function(t,p){return t+(p.menge||1)*(p.einzelpreis||0);},0);
if(!dForm.kundeId||!dForm.titel||positionen.length===0||totalNetto<=0){alert('Bitte Kunde, Titel und mindestens eine Position mit Betrag ausfüllen.');return;}
var rec={
id:dForm.id,rechnungNr:null,datum:dForm.datum||today(),
angebotId:null,kundeId:dForm.kundeId,angebotNr:null,
titel:dForm.titel,gesamtNetto:totalNetto,betragNetto:totalNetto,
anzahlungNetto:0,abzugAnzahlung:0,restNetto:totalNetto,
positionen:positionen,
status:'Entwurf',
vollrechnung:true,direktrechnung:true,_ts:Date.now()
};
dispatch({type:'SAVE_SCHLUSS',payload:rec});
setDirektModal(false);
}
return(
Schlussrechnungen
{direktModal&&(
Für mündlich erteilte Aufträge — direkt ohne Angebot.
BezeichnungMengeEinheitEinzelpreisGesamt
{(dForm.positionen||[]).map(function(pos){
function updDP(field,val){var np=(dForm.positionen||[]).map(function(p){return p.id===pos.id?Object.assign({},p,Object.fromEntries([[field,val]])):p;});setDForm(Object.assign({},dForm,{positionen:np}));}
return(
📝Rechnungsentwürfe ({entwuerfe.length})Noch keine Rechnungsnummer vergeben – bitte prüfen & freigeben
{entwuerfe.map(function(r){
var kunde2=(state.kunden||[]).find(function(c){return c.id===r.kundeId;});
var netto=r.betragNetto||r.restNetto||0;
return(
{[].concat(freigegebene).sort(function(a,b){return b._ts>a._ts?1:-1;}).map(function(r){
var angebot=(state.angebote||[]).find(function(a){return a.id===r.angebotId;});
var isDirekt=!!r.direktrechnung;
var netto=r.betragNetto||r.restNetto||0;
var artLabel=isDirekt?'Direktrechnung':(r.vollrechnung?'Vollrechnung':'Schlussrechnung');
var artBg=isDirekt?'#FFF3E0':r.vollrechnung?'#E8F5E9':'#E3F0FF';
var artColor=isDirekt?'#E67E22':r.vollrechnung?'#27AE60':'#3B6FE0';
return(
);
}
// ─── SEVDESK TEST ─────────────────────────────────────────────────────────────
function SevDeskTestButton({token,settings}){
var cfg=settings||{sevDeskToken:token||''};
var [status,setStatus]=useState('idle');var [info,setInfo]=useState('');
if(!cfg.sevDeskToken&&!cfg.workerUrl) return
Bitte erst Token eintragen (oder Worker-URL für Proxy-Modus) und speichern.
;
function test(){
setStatus('loading');setInfo('');
sdGetCurrentUser(cfg).then(function(user){
if(!user){setStatus('error');setInfo('Kein User gefunden oder Token ungültig');return;}
setStatus('ok');setInfo('Verbunden als: '+(user.fullname||user.username||user.id));
}).catch(function(e){setStatus('error');setInfo('Fehler: '+e.message);});
}
return(
);
}
// ─── REISEKOSTEN PAGE ────────────────────────────────────────────────────────
function ReisekostenPage({state,dispatch}){
var list=state.reisekostenberichte||[];
var s=state.settings;
var [modal,setModal]=useState(false);
var [wForm,setWForm]=useState({});
var [wStep,setWStep]=useState(0);
function generateDateRange(vonD,bisD){
var parts1=vonD.split('.');
var parts2=bisD.split('.');
if(parts1.length!==3||parts2.length!==3) return [];
var start=new Date(parts1[2]+'-'+parts1[1]+'-'+parts1[0]);
var end=new Date(parts2[2]+'-'+parts2[1]+'-'+parts2[0]);
if(start>end) return [];
var tage=[];
var cur=new Date(start);
while(cur<=end){
var d=String(cur.getDate()).padStart(2,'0')+'.'+String(cur.getMonth()+1).padStart(2,'0')+'.'+cur.getFullYear();
var typ='voll';
if(d===vonD || d===bisD) typ='anteil';
tage.push({id:uid(),datum:d,typ:typ,fruehstueck:false,mittagessen:false,abendessen:false});
cur=new Date(cur.getTime()+86400000);
}
return tage;
}
function openNeu(){
setWForm({id:uid(),nr:state.nextReiseNr,datum:today(),mitarbeiter:'',reisezweck:'',land:'Italien',ziel:'',vonDatum:'',bisDatum:'',tage:[],fahrten:[],kosten:[],vorschuss:0});
setWStep(0);
setModal(true);
}
function openEdit(r){
setWForm(Object.assign({},r));
setWStep(0);
setModal(true);
}
function del(id){if(confirm('Reisekostenbericht löschen?'))dispatch({type:'DEL_REISE',payload:id});}
function doSave(){
dispatch({type:'SAVE_REISE',payload:Object.assign({},wForm,{_ts:Date.now()})});
setModal(false);
}
var pauschalen=window.AUSLANDSPAUSCHALEN[wForm.land]||{voll:28,anteil:14};
var sumTage=(wForm.tage||[]).reduce(function(t,tag){return t+calcTagesgeld(tag,pauschalen);},0);
var sumFahrten=(wForm.fahrten||[]).reduce(function(t,f){return t+(f.km||0)*0.3;},0);
var sumKosten=(wForm.kosten||[]).reduce(function(t,k){return t+(k.betrag||0);},0);
var gesamt=sumTage+sumFahrten+sumKosten;
var auszuzahlen=gesamt-(wForm.vorschuss||0);
return(
{[].concat(list).sort(function(a,b){return b._ts>a._ts?1:-1;}).map(function(r){
var sumT=(r.tage||[]).reduce(function(t,tag){var p=window.AUSLANDSPAUSCHALEN[r.land]||{voll:28,anteil:14};return t+calcTagesgeld(tag,p);},0);
var sumF=(r.fahrten||[]).reduce(function(t,f){return t+(f.km||0)*0.3;},0);
var sumK=(r.kosten||[]).reduce(function(t,k){return t+(k.betrag||0);},0);
var g=sumT+sumF+sumK;
return(
{(wForm.tage||[]).map(function(tag){
var p=window.AUSLANDSPAUSCHALEN[wForm.land]||{voll:28,anteil:14};
var tg=calcTagesgeld(tag,p);
return(
{tag.datum}{fmt(tg)}
);
})}
)}
{wStep===2&&(
Km-Entschädigung für Privatwagen – steuerlich erforderliche Angaben. Pauschale: 0,30 €/km
Datum
Von
Nach
Anlass/Zweck
km
Betrag
{(wForm.fahrten||[]).map(function(f,idx){
var betrag=(f.km||0)*0.3;
return(
{fmt(betrag)}
);
})}
{(wForm.fahrten||[]).length>0&&(
Summe Fahrtkosten{fmt(sumFahrten)} ({(wForm.fahrten||[]).reduce(function(t,f){return t+(f.km||0);},0)} km)
)}
{(wForm.fahrten||[]).length===0&&
Keine Fahrten – weiter wenn nicht zutreffend.
}
)}
{wStep===3&&(
Sonstige Reisekosten (Hotel, Flug, Bahn, Taxi…)
{(wForm.kosten||[]).map(function(k,idx){
var betrag=k.betrag||0;
return(
{fmt(betrag)}
);
})}
)}
{wStep===4&&(
Tagegelder:{fmt(sumTage)}
{sumFahrten>0&&
Fahrtkosten:{fmt(sumFahrten)}
}
{sumKosten>0&&
Sonstige Reisekosten:{fmt(sumKosten)}
}
Gesamt:{fmt(gesamt)}
{(wForm.vorschuss||0)>0&&
Abzgl. Vorschuss:– {fmt(wForm.vorschuss)}
}
Auszuzahlender Betrag:{fmt(auszuzahlen)}
{(s.sevDeskToken||s.workerUrl)&&
}
)}
{wStep>0&&}
{wStep<4&&}
{wStep===4&&}
)}
);
}
// ─── KALKULATION WIZARD ──────────────────────────────────────────────────────
function KalkWizard({state,dispatch,initial,onClose,onAlsAngebot}){
var kunden=state.kunden||[];
var settings=state.settings;
var nextNr=state.nextKalkulationNr||1;
var isEdit=!!(initial&&initial.id);
var initA=initial?migrateAuftrag(initial):{
id:uid(),nr:nextNr,datum:today(),
kundeId:'',titel:'',positionen:[],rabatt:0,rabattTyp:'prozent',
anzahlungProzent:40,
zahlungsbedingungen:'40 % Anzahlung bei Auftragserteilung, Restsumme nach Lieferung und Montage.'
};
var [step,setStep]=useState(0);
var [a,setA]=useState(initA);
var [neuerKunde,setNeuerKunde]=useState(false);
var [nkForm,setNkForm]=useState({name:'',strasse:'',plzOrt:'',tel:'',email:''});
var [newMoebelName,setNewMoebelName]=useState('');
var [rechnungGestellt,setRechnungGestellt]=useState(false);
var [eigenbau,setEigenbau]=useState(null); // {posId, items:[{materialId,menge}], aufschlag}
var STEPS=['Auftrag','Positionen','Kalkulation','Zusammenfassung'];
var ZB_PRESETS=[
{key:'anzahlung40', label:'Anzahlung 40 %', text:'40 % Anzahlung bei Auftragserteilung, Restsumme nach Lieferung und Montage.', pct:40},
{key:'anzahlung60', label:'Anzahlung 60 %', text:'60 % Anzahlung bei Auftragserteilung, Restsumme nach Lieferung und Montage.', pct:60},
{key:'nach_lieferung', label:'Zahlung nach Lieferung', text:'Zahlung innerhalb von 14 Tagen nach Lieferung und Montage, netto ohne Abzug.', pct:null},
{key:'nach_rechnung', label:'Zahlung nach Rechnungsstellung', text:'Zahlung innerhalb von 14 Tagen nach Rechnungsstellung, netto ohne Abzug.', pct:null},
{key:'individuell', label:'Individuell …', text:'', pct:null},
];
var netto=calcNetto(a,settings);
var iw={width:'100%'};
var ORDER_TYP=['planung','moebel','werkstattmiete','montage','anfahrt'];
function hasTyP(typ){return a.positionen.some(function(p){return p.typ===typ;});}
function togglePos(typ,template){
if(hasTyP(typ)){setA(function(prev){return Object.assign({},prev,{positionen:prev.positionen.filter(function(x){return x.typ!==typ;})});});}
else{
var newP=Object.assign({id:uid(),typ:typ},template);
var newOrd=ORDER_TYP.indexOf(typ);
setA(function(prev){
var arr=prev.positionen.slice();var idx=arr.length;
for(var i=0;inewOrd){idx=i;break;}}
arr.splice(idx,0,newP);
return Object.assign({},prev,{positionen:arr});
});
}
}
function movePos(id,dir){
setA(function(prev){
var arr=prev.positionen.slice();var idx=arr.findIndex(function(x){return x.id===id;});
if(idx<0) return prev;var ni=idx+dir;if(ni<0||ni>=arr.length) return prev;
var tmp=arr[idx];arr[idx]=arr[ni];arr[ni]=tmp;
return Object.assign({},prev,{positionen:arr});
});
}
function addMoebel(){
var name=newMoebelName.trim()||'Möbelstück';
var newP={id:uid(),typ:'moebel',name:name,stunden:0,stundenSatz:'werkstatt',material:[],beschreibung:''};
var moebOrd=ORDER_TYP.indexOf('moebel');
setA(function(prev){
var arr=prev.positionen.slice();var idx=arr.length;
for(var i=0;imoebOrd){idx=i;break;}}
arr.splice(idx,0,newP);return Object.assign({},prev,{positionen:arr});
});
setNewMoebelName('');
}
function updPos(id,key,val){setA(function(prev){return Object.assign({},prev,{positionen:prev.positionen.map(function(x){return x.id===id?Object.assign({},x,{[key]:val}):x;})});});}
function removePos(id){setA(function(prev){return Object.assign({},prev,{positionen:prev.positionen.filter(function(x){return x.id!==id;})});});}
function addMat(posId){
var newM={id:uid(),bezeichnung:'',ek:0,aufschlag:settings.aufschlagStd};
setA(function(prev){return Object.assign({},prev,{positionen:prev.positionen.map(function(x){return x.id===posId?Object.assign({},x,{material:x.material.concat([newM])}):x;})});});
}
function updMat(posId,matId,key,val){
setA(function(prev){return Object.assign({},prev,{positionen:prev.positionen.map(function(x){
if(x.id!==posId) return x;
return Object.assign({},x,{material:x.material.map(function(m){return m.id===matId?Object.assign({},m,{[key]:val}):m;})});
})});});
}
function delMat(posId,matId){
setA(function(prev){return Object.assign({},prev,{positionen:prev.positionen.map(function(x){
if(x.id!==posId) return x;
return Object.assign({},x,{material:x.material.filter(function(m){return m.id!==matId;})});
})});});
}
function saveNK(){
var nk=Object.assign({id:uid()},nkForm);
dispatch({type:'SAVE_KUNDE',payload:nk});
setA(function(prev){return Object.assign({},prev,{kundeId:nk.id});});
setNeuerKunde(false);setNkForm({name:'',strasse:'',plzOrt:'',tel:'',email:''});
}
function doSave(){
dispatch({type:'SAVE_KALKULATION',payload:Object.assign({},a,{_ts:Date.now()})});
onClose();
}
function doSaveUndAngebot(){
var kalk=Object.assign({},a,{_ts:Date.now()});
dispatch({type:'SAVE_KALKULATION',payload:kalk});
var angebot={
id:uid(),angebotNr:null,datum:today(),
titel:kalk.titel,kundeId:kalk.kundeId,
kalkulationId:kalk.id,positionen:kalk.positionen.slice(),
rabatt:kalk.rabatt||0,rabattTyp:kalk.rabattTyp||'prozent',
anzahlungProzent:kalk.anzahlungProzent||40,
zahlungsbedingungen:kalk.zahlungsbedingungen||'',
status:'Entwurf',_ts:Date.now()
};
dispatch({type:'SAVE_ANGEBOT',payload:angebot});
if(onAlsAngebot) onAlsAngebot();
onClose();
}
function doSaveAlsRechnung(){
var kalk=Object.assign({},a,{_ts:Date.now()});
dispatch({type:'SAVE_KALKULATION',payload:kalk});
var rabattTyp=kalk.rabattTyp||'prozent';
var rabattVal=kalk.rabatt||0;
var nettoGesamt=calcNetto(kalk,settings);
var rabattBetrag=rabattTyp==='betrag'?rabattVal:nettoGesamt*rabattVal/100;
var nettoNachRabatt=nettoGesamt-rabattBetrag;
// Positionen aus Kalkulation übernehmen
var direktPos=(kalk.positionen||[]).filter(function(p){return !p.isAlternativ;}).map(function(pos){
var bez='',preis=0;
var desc='';
if(pos.typ==='planung'){
if(!pos.berechnen) return null;
preis=(pos.stunden||0)*settings.planung;
bez='Planung / Konstruktion';
desc=pos.beschreibung||'';
} else if(pos.typ==='moebel'){
var matT=(pos.material||[]).reduce(function(t,m){return t+(m.ek||0)*(1+(m.aufschlag||0)/100);},0);
var stdH=pos.stunden!==undefined?pos.stunden:(pos.werkstattStunden||0);
var stdRate=pos.stundenSatz==='planung'?settings.planung:(pos.stundenSatz==='montage'?settings.montage:(pos.stundenSatz==='individuell'?(pos.stundenSatzIndividuell||0):settings.werkstatt));
preis=matT+stdH*stdRate+(pos.stunden!==undefined?0:(pos.planungStunden||0)*settings.planung)+(pos.werkstattmieteIntern||0);
bez=pos.name||'Produktion';
desc=pos.beschreibung||'';
} else if(pos.typ==='werkstattmiete'){
preis=pos.preis||0;
bez='Werkstattmiete';
desc=pos.beschreibung||'';
} else if(pos.typ==='montage'){
if(pos.gratis) return null;
preis=(pos.stunden||0)*settings.montage;
bez='Montage';
desc=pos.beschreibung||'';
} else if(pos.typ==='anfahrt'){
if(pos.gratis) return null;
preis=(pos.km||0)*0.6+(pos.fahrzeit||0)*55;
bez='Anfahrt';
desc=pos.beschreibung||'';
}
if(!bez||preis<=0) return null;
return {id:uid(),bezeichnung:bez,beschreibung:desc,menge:1,einheit:'pauschal',einzelpreis:preis};
}).filter(Boolean);
var rec={
id:uid(),rechnungNr:null,datum:today(),
angebotId:null,kundeId:kalk.kundeId,
angebotNr:null,titel:kalk.titel,
gesamtNetto:nettoNachRabatt,betragNetto:nettoNachRabatt,
anzahlungNetto:0,abzugAnzahlung:0,restNetto:nettoNachRabatt,
positionen:direktPos,
status:'Entwurf',
vollrechnung:true,direktrechnung:true,
kalkulationId:kalk.id,_ts:Date.now()
};
dispatch({type:'SAVE_SCHLUSS',payload:rec});
setRechnungGestellt(true);
setTimeout(function(){if(setPage) setPage('schluss');onClose();},1200);
}
function posLabel(pos){
if(pos.typ==='planung') return 'Planung & Konstruktion';
if(pos.typ==='moebel') return pos.name||'Möbelstück';
if(pos.typ==='werkstattmiete') return 'Werkstattmiete';
if(pos.typ==='montage') return 'Montage';
if(pos.typ==='anfahrt') return 'Anfahrt';
return pos.typ;
}
function posNetto(pos){
if(pos.typ==='planung') return pos.berechnen?(pos.stunden||0)*settings.planung:0;
if(pos.typ==='moebel'){var matT=(pos.material||[]).reduce(function(t,m){return t+(m.ek||0)*(1+(m.aufschlag||0)/100);},0);var stdH=pos.stunden!==undefined?pos.stunden:(pos.werkstattStunden||0);var stdRate=pos.stundenSatz==='planung'?settings.planung:(pos.stundenSatz==='montage'?settings.montage:(pos.stundenSatz==='individuell'?(pos.stundenSatzIndividuell||0):settings.werkstatt));var legPlan=pos.stunden!==undefined?0:(pos.planungStunden||0);return matT+stdH*stdRate+legPlan*settings.planung+(pos.werkstattmieteIntern||0);}
if(pos.typ==='werkstattmiete') return pos.preis||0;
if(pos.typ==='montage') return pos.gratis?0:(pos.stunden||0)*settings.montage;
if(pos.typ==='anfahrt') return pos.gratis?0:(pos.km||0)*0.6+(pos.fahrzeit||0)*55;
return 0;
}
return(
{eigenbau&&(function(){
var materialpreise=state.materialpreise||[];
var ebItems=eigenbau.items||[];
var aufschlag=eigenbau.aufschlag||30;
var totalEK=ebItems.reduce(function(t,item){
var mp=materialpreise.find(function(m){return m.id===item.materialId;});
return t+(mp?mp.preis*(item.menge||0):0);
},0);
var totalVK=totalEK*(1+aufschlag/100);
function addEbItem(){setEigenbau(Object.assign({},eigenbau,{items:[].concat(ebItems,[{id:uid(),materialId:materialpreise[0]?materialpreise[0].id:'',menge:1}])}));}
function updEbItem(id,field,val){setEigenbau(Object.assign({},eigenbau,{items:ebItems.map(function(it){return it.id===id?Object.assign({},it,Object.fromEntries([[field,val]])):it;})}));}
function delEbItem(id){setEigenbau(Object.assign({},eigenbau,{items:ebItems.filter(function(it){return it.id!==id;})}));}
function applyEigenbau(){
if(ebItems.length===0){alert('Bitte mindestens ein Material hinzufügen.');return;}
// Materialien als neue Material-Positionen in die Möbel-Position übernehmen
var newMats=ebItems.map(function(item){
var mp=materialpreise.find(function(m){return m.id===item.materialId;});
return {id:uid(),bezeichnung:(mp?mp.name:'Material')+' '+item.menge+' '+(mp?mp.einheit:''),ek:mp?(mp.preis*item.menge):0,aufschlag:aufschlag};
});
setA(function(prev){
var poss=prev.positionen.map(function(pos){
if(pos.id!==eigenbau.posId) return pos;
return Object.assign({},pos,{material:[].concat(pos.material||[],newMats)});
});
return Object.assign({},prev,{positionen:poss});
});
setEigenbau(null);
}
return(
🔨 Eigenbau kalkulieren
Materialien aus Preisdatenbank wählen
Aufschlag auf Materialkosten:%
Material
Menge
Einheit
EK/Einh.
Gesamt EK
{ebItems.map(function(item){
var mp=materialpreise.find(function(m){return m.id===item.materialId;});
var ek=mp?(mp.preis*(item.menge||0)):0;
return(
{(function(){
var zbText=a.zahlungsbedingungen||'';
var activePreset=ZB_PRESETS.find(function(p){return p.key!=='individuell'&&p.text===zbText;});
var selVal=activePreset?activePreset.key:'individuell';
return(
{selVal==='individuell'&&(
)}
);
})()}
{!neuerKunde&&}
{neuerKunde&&(
Neuer Kunde
)}
)}
{step===1&&(
Wähle alle Leistungen und füge individuelle Positionen einzeln hinzu.
)}
{step===3&&(function(){
var kd=kunden.find(function(c){return c.id===a.kundeId;});
var rabattTyp=a.rabattTyp||'prozent';
var rabattVal=a.rabatt||0;
var rabattBetrag=rabattTyp==='betrag'?rabattVal:netto*rabattVal/100;
var nettoNachRabatt=netto-rabattBetrag;
var mwst=nettoNachRabatt*0.19;
return(
);
}
// ─── PRIVATE AUSGABEN ────────────────────────────────────────────────────────
function PrivatPage({state,dispatch}){
var ausgaben=state.privatAusgaben||[];
var [form,setForm]=useState(null);
var PERSONEN=['Schuster','Krapf'];
function openNew(){
setForm({id:uid(),person:'Schuster',datum:today(),beschreibung:'',betrag:0,kategorie:'Material',projekt:'',_ts:Date.now()});
}
function save(){
if(!form.beschreibung||!form.betrag){alert('Bitte Beschreibung und Betrag ausfüllen.');return;}
dispatch({type:'SAVE_PRIVAT',payload:Object.assign({},form,{betrag:parseFloat(form.betrag)||0,_ts:Date.now()})});
setForm(null);
}
// Summierung pro Person
var totals={};
PERSONEN.forEach(function(p){totals[p]=0;});
ausgaben.forEach(function(a){if(totals[a.person]!==undefined) totals[a.person]+=a.betrag||0;});
var KATEGORIEN=['Material','Maschine/Gerät','Werkzeug','Bürobedarf','Sonstiges'];
return(
Private Ausgaben
Firmenkäufe mit privatem Eigennutzen – Übersicht & Nachverfolgung
{form&&(
)}
{/* Übersicht pro Person */}
{PERSONEN.map(function(p){
var total=totals[p]||0;
var anzahl=ausgaben.filter(function(a){return a.person===p;}).length;
return(
);
}
// ─── EINSTELLUNGEN ───────────────────────────────────────────────────────────
function EinstellungenPage({state,dispatch,syncNow}){
var [s,setS]=useState(Object.assign({},state.settings));
var [testResult,setTestResult]=useState(null);
var [mpreise,setMpreise]=useState(state.materialpreise||[]);
function upd(k,v){setS(function(p){return Object.assign({},p,{[k]:v});});}
function doSave(){dispatch({type:'SAVE_SETTINGS',payload:s});dispatch({type:'SAVE_MATERIALPREISE',payload:mpreise});setTimeout(function(){if(syncNow)syncNow();},300);alert('Gespeichert ✓');}
function addMP(){setMpreise(function(p){return[].concat(p,[{id:uid(),name:'Neues Material',einheit:'m²',preis:0}]);});}
function updMP(id,field,val){setMpreise(function(p){return p.map(function(m){return m.id===id?Object.assign({},m,Object.fromEntries([[field,val]])):m;});});}
function delMP(id){setMpreise(function(p){return p.filter(function(m){return m.id!==id;});});}
function testConnection(){
setTestResult('testing');
if(!s.workerUrl||!s.workerSecret){setTestResult('missing');return;}
fetch(s.workerUrl,{headers:{'X-Secret':s.workerSecret}}).then(function(r){
if(r.status===401){setTestResult('wrong_pw');return;}
if(!r.ok){setTestResult('error');return;}
return r.json().then(function(ex){return fetch(s.workerUrl,{method:'POST',headers:{'X-Secret':s.workerSecret,'Content-Type':'application/json'},body:JSON.stringify(ex||{})}).then(function(r2){setTestResult(r2.ok?'ok':'post_err');});});
}).catch(function(){setTestResult('network');});
}
var iw={width:'100%'};var IW={width:'100%',maxWidth:120};
function exportData(){var blob=new Blob([JSON.stringify(state,null,2)],{type:'application/json'});var url=URL.createObjectURL(blob);var el=document.createElement('a');el.href=url;el.download='schusterkrapf_daten.json';el.click();URL.revokeObjectURL(url);}
function importData(e){var f=e.target.files[0];if(!f)return;var r=new FileReader();r.onload=function(ev){try{var d=JSON.parse(ev.target.result);dispatch({type:'IMPORT',payload:d});alert('Importiert ✓');}catch(err){alert('Fehler beim Import');}};r.readAsText(f);}
return(
Preise werden im Eigenbau-Kalkulator verwendet. Alle Preise als Einkaufspreis (EK) – Aufschlag wird beim Kalkulieren eingestellt.
Material
Einheit
EK-Preis
{mpreise.map(function(m){return(
);})}
⏱ Zeiterfassung (Google Sheet)
Die Zeitdaten werden automatisch über den Cloudflare Worker geladen – kein separates Feld nötig. Einmalige Einrichtung: In Cloudflare Workers → kalkulation → Settings → Variables:
Variable ZEIT_URL = deine Apps Script Web-App URL (ohne ?api=zeiten)
📒 sevDesk
sevDesk → Einstellungen → Benutzer → API-Token · Alternativ: Token leer lassen und SEVDESK_TOKEN als Cloudflare Worker Secret hinterlegen (GoBD-Empfehlung: Token nie im Browser speichern).
Export / Import
);
}
// ─── BUDGET & ZEITEN ─────────────────────────────────────────────────────────
// Berechnet geplante Stunden aus Angebots-Positionen
function calcAngebotsStunden(angebot,settings){
var h={planung:0,werkstatt:0,montage:0,gesamt:0};
(angebot.positionen||[]).forEach(function(pos){
if(pos.typ==='planung'){h.planung+=(pos.stunden||0);}
else if(pos.typ==='moebel'){
var stdH=pos.stunden!==undefined?pos.stunden:(pos.werkstattStunden||0);
var lPlan=pos.stunden!==undefined?0:(pos.planungStunden||0);
if(pos.stundenSatz==='planung') h.planung+=stdH;
else if(pos.stundenSatz==='montage') h.montage+=stdH;
else h.werkstatt+=stdH;
if(lPlan) h.planung+=lPlan;
} else if(pos.typ==='montage'){
h.montage+=(pos.stunden||0)*(pos.personen||1);
}
});
h.gesamt=h.planung+h.werkstatt+h.montage;
return h;
}
function BudgetPage({state,dispatch}){
var settings=state.settings||{};
var angebote=(state.angebote||[]).filter(function(a){return !a.storniert;});
var kunden=state.kunden||[];
// Zeitdaten leben im App-State → überleben Navigation
var googleData=state.zeitCache||null;
var [loading,setLoading]=useState(false);
var [fehler,setFehler]=useState(null);
var kalkulationen=state.kalkulationen||[];
var interneProjekte=state.interneProjekte||[];
var [internOffen,setInternOffen]=useState(false);
// linkMap direkt aus State ableiten – kein lokaler useState, damit Cloud-Sync greift
var linkMap={};
angebote.forEach(function(a){if(a.googleProjektId) linkMap[a.googleProjektId]={typ:'angebot',id:a.id};});
kalkulationen.forEach(function(k){if(k.googleProjektId) linkMap[k.googleProjektId]={typ:'kalkulation',id:k.id};});
var [linkEdit,setLinkEdit]=useState(null);
function ladeDaten(){
if(!settings.workerUrl||!settings.workerSecret){setFehler('Bitte erst Worker-URL und Passwort in den Einstellungen (Cloud-Sync) konfigurieren.');return;}
setLoading(true);setFehler(null);
fetch(settings.workerUrl+'/zeiten',{headers:{'X-Secret':settings.workerSecret}})
.then(function(r){return r.json();})
.then(function(d){
if(d.error) throw new Error(d.error);
dispatch({type:'SAVE_ZEITDATEN',payload:d});
setLoading(false);
})
.catch(function(e){setFehler('Fehler: '+e.message);setLoading(false);});
}
// Speichert Verknüpfung: typ = 'angebot' | 'kalkulation', itemId = id des Eintrags
function speichereLink(googleProjektId,typ,itemId){
// alte Verknüpfung entfernen
var old=linkMap[googleProjektId];
if(old){
if(old.typ==='angebot'){
var oa=angebote.find(function(a){return a.id===old.id;});
if(oa) dispatch({type:'SAVE_ANGEBOT',payload:Object.assign({},oa,{googleProjektId:null,_ts:Date.now()})});
} else {
var ok=kalkulationen.find(function(k){return k.id===old.id;});
if(ok) dispatch({type:'SAVE_KALKULATION',payload:Object.assign({},ok,{googleProjektId:null,_ts:Date.now()})});
}
}
// neue Verknüpfung setzen – _ts aktualisieren damit Cloud-Merge korrekt entscheidet
if(typ&&itemId){
if(typ==='angebot'){
var na=angebote.find(function(a){return a.id===itemId;});
if(na) dispatch({type:'SAVE_ANGEBOT',payload:Object.assign({},na,{googleProjektId:googleProjektId,_ts:Date.now()})});
} else {
var nk=kalkulationen.find(function(k){return k.id===itemId;});
if(nk) dispatch({type:'SAVE_KALKULATION',payload:Object.assign({},nk,{googleProjektId:googleProjektId,_ts:Date.now()})});
}
}
setLinkEdit(null);
}
// Verknüpfte IDs sammeln für "ohne Zeiterfassung" Liste
var verknuepfteAngIds=Object.values(linkMap).filter(function(l){return l.typ==='angebot';}).map(function(l){return l.id;});
var verknuepfteKalkIds=Object.values(linkMap).filter(function(l){return l.typ==='kalkulation';}).map(function(l){return l.id;});
var offeneAngebote=angebote.filter(function(a){
return (a.status==='Versendet'||a.status==='Freigegeben')&&!verknuepfteAngIds.includes(a.id);
});
var offeneKalks=kalkulationen.filter(function(k){return !verknuepfteKalkIds.includes(k.id);});
function fmtH(h){return h.toFixed(1)+' h';}
function fmtEuro(v){return v.toLocaleString('de-DE',{minimumFractionDigits:0,maximumFractionDigits:0})+' €';}
// Erkennt Stundensatz-Typ anhand Task-Name (Keyword-Matching)
function detectRateType(name){
var n=(name||'').toLowerCase();
if(/planung|entwurf|konstruktion|konzept|kommunikation|briefing|design/.test(n)) return 'planung';
if(/werkstatt|produktion|fertigung|herstellung/.test(n)) return 'werkstatt';
if(/montage|einbau|aufbau|installation/.test(n)) return 'montage';
return null;
}
// Aggregiert Tasks eines Projekts nach Rate-Typ
function aggregateByRate(tasks,s){
var acc={planung:{h:0,tasks:[]},werkstatt:{h:0,tasks:[]},montage:{h:0,tasks:[]},sonstige:{h:0,tasks:[]}};
(tasks||[]).forEach(function(t){
var typ=detectRateType(t.name);
var key=typ||'sonstige';
acc[key].h+=t.gesamtH||0;
if(t.gesamtH>0) acc[key].tasks.push(t.name);
});
return acc;
}
// Kein Auto-Fetch – Daten bleiben im State erhalten, nur auf Knopfdruck aktualisieren
return(
Bitte erst Einstellungen → Cloud-Sync (Worker-URL und Passwort) einrichten.
Außerdem muss ZEIT_URL als Variable im Cloudflare Worker hinterlegt sein.
)}
{fehler&&
{fehler}
}
{/* Projekte mit Zeitdaten – nur externe (nicht intern markierte) */}
{googleData&&(googleData.projekte||[]).filter(function(p){return p.id!=='__unbekannt__'&&interneProjekte.indexOf(p.id)<0;}).map(function(gp){
var link=linkMap[gp.id];
var ang=link&&link.typ==='angebot'?angebote.find(function(a){return a.id===link.id;}):null;
var kalk=link&&link.typ==='kalkulation'?kalkulationen.find(function(k){return k.id===link.id;}):null;
var linked=ang||kalk;
var kunde=linked?kunden.find(function(k){return k.id===linked.kundeId;}):null;
var geplant=linked?calcAngebotsStunden(linked,settings):{gesamt:0,planung:0,werkstatt:0,montage:0};
var istH=gp.gesamtH||0;
var sollH=geplant.gesamt;
var pct=sollH>0?Math.min(istH/sollH,1.05):0;
var barColor=pct<0.75?'#27AE60':(pct<0.95?'#E67E22':'#C0392B');
var restH=sollH-istH;
var isEdit=linkEdit===gp.id;
var linkLabel=ang?(fmtAngebotNr(ang.angebotNr)+' (Angebot)'):kalk?('Kalkulation #'+kalk.nr):null;
return(
)}
{/* Task-Aufschlüsselung nach Stundensatz – nur wenn API tasks liefert */}
{(gp.tasks&&gp.tasks.length>0)&&(function(){
var byRate=aggregateByRate(gp.tasks,settings);
var raten=[
{key:'planung',label:'Planung',rate:settings.planung||80,color:'#3B6FE0'},
{key:'werkstatt',label:'Werkstatt',rate:settings.werkstatt||55,color:'#7B5EA7'},
{key:'montage',label:'Montage',rate:settings.montage||55,color:'#27AE60'},
{key:'sonstige',label:'Sonstige',rate:null,color:'#aaa'},
];
var gesamtKosten=raten.reduce(function(t,r){return t+(r.rate?byRate[r.key].h*r.rate:0);},0);
return(
Getracked nach Stundensatz
{raten.map(function(r){
var acc=byRate[r.key];
if(acc.h===0) return null;
return(
);
}
// ─── REDUCER ─────────────────────────────────────────────────────────────────
function reducer(state,action){
switch(action.type){
case 'SAVE_ZEITDATEN':return Object.assign({},state,{zeitCache:action.payload});
case 'SET_INTERN_PROJEKT':{
var list=(state.interneProjekte||[]).slice();
if(action.payload.intern){if(list.indexOf(action.payload.id)<0) list.push(action.payload.id);}
else list=list.filter(function(x){return x!==action.payload.id;});
return Object.assign({},state,{interneProjekte:list});
}
case 'SAVE_KUNDE':{
var ex=state.kunden.find(function(k){return k.id===action.payload.id;});
return Object.assign({},state,{kunden:ex?state.kunden.map(function(k){return k.id===action.payload.id?action.payload:k;}):[].concat(state.kunden,[action.payload])});
}
case 'DEL_KUNDE':return Object.assign({},state,{kunden:state.kunden.filter(function(k){return k.id!==action.payload;}),_deletedKunden:[].concat(state._deletedKunden||[],[action.payload])});
case 'SAVE_KALKULATION':{
var kalks=state.kalkulationen||[];
var ex=kalks.find(function(k){return k.id===action.payload.id;});
var ns=Object.assign({},state,{kalkulationen:ex?kalks.map(function(k){return k.id===action.payload.id?action.payload:k;}):[].concat(kalks,[action.payload])});
if(!ex) ns.nextKalkulationNr=(state.nextKalkulationNr||1)+1;
return ns;
}
case 'DEL_KALKULATION':return Object.assign({},state,{kalkulationen:(state.kalkulationen||[]).filter(function(k){return k.id!==action.payload;}),_deletedKalkulationen:[].concat(state._deletedKalkulationen||[],[action.payload])});
case 'SAVE_ANGEBOT':{
var angs=state.angebote||[];
var ex=angs.find(function(a){return a.id===action.payload.id;});
var ns=Object.assign({},state,{angebote:ex?angs.map(function(a){return a.id===action.payload.id?action.payload:a;}):[].concat(angs,[action.payload])});
// Nummer wird NICHT beim Erstellen vergeben – erst beim Versenden
return ns;
}
case 'SET_ANGEBOT_STATUS':{
var angs=state.angebote||[];
var ns=Object.assign({},state);
// Selbstheilender Zähler: immer Maximum aus Counter, tatsächlich vergeben Nummern, Mindestwert 1000
var maxUsedNr=angs.reduce(function(m,a){return Math.max(m,parseInt(a.angebotNr)||0);},0);
var nextNr=Math.max(state.nextAngebotNr||0,maxUsedNr+1,1000);
ns.angebote=angs.map(function(a){
if(a.id!==action.payload.id) return a;
var updated=Object.assign({},a,{status:action.payload.status,_ts:Date.now()});
// Nummer erst vergeben wenn Versendet und noch keine Nummer vorhanden
if(action.payload.status==='Versendet'&&!a.angebotNr){
updated.angebotNr=nextNr;
ns.nextAngebotNr=nextNr+1;
}
return updated;
});
return ns;
}
case 'DEL_ANGEBOT':{
var newAngs=(state.angebote||[]).filter(function(a){return a.id!==action.payload;});
var maxNr=newAngs.reduce(function(m,a){return Math.max(m,parseInt(a.angebotNr)||0);},0);
return Object.assign({},state,{angebote:newAngs,nextAngebotNr:Math.max(state.nextAngebotNr||0,maxNr+1,1000),_deletedAngebote:[].concat(state._deletedAngebote||[],[action.payload])});
}
case 'UEBERARBEITEN_ANGEBOT':{
var angs=state.angebote||[];
var orig=angs.find(function(a){return a.id===action.payload;});
if(!orig) return state;
var newId='ang_'+Date.now()+'_'+Math.random().toString(36).slice(2,7);
var kopie=Object.assign({},orig,{
id:newId,
angebotNr:null,
status:'Entwurf',
ersetztAngebotId:orig.id,
_ts:Date.now()
});
var updatedAngs=angs.map(function(a){
if(a.id!==action.payload) return a;
return Object.assign({},a,{status:'Überarbeitet',ersetztDurch:newId,_ts:Date.now()});
});
updatedAngs=[].concat(updatedAngs,[kopie]);
return Object.assign({},state,{angebote:updatedAngs});
}
case 'SAVE_ANZAHLUNG':{
var list=state.anzahlungen||[];
var ex=list.find(function(r){return r.id===action.payload.id;});
var ns=Object.assign({},state,{anzahlungen:ex?list.map(function(r){return r.id===action.payload.id?action.payload:r;}):[].concat(list,[action.payload])});
if(!ex) ns.nextANr=(state.nextANr||1)+1;
return ns;
}
case 'DEL_ANZAHLUNG':return Object.assign({},state,{anzahlungen:(state.anzahlungen||[]).filter(function(r){return r.id!==action.payload;}),_deletedAnzahlungen:[].concat(state._deletedAnzahlungen||[],[action.payload])});
case 'SAVE_SCHLUSS':{
var list=state.schlussrechnungen||[];
var ex=list.find(function(r){return r.id===action.payload.id;});
var ns=Object.assign({},state,{schlussrechnungen:ex?list.map(function(r){return r.id===action.payload.id?action.payload:r;}):[].concat(list,[action.payload])});
// Nummernkreis nur erhöhen wenn keine Entwurf-Speicherung (Nummer wird erst bei Freigabe vergeben)
if(!ex && action.payload.status!=='Entwurf') ns.nextSNr=(state.nextSNr||1)+1;
return ns;
}
case 'FREIGABE_SCHLUSS':{
// Entwurf freigeben: Rechnungsnummer vergeben und Status auf 'Freigegeben' setzen
var list=state.schlussrechnungen||[];
// Selbstheilender Zähler: Maximum aus gespeichertem Counter UND tatsächlich vergebenen Nummern
var maxUsedSNr=list.reduce(function(m,r){return Math.max(m,parseInt(r.rechnungNr||'0',10)||0);},0);
var nextSNrVal=Math.max(state.nextSNr||1002,maxUsedSNr+1);
var rNr=String(nextSNrVal).padStart(4,'0');
var updated=list.map(function(r){
if(r.id!==action.payload) return r;
return Object.assign({},r,{rechnungNr:rNr,status:'Freigegeben',_ts:Date.now()});
});
return Object.assign({},state,{schlussrechnungen:updated,nextSNr:nextSNrVal+1});
}
case 'DEL_SCHLUSS':{
// Entwurf: einfach löschen ohne _deletedSchluss (keine GoBD-Relevanz)
var delItem=(state.schlussrechnungen||[]).find(function(r){return r.id===action.payload;});
var isEntwurf=delItem&&delItem.status==='Entwurf';
var newList=(state.schlussrechnungen||[]).filter(function(r){return r.id!==action.payload;});
if(isEntwurf) return Object.assign({},state,{schlussrechnungen:newList});
return Object.assign({},state,{schlussrechnungen:newList,_deletedSchluss:[].concat(state._deletedSchluss||[],[action.payload])});
}
case 'SAVE_PRIVAT':{
var list=state.privatAusgaben||[];
var ex=list.find(function(r){return r.id===action.payload.id;});
return Object.assign({},state,{privatAusgaben:ex?list.map(function(r){return r.id===action.payload.id?action.payload:r;}):[].concat(list,[action.payload])});
}
case 'DEL_PRIVAT':return Object.assign({},state,{privatAusgaben:(state.privatAusgaben||[]).filter(function(r){return r.id!==action.payload;}),_deletedPrivat:[].concat(state._deletedPrivat||[],[action.payload])});
case 'SAVE_MATERIALPREISE':return Object.assign({},state,{materialpreise:action.payload});
case 'SAVE_REISE':{
var list=state.reisekostenberichte||[];
var ex=list.find(function(r){return r.id===action.payload.id;});
var ns=Object.assign({},state,{reisekostenberichte:ex?list.map(function(r){return r.id===action.payload.id?action.payload:r;}):[].concat(list,[action.payload])});
if(!ex) ns.nextReiseNr=(state.nextReiseNr||1)+1;
return ns;
}
case 'DEL_REISE':return Object.assign({},state,{reisekostenberichte:(state.reisekostenberichte||[]).filter(function(r){return r.id!==action.payload;}),_deletedReise:[].concat(state._deletedReise||[],[action.payload])});
case 'SAVE_SETTINGS':return Object.assign({},state,{settings:action.payload});
case 'IMPORT':return Object.assign({},DEFAULT,action.payload);
// ── GoBD: Lock, Storno, Duplicate ────────────────────────────────────────
case 'LOCK_RECORD':{
var col=action.payload.collection;
var auditAction=action.payload.action||'Exportiert nach sevDesk';
var upd=(state[col]||[]).map(function(r){
if(r.id!==action.payload.id) return r;
var log=[].concat(r.auditLog||[],[{ts:Date.now(),action:auditAction}]);
return Object.assign({},r,{locked:true,auditLog:log,_ts:Date.now()});
});
var patch={};patch[col]=upd;return Object.assign({},state,patch);
}
case 'STORNO_RECORD':{
var col=action.payload.collection;
var grund=action.payload.grund||'';
var upd=(state[col]||[]).map(function(r){
if(r.id!==action.payload.id) return r;
var logEntry={ts:Date.now(),action:'Storniert'};
if(grund) logEntry.grund=grund;
var log=[].concat(r.auditLog||[],[logEntry]);
return Object.assign({},r,{storniert:true,locked:true,stornoGrund:grund||r.stornoGrund,auditLog:log,_ts:Date.now()});
});
var patch={};patch[col]=upd;return Object.assign({},state,patch);
}
case 'DUPLICATE_RECORD':{
var col=action.payload.collection;
var orig=(state[col]||[]).find(function(r){return r.id===action.payload.id;});
if(!orig) return state;
var dup=Object.assign({},orig,{
id:uid(),_ts:Date.now(),
locked:undefined,storniert:undefined,
sevdeskLinked:undefined,sevdeskUrl:undefined,
auditLog:[{ts:Date.now(),action:'Kopie erstellt von '+action.payload.id}]
});
var ns=Object.assign({},state);
if(col==='angebote'){dup.angebotNr=null;dup.status='Entwurf';}
else if(col==='anzahlungen'){var na=state.nextANr||1;dup.rechnungNr=String(na).padStart(4,'0');ns.nextANr=na+1;}
else if(col==='schlussrechnungen'){var ns2=state.nextSNr||1;dup.rechnungNr=String(ns2).padStart(4,'0');ns.nextSNr=ns2+1;}
else if(col==='reisekostenberichte'){var nr2=state.nextReiseNr||1;dup.nr=nr2;ns.nextReiseNr=nr2+1;}
var colPatch={};colPatch[col]=[].concat(state[col]||[],[dup]);
return Object.assign({},ns,colPatch);
}
default:return state;
}
}
// ─── APP ─────────────────────────────────────────────────────────────────────
function App(){
var saved=loadLS();
var init=saved?Object.assign({},DEFAULT,saved):DEFAULT;
// Fehlende neue Felder ergänzen (Migration)
// Migration: auftraege → kalkulationen
// Auch wenn kalkulationen:[] bereits gespeichert wurde aber auftraege vorhanden sind
if(saved && saved.auftraege && saved.auftraege.length>0 && (!saved.kalkulationen||saved.kalkulationen.length===0)){
init.kalkulationen=saved.auftraege;
}
if(!init.angebote) init.angebote=[];
if(!init.anzahlungen) init.anzahlungen=[];
if(!init.schlussrechnungen) init.schlussrechnungen=[];
// Zähler immer aus tatsächlichen Daten neu berechnen (self-healing)
var maxKalkNr=(init.kalkulationen||[]).reduce(function(m,k){return Math.max(m,k.nr||0);},0);
init.nextKalkulationNr=maxKalkNr+1;
var maxAngNr=(init.angebote||[]).reduce(function(m,a){return Math.max(m,a.angebotNr||0);},0);
init.nextAngebotNr=maxAngNr+1;
var maxANr=(init.anzahlungen||[]).reduce(function(m,r){return Math.max(m,parseInt(r.rechnungNr||'0',10)||0);},0);
init.nextANr=maxANr+1;
var maxSNr=(init.schlussrechnungen||[]).reduce(function(m,r){return Math.max(m,parseInt(r.rechnungNr||'0',10)||0);},0);
init.nextSNr=maxSNr+1;
// Nummernkreise sevDesk: Angebote 1000+ (AN-26-XXXX), Schluss 1002+ (RE-26-XXXX), Anzahlung 2001+ (RE-26-XXXX)
if(init.nextAngebotNr<1000) init.nextAngebotNr=1000;
if(init.nextSNr<1002) init.nextSNr=1002;
if(init.nextANr<2001) init.nextANr=2001;
// Initialize reisekostenberichte if missing
if(!init.reisekostenberichte) init.reisekostenberichte=[];
if(!init.nextReiseNr) init.nextReiseNr=1;
var [state,dispatchBase]=useState(init);
var [syncStatus,setSyncStatus]=useState('idle');
var isMounted=useRef(true);
var stateRef=useRef(state);
stateRef.current=state;
useEffect(function(){isMounted.current=true;return function(){isMounted.current=false;};},[]);
var syncNow=useCallback(function(){
var cfg=stateRef.current.settings;
if(!cfg.workerUrl||!cfg.workerSecret) return;
setSyncStatus('syncing');
cloudLoad(cfg).then(function(remote){
if(!isMounted.current) return;
var local=stateRef.current;
var merged=remote?mergeStates(local,remote):local;
dispatchBase(merged);saveLS(merged);
cloudSave(cfg,merged).then(function(ok){if(isMounted.current) setSyncStatus(ok?'ok':'error');});
}).catch(function(){if(isMounted.current) setSyncStatus('error');});
},[]);
var syncTimerRef=useRef(null);
// Aktionen die KEINEN Cloud-Sync auslösen (nur lokaler Cache / UI-State)
var NO_SYNC_ACTIONS=['SAVE_ZEITDATEN'];
var dispatch=useCallback(function(action){
dispatchBase(function(prev){
var next=reducer(prev,action);
next=Object.assign({},next,{_ts:Date.now()});
saveLS(next);return next;
});
// Kein Auto-Sync für reine Cache-Aktionen
if(NO_SYNC_ACTIONS.indexOf(action.type)>=0) return;
// Debounced auto-sync: 30 Sekunden nach letzter echter Änderung
if(syncTimerRef.current) clearTimeout(syncTimerRef.current);
syncTimerRef.current=setTimeout(function(){syncNow();},30000);
},[syncNow]);
// Startup-Sync: beim ersten Laden einmalig von der Cloud holen (damit Handy Desktop-Daten bekommt)
var startupSyncDone=useRef(false);
useEffect(function(){
if(startupSyncDone.current) return;
var cfg=stateRef.current.settings;
if(!cfg.workerUrl||!cfg.workerSecret) return;
startupSyncDone.current=true;
syncNow();
},[syncNow]);
// Periodischer Auto-Sync alle 5 Minuten (sparsam mit Cloudflare-Tokens)
useEffect(function(){
var cfg=stateRef.current.settings;
if(!cfg.workerUrl||!cfg.workerSecret) return;
var iv=setInterval(function(){syncNow();},300000);
return function(){clearInterval(iv);};
},[syncNow,state.settings.workerUrl,state.settings.workerSecret]);
var [page,setPage]=useState('dashboard');
var [wizard,setWizard]=useState(null);
return(