jeremy/frigate-notify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: correct JavaScript field names to match API response schema

Browse Source 
The web UI was referencing stale field names that didn't match the
actual API response fields returned by the backend:

  event.status         -> event.match_status
  event.identified_as  -> event.matched_object_name
  event.description    -> event.ai_description
  event.timestamp      -> event.created_at
  stats.known          -> stats.known_matches
  stats.unknown        -> stats.unknown_events
  stats.known_objects  -> stats.known_objects_count

This caused the review queue to display blank badges, timestamps,
descriptions, and identifications, and the dashboard stats to show
all zeros.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
jeremy
2026-03-08 20:19:42 -05:00
parent 85ecbc22ac
commit ff5d7b7841
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/app.js
+7 -7
View File
@@ -190,11 +190,11 @@
<span class="event-label"> &mdash; ${escapeHtml(event.label || 'unknown')}</span> <span class="event-label"> &mdash; ${escapeHtml(event.label || 'unknown')}</span>
<span class="event-score">(${(event.score * 100).toFixed(0)}%)</span> <span class="event-score">(${(event.score * 100).toFixed(0)}%)</span>
</span> </span>
<span class="badge badge-${event.status || 'unreviewed'}">${event.status || 'unreviewed'}</span> <span class="badge badge-${event.match_status || 'unreviewed'}">${event.match_status || 'unreviewed'}</span>
</div> </div>
<div class="event-time">${formatTime(event.timestamp)}</div> <div class="event-time">${formatTime(event.created_at)}</div>
${event.description ? `<div class="event-description">${escapeHtml(event.description)}</div>` : ''} ${event.ai_description ? `<div class="event-description">${escapeHtml(event.ai_description)}</div>` : ''}
${event.identified_as ? `<div class="event-label">Identified as: <strong>${escapeHtml(event.identified_as)}</strong></div>` : ''} ${event.matched_object_name ? `<div class="event-label">Identified as: <strong>${escapeHtml(event.matched_object_name)}</strong></div>` : ''}
<div class="event-actions"> <div class="event-actions">
<button class="btn btn-primary btn-sm" onclick="window._tagEvent('${event.id}')">Tag</button> <button class="btn btn-primary btn-sm" onclick="window._tagEvent('${event.id}')">Tag</button>
<button class="btn btn-sm" onclick="window._dismissEvent('${event.id}')">Dismiss</button> <button class="btn btn-sm" onclick="window._dismissEvent('${event.id}')">Dismiss</button>
@@ -379,15 +379,15 @@
</div> </div>
<div class="stat-item"> <div class="stat-item">
<span>Known</span> <span>Known</span>
<span class="stat-value">${stats.known || 0}</span> <span class="stat-value">${stats.known_matches || 0}</span>
</div> </div>
<div class="stat-item"> <div class="stat-item">
<span>Unknown</span> <span>Unknown</span>
<span class="stat-value">${stats.unknown || 0}</span> <span class="stat-value">${stats.unknown_events || 0}</span>
</div> </div>
<div class="stat-item"> <div class="stat-item">
<span>Known Objects</span> <span>Known Objects</span>
<span class="stat-value">${stats.known_objects || 0}</span> <span class="stat-value">${stats.known_objects_count || 0}</span>
</div>`; </div>`;
}) })
.catch(() => { .catch(() => {