Merge pull request #1069 from skrashevich/feat(webui)-log-coloring
feat(logging): enhance log visualisation with level-specific colours
This commit is contained in:
+19
-6
@@ -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('');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user