kaufi/kantinen-wrapper
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(highlight): correct truthy check for tag arrays, add tag badges to cards (v1.2.4)

Browse Source
This commit is contained in:
Michael Kaufmann
2026-02-16 22:28:46 +01:00
parent 7296901ad9
commit c42cb3f72d
5 changed files with 23 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
dist/bookmarklet-payload.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/bookmarklet.txt vendored
View File

File diff suppressed because one or more lines are too long

2
dist/install.html vendored
View File

File diff suppressed because one or more lines are too long

11
dist/kantine-standalone.html vendored
View File

@@ -2947,7 +2947,8 @@ body {
}
// Highlight matching menu items based on user tags
if (checkHighlight(item.name) || checkHighlight(item.description)) {
const matchedTags = [...new Set([...checkHighlight(item.name), ...checkHighlight(item.description)])];
if (matchedTags.length > 0) {
itemEl.classList.add('highlight-glow');
}
@@ -2982,6 +2983,13 @@ body {
}
}
// Build matched-tags HTML (only if tags found)
let tagsHtml = '';
if (matchedTags.length > 0) {
const badges = matchedTags.map(t => `<span class="tag-badge-small"><span class="material-icons-round" style="font-size:10px;margin-right:2px">star</span>${escapeHtml(t)}</span>`).join('');
tagsHtml = `<div class="matched-tags">${badges}</div>`;
}
itemEl.innerHTML = `
<div class="item-header">
<span class="item-name">${escapeHtml(item.name)}</span>
@@ -2994,6 +3002,7 @@ body {
${flagButton}
<div class="badges">${statusBadge}</div>
</div>
${tagsHtml}
<p class="item-desc">${escapeHtml(item.description)}</p>`;
// Event: Order

11
kantine.js
View File

@@ -1311,7 +1311,8 @@
}
// Highlight matching menu items based on user tags
if (checkHighlight(item.name) || checkHighlight(item.description)) {
const matchedTags = [...new Set([...checkHighlight(item.name), ...checkHighlight(item.description)])];
if (matchedTags.length > 0) {
itemEl.classList.add('highlight-glow');
}
@@ -1346,6 +1347,13 @@
}
}
// Build matched-tags HTML (only if tags found)
let tagsHtml = '';
if (matchedTags.length > 0) {
const badges = matchedTags.map(t => `<span class="tag-badge-small"><span class="material-icons-round" style="font-size:10px;margin-right:2px">star</span>${escapeHtml(t)}</span>`).join('');
tagsHtml = `<div class="matched-tags">${badges}</div>`;
}
itemEl.innerHTML = `
<div class="item-header">
<span class="item-name">${escapeHtml(item.name)}</span>
@@ -1358,6 +1366,7 @@
${flagButton}
<div class="badges">${statusBadge}</div>
</div>
${tagsHtml}
<p class="item-desc">${escapeHtml(item.description)}</p>`;
// Event: Order