tmiller/pokemon
1
0
Fork 1
Code Issues 4 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

[feat] save/remove inventory working now

Browse Source
This commit is contained in:
Thad Miller
2026-04-03 22:50:54 -04:00
parent 03394d81e8
commit 12a42b87b8
2 changed files with 95 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/pages/api/inventory.ts
View File

@@ -24,7 +24,11 @@ const getInventory = async (userId:string, cardId:number) => {
const invHtml = inventories.map(inv => {
return `
<article class="border rounded-4 p-2 bg-body-tertiary inventory-entry-card">
<article class="border rounded-4 p-2 bg-body-tertiary inventory-entry-card"
data-inventory-id="${inv.inventoryId}"
data-card-id="${inv.cardId}"
data-purchase-price="${inv.purchasePrice}"
data-note="${(inv.note || '').replace(/"/g, '&quot;')}">
<div class="d-flex flex-column gap-2">
<!-- Top row -->
<div class="d-flex justify-content-between align-items-start gap-3">
@@ -52,14 +56,14 @@ const getInventory = async (userId:string, cardId:number) => {
<div class="d-flex align-items-center gap-2">
<span class="small text-secondary">Qty</span>
<div class="btn-group" role="group" aria-label="Quantity controls">
<button type="button" class="btn btn-outline-secondary btn-sm">−</button>
<button type="button" class="btn btn-outline-secondary btn-sm" tabindex="-1">${inv.quantity}</button>
<button type="button" class="btn btn-outline-secondary btn-sm">+</button>
<button type="button" class="btn btn-outline-secondary btn-sm" data-inv-action="decrement">−</button>
<button type="button" class="btn btn-outline-secondary btn-sm" tabindex="-1" data-inv-qty>${inv.quantity}</button>
<button type="button" class="btn btn-outline-secondary btn-sm" data-inv-action="increment">+</button>
</div>
</div>
<div class="d-flex align-items-center gap-2 flex-wrap">
<button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
<button type="button" class="btn btn-sm btn-outline-danger">Remove</button>
<button type="button" class="btn btn-sm btn-outline-secondary" data-inv-action="update">Edit</button>
<button type="button" class="btn btn-sm btn-outline-danger" data-inv-action="remove">Remove</button>
</div>
</div>
</div>