Brak wyników — zmień filtry lub wyszukiwanie.
`;
return;
}
let html = '';
// Section 1: Potrzebne (shortfalls)
if (shortfalls.length > 0) {
html += `
Brak zaplanowanych posiłków
Zaplanuj posiłki, a spiżarnia pokaże czego potrzebujesz i co masz na stanie.
` + html;
}
root.innerHTML = html;
// Bind tile clicks
root.querySelectorAll('.pv2-tile').forEach((btn) => {
btn.addEventListener('click', () => openIngredientCard(btn.dataset.id, null));
});
}
/* ══════════════════════ INGREDIENT SHEET ══════════════════════ */
function openIngredientCard(ingredientId, productId) {
ingredientCard?.open({
ingredientId,
productId,
sourceNote: 'Ze spiżarni',
onAfterChange: () => renderBoard(),
});
}
/* ══════════════════════ PUBLIC API ══════════════════════ */
export function refreshPantry() {
syncHorizonUI();
renderBoard();
ingredientCard?.refresh();
}
export function setupPantry() {
if (!ingredientCard) {
ingredientCard = createIngredientCardController({ idBase: 'pv2-card', defaultSourceNote: 'Ze spiżarni' });
ingredientCard.bind();
}
syncHorizonUI();
renderBoard();
// Scroll shadow under top bar
const pantryScroll = document.getElementById('pantry-scroll');
const topbarOuter = document.getElementById('pantry-topbar-outer');
if (pantryScroll && topbarOuter) {
const shadow = document.createElement('div');
shadow.style.cssText = 'position:absolute;left:0;right:0;bottom:-8px;height:8px;background:linear-gradient(to bottom,rgba(0,0,0,0.25),transparent);opacity:0;transition:opacity 0.2s;pointer-events:none;';
topbarOuter.appendChild(shadow);
pantryScroll.addEventListener('scroll', () => {
shadow.style.opacity = pantryScroll.scrollTop > 2 ? '1' : '0';
});
}
// Search
document.getElementById('pantry-search')?.addEventListener('input', () => renderBoard());
document.getElementById('pantry-search')?.addEventListener('keydown', (event) => {
if (event.key === 'Escape') closeSearch();
});
document.getElementById('pantry-search-toggle')?.addEventListener('click', () => openSearch());
document.getElementById('pantry-search-close')?.addEventListener('click', () => closeSearch());
document.getElementById('pantry-filter-toggle')?.addEventListener('click', () => toggleFilterPanel());
document.getElementById('pantry-filter-clear')?.addEventListener('click', () => {
pantryFilters = { categories: [], sections: [] };
syncHorizonUI();
renderBoard();
});
document.getElementById('pantry-filter-panel-body')?.addEventListener('click', (event) => {
const target = event.target;
if (!(target instanceof Element)) return;
const chip = target.closest('[data-pantry-filter-kind]');
if (!(chip instanceof Element)) return;
const kind = chip.getAttribute('data-pantry-filter-kind');
const value = chip.getAttribute('data-pantry-filter-value');
if (!kind || !value) return;
if (kind === 'category') {
pantryFilters = {
...pantryFilters,
categories: toggleStringFilter(pantryFilters.categories, value),
};
}
if (kind === 'section') {
pantryFilters = {
...pantryFilters,
sections: toggleStringFilter(pantryFilters.sections, value),
};
}
syncHorizonUI();
renderBoard();
});
// Horizon pill + calendar
document.getElementById('pantry-horizon-compact')?.addEventListener('click', (event) => {
event.stopPropagation();
openCalendar();
});
document.getElementById('pantry-horizon-toggle')?.addEventListener('click', () => {
if (isCalendarOpen) {
closeCalendar();
return;
}
openCalendar();
});
document.getElementById('pantry-cal-prev')?.addEventListener('click', () => {
const prevMonth = addMonths(calendarMonthAnchor, -1);
if (prevMonth.getTime() < startOfMonth(getToday()).getTime()) return;
calendarMonthAnchor = prevMonth;
syncHorizonUI();
});
document.getElementById('pantry-cal-next')?.addEventListener('click', () => {
calendarMonthAnchor = addMonths(calendarMonthAnchor, 1);
syncHorizonUI();
});
document.getElementById('pantry-cal-today')?.addEventListener('click', () => {
calendarMonthAnchor = startOfMonth(getToday());
syncHorizonUI();
});
bindCalendarDayClicks(document.getElementById('pantry-calendar-grid'), (date) => {
selectHorizonDate(date);
}, PANTRY_CALENDAR_DAY_ATTR);
if (!pantryGlobalListenersBound) {
pantryGlobalListenersBound = true;
document.addEventListener('click', (event) => {
const target = event.target;
if (!(target instanceof Element)) return;
if (isCalendarOpen && !target.closest('#pantry-horizon-wrap, #pantry-horizon-compact')) {
closeCalendar();
}
if (isFilterOpen && !target.closest('#pantry-filter-wrap')) {
closeFilter();
}
});
}
window.refreshPantry = refreshPantry;
}