Dateien nach "frontend/src/tools" hochladen
This commit is contained in:
@@ -107,7 +107,7 @@ function BestellungDetail({ id, toast, onBack }) {
|
||||
? archiv.filter(a => a.name.toLowerCase().includes(pickerSearch.toLowerCase()))
|
||||
: archiv;
|
||||
|
||||
if (loading) return <div style={{padding:24,color:'rgba(255,255,255,0.3)',fontFamily:'monospace'}}>Lädt…</div>;
|
||||
if (loading) return <div style={{padding:24,color:'rgba(255,255,255,0.6)',fontFamily:'monospace'}}>Lädt…</div>;
|
||||
|
||||
// Status aus Stück-Zählern ableiten
|
||||
const itemDisplayStatus = (item) => {
|
||||
@@ -231,7 +231,7 @@ function BestellungDetail({ id, toast, onBack }) {
|
||||
</div>
|
||||
|
||||
{order.items.length===0 && (
|
||||
<div style={{color:'rgba(255,255,255,0.2)',fontFamily:'monospace',fontSize:12,padding:'6px 0'}}>
|
||||
<div style={{color:'rgba(255,255,255,0.5)',fontFamily:'monospace',fontSize:12,padding:'6px 0'}}>
|
||||
Noch keine Positionen.
|
||||
</div>
|
||||
)}
|
||||
@@ -310,13 +310,13 @@ function BestellungDetail({ id, toast, onBack }) {
|
||||
};
|
||||
return (
|
||||
<div key={key} style={{background:`${color}10`,border:`1px solid ${color}30`,borderRadius:8,padding:'8px 6px',textAlign:'center'}}>
|
||||
<div style={{color:'rgba(255,255,255,0.35)',fontSize:9,fontFamily:'monospace',marginBottom:6}}>{label.toUpperCase()}</div>
|
||||
<div style={{color:'rgba(255,255,255,0.6)',fontSize:9,fontFamily:'monospace',marginBottom:6}}>{label.toUpperCase()}</div>
|
||||
<div style={{display:'flex',alignItems:'center',justifyContent:'center',gap:4}}>
|
||||
<button onClick={handleDec}
|
||||
style={{width:22,height:22,borderRadius:5,background:'rgba(0,0,0,0.3)',border:'none',color:canDec?color:'rgba(255,255,255,0.15)',fontSize:16,cursor:canDec?'pointer':'default',lineHeight:1}}>−</button>
|
||||
style={{width:22,height:22,borderRadius:5,background:'rgba(0,0,0,0.3)',border:'none',color:canDec?color:'rgba(255,255,255,0.45)',fontSize:16,cursor:canDec?'pointer':'default',lineHeight:1}}>−</button>
|
||||
<span style={{color,fontFamily:"'Space Mono',monospace",fontSize:16,fontWeight:700,minWidth:20,textAlign:'center'}}>{qty}</span>
|
||||
<button onClick={handleInc}
|
||||
style={{width:22,height:22,borderRadius:5,background:'rgba(0,0,0,0.3)',border:'none',color:canInc?color:'rgba(255,255,255,0.15)',fontSize:16,cursor:canInc?'pointer':'default',lineHeight:1}}>+</button>
|
||||
style={{width:22,height:22,borderRadius:5,background:'rgba(0,0,0,0.3)',border:'none',color:canInc?color:'rgba(255,255,255,0.45)',fontSize:16,cursor:canInc?'pointer':'default',lineHeight:1}}>+</button>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
@@ -342,7 +342,7 @@ function BestellungDetail({ id, toast, onBack }) {
|
||||
))}
|
||||
{item.custom_price!=null && (
|
||||
<div style={{textAlign:'center',minWidth:60,marginLeft:'auto'}}>
|
||||
<div style={{color:'rgba(255,255,255,0.3)',fontSize:9,fontFamily:'monospace'}}>FEST</div>
|
||||
<div style={{color:'rgba(255,255,255,0.6)',fontSize:9,fontFamily:'monospace'}}>FEST</div>
|
||||
<div style={{color:'#fff',fontFamily:"'Space Mono',monospace",fontSize:12,fontWeight:700}}>
|
||||
{(item.custom_price*item.stueckzahl).toFixed(2)}€
|
||||
</div>
|
||||
@@ -361,7 +361,7 @@ function BestellungDetail({ id, toast, onBack }) {
|
||||
{PREISE.map(p=>(
|
||||
<div key={p.key} style={{background:`${p.c}10`,border:`1px solid ${p.c}30`,borderRadius:9,padding:'10px 8px',textAlign:'center'}}>
|
||||
<div style={{fontSize:16,marginBottom:2}}>{p.emoji}</div>
|
||||
<div style={{color:'rgba(255,255,255,0.35)',fontSize:9,fontFamily:'monospace',marginBottom:3}}>{p.label}</div>
|
||||
<div style={{color:'rgba(255,255,255,0.6)',fontSize:9,fontFamily:'monospace',marginBottom:3}}>{p.label}</div>
|
||||
<div style={{color:p.c,fontFamily:"'Space Mono',monospace",fontSize:16,fontWeight:700}}>
|
||||
{totals[p.key].toFixed(2)}€
|
||||
</div>
|
||||
@@ -414,7 +414,7 @@ function BestellungDetail({ id, toast, onBack }) {
|
||||
}}>
|
||||
<div style={{textAlign:'left'}}>
|
||||
<div style={{color:'#fff',fontFamily:'monospace',fontSize:13}}>{a.name}</div>
|
||||
<div style={{color:'rgba(255,255,255,0.3)',fontFamily:'monospace',fontSize:10,marginTop:2}}>{a.gramm}g · {a.stunden}h</div>
|
||||
<div style={{color:'rgba(255,255,255,0.6)',fontFamily:'monospace',fontSize:10,marginTop:2}}>{a.gramm}g · {a.stunden}h</div>
|
||||
</div>
|
||||
<div style={{display:'flex',gap:8}}>
|
||||
{PREISE.map(p=>(
|
||||
@@ -426,7 +426,7 @@ function BestellungDetail({ id, toast, onBack }) {
|
||||
</div>
|
||||
</button>
|
||||
))}
|
||||
{filteredArchiv.length===0 && <div style={{color:'rgba(255,255,255,0.25)',fontFamily:'monospace',fontSize:12,padding:'12px 8px'}}>Keine Treffer.</div>}
|
||||
{filteredArchiv.length===0 && <div style={{color:'rgba(255,255,255,0.55)',fontFamily:'monospace',fontSize:12,padding:'12px 8px'}}>Keine Treffer.</div>}
|
||||
</div>
|
||||
<div style={{padding:'8px 16px 24px'}}>
|
||||
<button onClick={()=>setShowPicker(false)} style={{...S.btn('#ff6b9d'),width:'100%',textAlign:'center',padding:'10px 0'}}>Schließen</button>
|
||||
@@ -500,7 +500,7 @@ export default function Bestellungen({ toast, mobile }) {
|
||||
</span>
|
||||
<input value={search} onChange={e=>setSearch(e.target.value)} placeholder="Name suchen…"
|
||||
style={{...S.inp,paddingLeft:34,fontSize:15}}/>
|
||||
{search && <button onClick={()=>setSearch('')} style={{position:'absolute',right:10,top:'50%',transform:'translateY(-50%)',background:'transparent',border:'none',color:'rgba(255,255,255,0.3)',cursor:'pointer',fontSize:16}}>✕</button>}
|
||||
{search && <button onClick={()=>setSearch('')} style={{position:'absolute',right:10,top:'50%',transform:'translateY(-50%)',background:'transparent',border:'none',color:'rgba(255,255,255,0.6)',cursor:'pointer',fontSize:16}}>✕</button>}
|
||||
</div>
|
||||
|
||||
{/* Status-Filter */}
|
||||
@@ -522,15 +522,15 @@ export default function Bestellungen({ toast, mobile }) {
|
||||
))}
|
||||
</div>
|
||||
|
||||
<p style={{color:'rgba(255,255,255,0.25)',fontFamily:'monospace',fontSize:10,marginBottom:12}}>
|
||||
<p style={{color:'rgba(255,255,255,0.55)',fontFamily:'monospace',fontSize:10,marginBottom:12}}>
|
||||
{filtered.length} von {orders.length} Bestellungen
|
||||
</p>
|
||||
|
||||
{loading && <div style={{color:'rgba(255,255,255,0.3)',fontFamily:'monospace'}}>Lädt…</div>}
|
||||
{loading && <div style={{color:'rgba(255,255,255,0.6)',fontFamily:'monospace'}}>Lädt…</div>}
|
||||
|
||||
{!loading && orders.length===0 && (
|
||||
<div style={{...S.card,textAlign:'center',padding:40}}>
|
||||
<div style={{color:'rgba(255,255,255,0.25)',fontFamily:'monospace',fontSize:12}}>Noch keine Bestellungen.</div>
|
||||
<div style={{color:'rgba(255,255,255,0.55)',fontFamily:'monospace',fontSize:12}}>Noch keine Bestellungen.</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
@@ -544,7 +544,7 @@ export default function Bestellungen({ toast, mobile }) {
|
||||
<div style={{display:'flex',justifyContent:'space-between',alignItems:'flex-start',marginBottom:6}}>
|
||||
<button onClick={()=>setOpenId(order.id)} style={{background:'transparent',border:'none',cursor:'pointer',textAlign:'left',padding:0,flex:1}}>
|
||||
<div style={{color:'#fff',fontFamily:'monospace',fontSize:14,fontWeight:700}}>{order.name}</div>
|
||||
<div style={{color:'rgba(255,255,255,0.3)',fontFamily:'monospace',fontSize:10,marginTop:2}}>
|
||||
<div style={{color:'rgba(255,255,255,0.6)',fontFamily:'monospace',fontSize:10,marginTop:2}}>
|
||||
{new Date(order.created_at).toLocaleDateString('de-DE')}
|
||||
</div>
|
||||
</button>
|
||||
|
||||
Reference in New Issue
Block a user