Skip to content
This repository has been archived by the owner on Jun 8, 2024. It is now read-only.

Verkauf Versandkosten #33

Merged
merged 1 commit into from
Mar 10, 2024
Merged

Verkauf Versandkosten #33

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
83 changes: 59 additions & 24 deletions src/lib/rechnungsfussAngebot.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,15 +10,21 @@ function RechnungsfussAngebot({ summe, setRechnungsbetrag }: { summe: number, se
const [geo, setGeo] = useState('DE');
const [express, setExpress] = useState(false);

const [manuelleVersandkosten, setManuelleVersandkosten] = useState(false);
const [versandkostenM, setVersandkostenM] = useState("0");
let getManuelleVersandkosten = nec(versandkostenM);

const [versandModal, setVersandModal] = useState(false);

const [manuellerRabatt, setManuellerRabatt] = useState(false);
const [rabattProzent, setRabattProzent] = useState("0");
let getRabattProzent = nec(rabattProzent);
const [rabattProzentM, setRabattProzentM] = useState("0");
let getManuellerRabattProzent = nec(rabattProzentM);

const [rabattModal, setRabattModal] = useState(false);

const rabatt = () => {
if (manuellerRabatt) {
return getRabattProzent;
return getManuellerRabattProzent;
}
if (summe >= 10000) {
return 10;
Expand All @@ -30,6 +36,9 @@ function RechnungsfussAngebot({ summe, setRechnungsbetrag }: { summe: number, se
}

const versandkosten = () => {
if (manuelleVersandkosten) {
return getManuelleVersandkosten;
}
let kosten = 0;
if (express == true) {
kosten += 30;
Expand Down Expand Up @@ -67,25 +76,6 @@ function RechnungsfussAngebot({ summe, setRechnungsbetrag }: { summe: number, se

return (
<>
<Table striped bordered hover>
<tbody>
<tr>
<th>Geo</th>
<td>
<select value={geo} onChange={(event) => setGeo(event.target.value)}>
<option value="DE">DE</option>
<option value="EU">EU</option>
</select>
</td>
</tr>
<tr>
<th>Express</th>
<td>
<input type="checkbox" checked={express} onChange={(event) => setExpress(event.target.checked)} />
</td>
</tr>
</tbody>
</Table>

<Table striped bordered hover>
<tbody>
Expand Down Expand Up @@ -120,7 +110,7 @@ function RechnungsfussAngebot({ summe, setRechnungsbetrag }: { summe: number, se
<tr>
<th>Rabatt in %</th>
<td>
<input type="number" value={rabattProzent} onChange={(event) => setRabattProzent(event.target.value)} />
<input type="number" value={rabattProzentM} onChange={(event) => setRabattProzentM(event.target.value)} />
</td>
</tr>
</tbody>
Expand All @@ -139,7 +129,52 @@ function RechnungsfussAngebot({ summe, setRechnungsbetrag }: { summe: number, se
<td>
<WaehrungBadge value={versandkosten()} />
</td>
<td></td>
<td>
<Button variant="outline-secondary" size="sm" onClick={() => setVersandModal(true)} className="ms-2">Ändern</Button>
<Modal show={versandModal} onHide={() => setVersandModal(false)}>
<Modal.Header closeButton>
<Modal.Title>Versandkosten ändern</Modal.Title>
</Modal.Header>
<Modal.Body>
<Table striped bordered hover>
<tbody>
<tr>
<th>Manuelle Versandkosten</th>
<td>
<input type="checkbox" checked={manuelleVersandkosten} onChange={(event) => setManuelleVersandkosten(event.target.checked)} />
</td>
</tr>
<tr>
<th>Manuelle Versandkosten in €</th>
<td>
<input type="number" value={versandkostenM} onChange={(event) => setVersandkostenM(event.target.value)} />
</td>
</tr>
<tr>
<th>Expressversand</th>
<td>
<input type="checkbox" checked={express} onChange={(event) => setExpress(event.target.checked)} />
</td>
</tr>
<tr>
<th>Geo</th>
<td>
<select value={geo} onChange={(event) => setGeo(event.target.value)}>
<option value="DE">DE</option>
<option value="EU">EU</option>
</select>
</td>
</tr>
</tbody>
</Table>
</Modal.Body>
<Modal.Footer>
<Button variant="success" onClick={() => setVersandModal(false)}>
Fertig
</Button>
</Modal.Footer>
</Modal>
</td>
</tr>
<tr>
<th>Gesamtpreis netto</th>
Expand Down