zcdsj
/
plc_control
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(events): color-code event level badges by severity 

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
caoqianming 2026-03-26 10:44:12 +08:00
parent 8e52a327f5
commit f37924ae36
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web/js/events.js
View File

@ -14,8 +14,9 @@ function formatTime(value) {
function makeCard(item) { function makeCard(item) {
const row = document.createElement("div"); const row = document.createElement("div");
const level = (item.level || "info").toLowerCase();
row.className = "event-card"; row.className = "event-card";
row.innerHTML = `<span class="badge event-badge">${(item.level || "info").toUpperCase()}</span><span class="muted event-time">${formatTime(item.created_at)}</span><span class="event-type">${item.event_type}</span><span class="event-message">${item.message}</span>`; row.innerHTML = `<span class="badge event-badge level-${level}">${level.toUpperCase()}</span><span class="muted event-time">${formatTime(item.created_at)}</span><span class="event-type">${item.event_type}</span><span class="event-message">${item.message}</span>`;
return row; return row;
} }

5
web/styles.css
View File

@ -906,6 +906,11 @@ button.danger:hover { background: var(--danger-hover); }
flex-shrink: 0; flex-shrink: 0;
} }
.badge.level-info { background: rgba(52, 211, 153, 0.1); color: #34d399; }
.badge.level-warn { background: rgba(251, 191, 36, 0.1); color: #fbbf24; }
.badge.level-error { background: rgba(239, 68, 68, 0.1); color: #f87171; }
.badge.level-critical { background: rgba(239, 68, 68, 0.15); color: #dc2626; }
.event-time { .event-time {
flex-shrink: 0; flex-shrink: 0;
font-size: 11px; font-size: 11px;