Archibald/karby
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: save-meal knop weer zichtbaar bij 2+ geselecteerde items

Browse source 
Worker had style.display:none in template maar gebruikte disabled in handler —
knop bleef hidden. Gefixt naar display toggle + 2-item minimum.

Save-knop en delete-knop staan nu naast elkaar zichtbaar als 2+ items geselecteerd.
This commit is contained in:
cas 2026-07-24 22:33:59 +02:00
parent 89a196ce9a
commit 065644eb73
2 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
docker/index.html
View file

@ -3576,13 +3576,13 @@ button:active, .btn:active, .meal-card-main:active, .dagboek-item:active, .food-
const delBtn = footer.querySelector('.delete-selected-footer-btn'); const delBtn = footer.querySelector('.delete-selected-footer-btn');
const checked = card.querySelectorAll('.item-checkbox:checked').length; const checked = card.querySelectorAll('.item-checkbox:checked').length;
const total = card.querySelectorAll('.item-checkbox').length; const total = card.querySelectorAll('.item-checkbox').length;
if (checked === 0) { if (checked < 2) {
saveBtn.disabled = true; saveBtn.style.display = 'none';
saveBtn.innerHTML = `<i class="fas fa-star"></i> Selecteer ${total} items`;
if (delBtn) delBtn.classList.add('hidden'); if (delBtn) delBtn.classList.add('hidden');
} else { } else {
saveBtn.style.display = '';
saveBtn.disabled = false; saveBtn.disabled = false;
saveBtn.innerHTML = `<i class="fas fa-star"></i> Opslaan ${checked} ${checked === 1 ? 'item' : 'items'} als maaltijd`; saveBtn.innerHTML = `<i class="fas fa-star"></i> Opslaan ${checked} items als maaltijd`;
if (delBtn) delBtn.classList.remove('hidden'); if (delBtn) delBtn.classList.remove('hidden');
} }
}); });

8
index.html
View file

@ -3576,13 +3576,13 @@ button:active, .btn:active, .meal-card-main:active, .dagboek-item:active, .food-
const delBtn = footer.querySelector('.delete-selected-footer-btn'); const delBtn = footer.querySelector('.delete-selected-footer-btn');
const checked = card.querySelectorAll('.item-checkbox:checked').length; const checked = card.querySelectorAll('.item-checkbox:checked').length;
const total = card.querySelectorAll('.item-checkbox').length; const total = card.querySelectorAll('.item-checkbox').length;
if (checked === 0) { if (checked < 2) {
saveBtn.disabled = true; saveBtn.style.display = 'none';
saveBtn.innerHTML = `<i class="fas fa-star"></i> Selecteer ${total} items`;
if (delBtn) delBtn.classList.add('hidden'); if (delBtn) delBtn.classList.add('hidden');
} else { } else {
saveBtn.style.display = '';
saveBtn.disabled = false; saveBtn.disabled = false;
saveBtn.innerHTML = `<i class="fas fa-star"></i> Opslaan ${checked} ${checked === 1 ? 'item' : 'items'} als maaltijd`; saveBtn.innerHTML = `<i class="fas fa-star"></i> Opslaan ${checked} items als maaltijd`;
if (delBtn) delBtn.classList.remove('hidden'); if (delBtn) delBtn.classList.remove('hidden');
} }
}); });