eric/pantry
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Add Enter key to submit forms in modals

Browse Source 
- Enter in PIN input triggers Unlock
- Enter in Confirm PIN input triggers Save PIN
- Enter in Item Name input triggers Save Item

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Eric Wagoner
2025-12-24 10:46:17 -05:00
parent c55a8e08c4
commit 0421fd9833
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@@ -726,7 +726,7 @@
<div class="modal-body">
<div class="form-group">
<label class="form-label" for="pinInput">4-Digit PIN</label>
<input type="password" class="form-input pin-input" id="pinInput" maxlength="4" placeholder="••••" inputmode="numeric" aria-describedby="pinHelpText">
<input type="password" class="form-input pin-input" id="pinInput" maxlength="4" placeholder="••••" inputmode="numeric" aria-describedby="pinHelpText" onkeydown="if(event.key==='Enter'){event.preventDefault();verifyPin();}">
</div>
<button class="btn btn-primary" onclick="verifyPin()">Unlock</button>
<p id="pinHelpText" style="text-align: center; margin-top: 16px; font-size: 0.85rem; color: var(--soft-gray);"></p>
@@ -756,7 +756,7 @@
</div>
<div class="form-group">
<label class="form-label" for="confirmPinInput">Confirm PIN</label>
<input type="password" class="form-input pin-input" id="confirmPinInput" maxlength="4" placeholder="••••" inputmode="numeric">
<input type="password" class="form-input pin-input" id="confirmPinInput" maxlength="4" placeholder="••••" inputmode="numeric" onkeydown="if(event.key==='Enter'){event.preventDefault();setPin();}">
</div>
<button class="btn btn-primary" onclick="setPin()">Save PIN</button>
</div>
@@ -778,7 +778,7 @@
<div class="modal-body">
<div class="form-group">
<label class="form-label" for="itemName">Item Name</label>
<input type="text" class="form-input" id="itemName" placeholder="e.g., All Purpose Flour">
<input type="text" class="form-input" id="itemName" placeholder="e.g., All Purpose Flour" onkeydown="if(event.key==='Enter'){event.preventDefault();saveItem();}">
</div>
<div class="form-group">
<label class="form-label" for="itemContainer">Container Type</label>