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

Add Recent filter to show 10 most recently added items

Browse Source 
Sorts by ID descending (newest first) and limits to 10 items.

🤖 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-23 23:13:11 -05:00
parent 6b7858aabe
commit f39a9b0c5a
1 changed files with 14 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
index.html
View File

@@ -662,6 +662,7 @@
<button class="nav-tab" data-filter="in-stock">In Stock</button> <button class="nav-tab" data-filter="in-stock">In Stock</button>
<button class="nav-tab" data-filter="out">Out of Stock</button> <button class="nav-tab" data-filter="out">Out of Stock</button>
<button class="nav-tab" data-filter="spices">Spices</button> <button class="nav-tab" data-filter="spices">Spices</button>
<button class="nav-tab" data-filter="recent">Recent</button>
<button class="nav-tab" data-filter="qr">QR Code</button> <button class="nav-tab" data-filter="qr">QR Code</button>
</div> </div>
@@ -946,6 +947,7 @@
let filtered = inventory.filter(item => { let filtered = inventory.filter(item => {
const matchesSearch = item.name.toLowerCase().includes(searchTerm); const matchesSearch = item.name.toLowerCase().includes(searchTerm);
const matchesFilter = currentFilter === 'all' || const matchesFilter = currentFilter === 'all' ||
currentFilter === 'recent' ||
(currentFilter === 'in-stock' && !item.outOfStock) || (currentFilter === 'in-stock' && !item.outOfStock) ||
(currentFilter === 'out' && item.outOfStock) || (currentFilter === 'out' && item.outOfStock) ||
(currentFilter === 'spices' && item.container.startsWith('spice-')); (currentFilter === 'spices' && item.container.startsWith('spice-'));
@@ -953,11 +955,18 @@
return matchesSearch && matchesFilter && matchesContainer; return matchesSearch && matchesFilter && matchesContainer;
}); });
// Sort based on filter
if (currentFilter === 'recent') {
// Sort by ID descending (newest first) and limit to 10
filtered.sort((a, b) => b.id - a.id);
filtered = filtered.slice(0, 10);
} else {
// Sort: in-stock first, then alphabetically // Sort: in-stock first, then alphabetically
filtered.sort((a, b) => { filtered.sort((a, b) => {
if (a.outOfStock !== b.outOfStock) return a.outOfStock ? 1 : -1; if (a.outOfStock !== b.outOfStock) return a.outOfStock ? 1 : -1;
return a.name.localeCompare(b.name); return a.name.localeCompare(b.name);
}); });
}
if (filtered.length === 0) { if (filtered.length === 0) {
list.innerHTML = ` list.innerHTML = `