alf/teatracker
1
0
Fork 0
mirror of https://github.com/trevor1969/teatracker.git synced 2026-08-09 10:41:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Event-Delegation für Tee-Karten-Buttons statt individueller Event-Listener

Browse Source 
- Ein Event-Listener am Container statt mehrfacher Listener an jedem Button
- Funktioniert für alle aktuellen und zukünftigen Buttons
- Keine Probleme mit mehrfachen Event-Listenern
- Einfacherer, robusterer Code

Co-authored-by: trevor1969 <trevor1969@users.noreply.github.com>
This commit is contained in:
Vibe Nuage Agent
2026-06-06 11:37:29 +00:00
parent b2f632c07f
commit 23c83ef4d1
1 changed files with 22 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
app.js
View File

@ -760,6 +760,28 @@ class TeeTracker {
});
});
// Event delegation for tea card buttons (edit and delete)
const teasList = document.getElementById('teas-list');
if (teasList) {
teasList.addEventListener('click', (e) => {
// Edit button
const editBtn = e.target.closest('.tea-edit-btn');
if (editBtn) {
const teaId = editBtn.dataset.teaId;
if (teaId) this.editTea(teaId);
return;
}
// Delete button
const deleteBtn = e.target.closest('.tea-delete-btn');
if (deleteBtn) {
const teaId = deleteBtn.dataset.teaId;
if (teaId) this.showDeleteTeaConfirm(teaId);
return;
}
});
}
// Add tea button
const addTeaBtn = document.getElementById('add-tea-btn');
if (addTeaBtn) {
@ -1394,27 +1416,6 @@ class TeeTracker {
</div>
</div>
`).join('');
// Add event listeners to all edit and delete buttons
this.setupTeaCardEventListeners();
}
setupTeaCardEventListeners() {
// Edit buttons
document.querySelectorAll('.tea-edit-btn').forEach(btn => {
btn.addEventListener('click', (e) => {
const teaId = e.target.closest('.tea-edit-btn').dataset.teaId;
if (teaId) this.editTea(teaId);
});
});
// Delete buttons
document.querySelectorAll('.tea-delete-btn').forEach(btn => {
btn.addEventListener('click', (e) => {
const teaId = e.target.closest('.tea-delete-btn').dataset.teaId;
if (teaId) this.showDeleteTeaConfirm(teaId);
});
});
}
// ============================================