andry/EMS-ESP32
1
0
Fork 0
mirror of https://github.com/emsesp/EMS-ESP32.git synced 2025-12-07 16:29:51 +03:00
Code Issues Packages Projects Releases Wiki Activity

color log lines to match system log

Browse Source
This commit is contained in:
proddy
2024-07-20 13:03:30 +02:00
parent 6bdca66bfb
commit f27eb05024
1 changed files with 17 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
interface/src/framework/system/SystemLog.tsx
View File

@@ -31,13 +31,22 @@ import type { LogEntry, LogSettings } from 'types';
import { LogLevel } from 'types'; import { LogLevel } from 'types';
import { updateValueDirty, useRest } from 'utils'; import { updateValueDirty, useRest } from 'utils';
const LogEntryLine = styled('div')(() => ({ const ButtonTextColors = {
color: '#bbbbbb', [LogLevel.ERROR]: '#ff0000', // red
fontFamily: 'monospace', [LogLevel.WARNING]: '#ffcc00', // yellow
fontSize: '14px', [LogLevel.NOTICE]: '#ffffff', // white
letterSpacing: 'normal', [LogLevel.INFO]: '#ffffff', // yellow
whiteSpace: 'nowrap' [LogLevel.DEBUG]: '#00ffff', // cyan
})); [LogLevel.TRACE]: '#00ffff' // cyan
};
const LogEntryLine = styled('div')(
({ details: { level } }: { details: { level: LogLevel } }) => ({
color: ButtonTextColors[level],
font: '14px monospace',
whiteSpace: 'nowrap'
})
);
const topOffset = () => const topOffset = () =>
document.getElementById('log-window')?.getBoundingClientRect().bottom || 0; document.getElementById('log-window')?.getBoundingClientRect().bottom || 0;
@@ -265,7 +274,7 @@ const SystemLog: FC = () => {
}} }}
> >
{logEntries.map((e) => ( {logEntries.map((e) => (
<LogEntryLine key={e.i}> <LogEntryLine details={{ level: e.l }} key={e.i}>
<span>{e.t}</span> <span>{e.t}</span>
<span>{paddedLevelLabel(e.l)}&nbsp;</span> <span>{paddedLevelLabel(e.l)}&nbsp;</span>
<span>{paddedIDLabel(e.i)} </span> <span>{paddedIDLabel(e.i)} </span>