Keine Pflegetipps hinterlegt.
';
}
return { waterButtonHTML, fertilizeButtonHTML, placeholderImg, tipsContentHTML, compactWaterPillHTML, compactFertilizePillHTML };
}
function createPlantCardElement(plant) {
const cardWrapper = document.createElement('div');
cardWrapper.className = 'plant-card';
cardWrapper.dataset.id = plant.id;
const { waterButtonHTML, fertilizeButtonHTML, placeholderImg, tipsContentHTML } = createPlantCardHTML(plant);
cardWrapper.innerHTML = `Lade Einträge...
';
api.getDiaryEntries(plant.id)
.then(entries => renderDiaryEntries(entries, plant.id))
.catch(() => {
if(diaryContent) diaryContent.innerHTML = 'Einträge konnten nicht geladen werden.
';
showToast('Tagebuch konnte nicht geladen werden.', true);
});
addManagedListener(document.getElementById('diaryForm'), 'submit', handleDiaryFormSubmit);
addManagedListener(diaryModal.querySelector('.close-btn'), 'click', closeDiaryModal);
addManagedListener(diaryModal, 'click', (e) => { if (e.target === diaryModal) closeDiaryModal(); });
diaryModal.classList.add('show');
document.body.classList.add('modal-open');
}
async function handleDiaryFormSubmit(e) {
e.preventDefault();
const diaryForm = document.getElementById('diaryForm');
const saveBtn = diaryForm.querySelector('button[type="submit"]');
saveBtn.disabled = true;
try {
const result = await api.addDiaryEntry(new FormData(diaryForm));
if(result.success) {
showToast('Eintrag gespeichert!');
const plantId = result.entry.plant_id;
const entries = await api.getDiaryEntries(plantId);
renderDiaryEntries(entries, plantId);
diaryForm.reset();
removeDiaryPhoto();
} else { throw new Error(result.error); }
} catch (error) { showToast('Eintrag konnte nicht gespeichert werden.', true);
} finally {
saveBtn.disabled = false;
}
}
export function closeDiaryModal() {
const diaryModal = document.getElementById('diaryModal');
if (diaryModal) {
stopCamera('diary');
removeAllManagedListeners();
diaryModal.classList.remove('show');
if (!document.querySelector('.modal.show')) {
document.body.classList.remove('modal-open');
}
}
}
export function renderDiaryEntries(entries, plantId) {
const diaryContent = document.getElementById('diaryContent');
if (!diaryContent) return;
diaryContent.innerHTML = '';
if (entries.length === 0) {
diaryContent.innerHTML = 'Noch keine Einträge vorhanden.
';
return;
}
const groupedEntries = entries.reduce((acc, entry) => {
const date = new Date(entry.entry_date).toLocaleDateString('de-DE', { year: 'numeric', month: 'long', day: 'numeric' });
if (!acc[date]) acc[date] = [];
acc[date].push(entry);
return acc;
}, {});
for (const date in groupedEntries) {
const dateHeader = document.createElement('h4');
dateHeader.className = 'diary-date-header';
dateHeader.textContent = date;
diaryContent.appendChild(dateHeader);
groupedEntries[date].forEach(entry => diaryContent.appendChild(createDiaryEntryElement(entry, plantId)));
}
}
function createDiaryEntryElement(entry, plantId) {
const div = document.createElement('div');
div.className = `diary-entry ${entry.entry_type === 'milestone' ? 'is-milestone' : ''}`;
div.dataset.plantId = plantId;
div.dataset.entryId = entry.id;
if(entry.photo) div.dataset.photo = entry.photo;
const icons = { manual: '📝', watered: '💧', fertilized: '🌱', milestone: '⭐', added: '🎉' };
const titles = { manual: 'Notiz', watered: 'Gegossen', fertilized: 'Gedüngt', milestone: 'Meilenstein', added: 'Pflanze hinzugefügt' };
let effectiveType = (entry.entry_type === 'milestone' && entry.notes === 'Pflanze hinzugefügt') ? 'added' : entry.entry_type;
let photoHTML = entry.photo ? `${titles[effectiveType] || 'Eintrag'}
${(entry.notes && effectiveType !== 'added') ? `
${entry.notes.replace(/\n/g, '
')}
` : ''}${photoHTML}
${new Date(entry.entry_date).toLocaleTimeString('de-DE', { hour: '2-digit', minute: '2-digit' })}