Compare commits

...

2 Commits

Author SHA1 Message Date
Michael
0b5eb1406d Merge pull request #10 from TauNeutrino/perf-optimization-ui-helpers-15631658617322624464
 Optimize tag and badge concatenation loops
2026-03-10 15:20:52 +01:00
google-labs-jules[bot]
6129b3fb13 Optimize UI render loops with reduce in ui_helpers.js
Co-authored-by: TauNeutrino <1600410+TauNeutrino@users.noreply.github.com>
2026-03-10 14:17:20 +00:00

View File

@@ -242,7 +242,7 @@ export function createDayCard(day) {
header.className = 'card-header';
const dateStr = cardDate.toLocaleDateString('de-DE', { day: '2-digit', month: '2-digit' });
const badgesHtml = menuBadges.map(code => `<span class="menu-code-badge">${code}</span>`).join('');
const badgesHtml = menuBadges.reduce((acc, code) => acc + `<span class="menu-code-badge">${code}</span>`, '');
let headerClass = '';
const hasAnyOrder = day.items && day.items.some(item => {
@@ -358,10 +358,7 @@ export function createDayCard(day) {
let tagsHtml = '';
if (matchedTags.length > 0) {
let badges = '';
for (const t of matchedTags) {
badges += `<span class="tag-badge-small"><span class="material-icons-round" style="font-size:10px;margin-right:2px">star</span>${escapeHtml(t)}</span>`;
}
const badges = matchedTags.reduce((acc, t) => acc + `<span class="tag-badge-small"><span class="material-icons-round" style="font-size:10px;margin-right:2px">star</span>${escapeHtml(t)}</span>`, '');
tagsHtml = `<div class="matched-tags">${badges}</div>`;
}