Oprava posunů mezi dny v inputech

This commit is contained in:
Martin Berka 2024-03-05 23:10:38 +01:00
parent 1e280e9d05
commit 93ba8def03
4 changed files with 9 additions and 6 deletions

View File

@ -374,6 +374,7 @@ function App() {
Poslední změny: Poslední změny:
<ul> <ul>
<li>Anděloviny</li> <li>Anděloviny</li>
<li>Zamezení posunů mezi dny šipkami v inputech</li>
</ul> </ul>
</Alert> </Alert>
{dayIndex != null && {dayIndex != null &&
@ -582,6 +583,7 @@ function App() {
if (event.key === 'Enter') { if (event.key === 'Enter') {
handlePizzaPoznamkaChange(); handlePizzaPoznamkaChange();
} }
event.stopPropagation();
}} /> }} />
<Button <Button
style={{ marginLeft: '20px' }} style={{ marginLeft: '20px' }}

View File

@ -24,6 +24,7 @@ export default function NoteModal({ isOpen, onClose, onSave }: Props) {
if (event.key === 'Enter') { if (event.key === 'Enter') {
save(); save();
} }
event.stopPropagation();
}} /> }} />
</Modal.Body> </Modal.Body>
<Modal.Footer> <Modal.Footer>

View File

@ -106,18 +106,18 @@ export default function PizzaCalculatorModal({ isOpen, onClose }: Props) {
<p>Zadejte parametry pizzy pro jejich srovnání.</p> <p>Zadejte parametry pizzy pro jejich srovnání.</p>
<Row> <Row>
<Col size="6"> <Col size="6">
<input className="mb-3" ref={diameter1Ref} type="number" step="1" min="1" placeholder="Průměr 1. pizzy (cm)" onChange={recalculate} /> <input className="mb-3" ref={diameter1Ref} type="number" step="1" min="1" placeholder="Průměr 1. pizzy (cm)" onChange={recalculate} onKeyDown={e => e.stopPropagation()} />
</Col> </Col>
<Col size="6"> <Col size="6">
<input className="mb-3" ref={diameter2Ref} type="number" step="1" min="1" placeholder="Průměr 2. pizzy (cm)" onChange={recalculate} /> <input className="mb-3" ref={diameter2Ref} type="number" step="1" min="1" placeholder="Průměr 2. pizzy (cm)" onChange={recalculate} onKeyDown={e => e.stopPropagation()} />
</Col> </Col>
</Row> </Row>
<Row> <Row>
<Col size="6"> <Col size="6">
<input className="mb-3" ref={price1Ref} type="number" min="1" placeholder="Cena 1. pizzy (Kč)" onChange={recalculate} /> <input className="mb-3" ref={price1Ref} type="number" min="1" placeholder="Cena 1. pizzy (Kč)" onChange={recalculate} onKeyDown={e => e.stopPropagation()} />
</Col> </Col>
<Col size="6"> <Col size="6">
<input className="mb-3" ref={price2Ref} type="number" min="1" placeholder="Cena 2. pizzy (Kč)" onChange={recalculate} /> <input className="mb-3" ref={price2Ref} type="number" min="1" placeholder="Cena 2. pizzy (Kč)" onChange={recalculate} onKeyDown={e => e.stopPropagation()} />
</Col> </Col>
</Row> </Row>
<Row> <Row>

View File

@ -27,8 +27,8 @@ export default function SettingsModal({ isOpen, onClose, onSave }: Props) {
<hr /> <hr />
<h4>Bankovní účet</h4> <h4>Bankovní účet</h4>
<p>Nastavením čísla účtu umožníte automatické generování QR kódů pro úhradu za vámi provedené objednávky v rámci Pizza day.<br />Pokud vaše číslo účtu neobsahuje předčíslí, je možné ho zcela vynechat.<br /><br />Číslo účtu není ukládáno na serveru, posílá se na něj pouze za účelem vygenerování QR kódů.</p> <p>Nastavením čísla účtu umožníte automatické generování QR kódů pro úhradu za vámi provedené objednávky v rámci Pizza day.<br />Pokud vaše číslo účtu neobsahuje předčíslí, je možné ho zcela vynechat.<br /><br />Číslo účtu není ukládáno na serveru, posílá se na něj pouze za účelem vygenerování QR kódů.</p>
Číslo účtu: <input className="mb-3" ref={bankAccountRef} type="text" placeholder="123456-1234567890/1234" defaultValue={settings?.bankAccount} /> <br /> Číslo účtu: <input className="mb-3" ref={bankAccountRef} type="text" placeholder="123456-1234567890/1234" defaultValue={settings?.bankAccount} onKeyDown={e => e.stopPropagation()} /> <br />
Název příjemce (jméno majitele účtu): <input ref={nameRef} type="text" placeholder="Jan Novák" defaultValue={settings?.holderName} /> Název příjemce (jméno majitele účtu): <input ref={nameRef} type="text" placeholder="Jan Novák" defaultValue={settings?.holderName} onKeyDown={e => e.stopPropagation()} />
</Modal.Body> </Modal.Body>
<Modal.Footer> <Modal.Footer>
<Button variant="secondary" onClick={onClose}> <Button variant="secondary" onClick={onClose}>