Merge pull request #1069 from skrashevich/feat(webui)-log-coloring

feat(logging): enhance log visualisation with level-specific colours
This commit is contained in:
Alex X
2024-04-30 09:54:44 +03:00
committed by GitHub
+19 -6
View File
@@ -19,17 +19,30 @@
height: 100%; height: 100%;
} }
table tbody td { table tbody td {
font-size: 13px; font-size: 13px;
vertical-align: top; vertical-align: top;
} }
.info {
color: #0174DF;
}
.debug {
color: #808080;
}
.error {
color: #DF0101;
}
.trace {
color: #585858;
}
.warn {
color: #FF9966;
}
</style> </style>
</head> </head>
<body> <body>
@@ -89,7 +102,7 @@
const msg = Object.keys(line).reduce((msg, key) => { const msg = Object.keys(line).reduce((msg, key) => {
return KEYS.indexOf(key) < 0 ? `${msg} ${key}=${line[key]}` : msg; return KEYS.indexOf(key) < 0 ? `${msg} ${key}=${line[key]}` : msg;
}, line['message']); }, line['message']);
return `<tr><td>${ts.toLocaleString()}</td><td>${line['level']}</td><td>${escapeHTML(msg)}</td></tr>`; return `<tr class="${line['level']}"><td>${ts.toLocaleString()}</td><td>${escapeHTML(line['level'])}</td><td>${escapeHTML(msg)}</td></tr>`;
}).join(''); }).join('');
} }