Jan/RFP_Finanzen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Belegupload Layout lesbar anordnen
All checks were successful
CI / Build (push) Successful in 2m0s
Details
CI / Deploy (push) Successful in 1m55s
Details

Browse Source
This commit is contained in:
jan
2026-05-01 18:06:19 +02:00
parent 7d23214a2d
commit 3cb48eeb78
1 changed files with 61 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
src/components/dashboard/budget-column.tsx
View File

@@ -8,6 +8,7 @@ import EditRoundedIcon from "@mui/icons-material/EditRounded";
import ExpandLessRoundedIcon from "@mui/icons-material/ExpandLessRounded";
import ExpandMoreRoundedIcon from "@mui/icons-material/ExpandMoreRounded";
import EuroRoundedIcon from "@mui/icons-material/EuroRounded";
import PhotoCameraRoundedIcon from "@mui/icons-material/PhotoCameraRounded";
import ReceiptLongRoundedIcon from "@mui/icons-material/ReceiptLongRounded";
import TaskAltRoundedIcon from "@mui/icons-material/TaskAltRounded";
import UploadFileRoundedIcon from "@mui/icons-material/UploadFileRounded";
@@ -863,7 +864,7 @@ export function BudgetColumn({
expense.approvalStatus === "APPROVED" &&
!expense.proofUrl &&
canUploadProof ? (
<Stack direction={{ xs: "column", sm: "row" }} gap={1} alignItems={{ sm: "center" }}>
<Stack spacing={1} sx={{ width: "100%", maxWidth: 420 }}>
<TextField
label="Rechnungsdatum"
type="date"
@@ -877,48 +878,76 @@ export function BudgetColumn({
InputLabelProps={{ shrink: true }}
size="small"
required
fullWidth
/>
<TextField
label="Beleg"
label="Rechnungsdokument"
value={proofFileDrafts[expense.id]?.name ?? expense.proofUrl ?? ""}
InputProps={{ readOnly: true }}
size="small"
fullWidth
/>
<Button component="label" size="small" variant="outlined" startIcon={<UploadFileRoundedIcon />} disabled={busy}>
Datei
<input
hidden
type="file"
accept="image/*,application/pdf"
onChange={(event) =>
setProofFileDrafts((current) => ({
...current,
[expense.id]: event.target.files?.[0] ?? null
}))
}
/>
</Button>
<Button component="label" size="small" variant="outlined" disabled={busy}>
Kamera
<input
hidden
type="file"
accept="image/*"
capture="environment"
onChange={(event) =>
setProofFileDrafts((current) => ({
...current,
[expense.id]: event.target.files?.[0] ?? null
}))
}
/>
</Button>
<Stack direction="row" spacing={1}>
<Button
component="label"
size="small"
variant="outlined"
startIcon={<UploadFileRoundedIcon />}
disabled={busy}
fullWidth
sx={{ minWidth: 0 }}
>
Datei
<input
hidden
type="file"
accept="image/*,application/pdf"
onChange={(event) =>
setProofFileDrafts((current) => ({
...current,
[expense.id]: event.target.files?.[0] ?? null
}))
}
/>
</Button>
<Button
component="label"
size="small"
variant="outlined"
startIcon={<PhotoCameraRoundedIcon />}
disabled={busy}
fullWidth
sx={{ minWidth: 0 }}
>
Kamera
<input
hidden
type="file"
accept="image/*"
capture="environment"
onChange={(event) =>
setProofFileDrafts((current) => ({
...current,
[expense.id]: event.target.files?.[0] ?? null
}))
}
/>
</Button>
</Stack>
<Button
size="small"
size="medium"
variant="contained"
color="success"
disabled={busy}
fullWidth
sx={{
minHeight: 44,
px: 1.5,
lineHeight: 1.25,
whiteSpace: "normal",
overflowWrap: "anywhere",
textAlign: "center"
}}
onClick={async () => {
const proofFile = proofFileDrafts[expense.id];
const invoiceDate = invoiceDateDrafts[expense.id] ?? "";