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

show log colors like it does in the console/terminal

Browse Source
This commit is contained in:
proddy
2024-09-08 15:40:49 +02:00
parent c6879ca1d5
commit 38bb7a195f
1 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
interface/src/app/status/SystemLog.tsx
View File

@@ -22,20 +22,18 @@ 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 ButtonTextColors = { const TextColors = {
[LogLevel.ERROR]: '#ff0000', // red [LogLevel.ERROR]: '#ff0000', // red
[LogLevel.WARNING]: '#ffcc00', // yellow [LogLevel.WARNING]: '#ff0000', // red
[LogLevel.NOTICE]: '#ffffff', // white [LogLevel.NOTICE]: '#ffffff', // white
[LogLevel.INFO]: '#ffffff', // yellow [LogLevel.INFO]: '#ffcc00', // yellow
[LogLevel.DEBUG]: '#00ffff', // cyan [LogLevel.DEBUG]: '#00ffff', // cyan
[LogLevel.TRACE]: '#00ffff' // cyan [LogLevel.TRACE]: '#00ffff' // cyan
}; };
const LogEntryLine = styled('div')( const LogEntryLine = styled('span')(
({ details: { level } }: { details: { level: LogLevel } }) => ({ ({ details: { level } }: { details: { level: LogLevel } }) => ({
color: ButtonTextColors[level], color: TextColors[level]
font: '14px monospace',
whiteSpace: 'nowrap'
}) })
); );
@@ -251,14 +249,17 @@ const SystemLog = () => {
}} }}
> >
{logEntries.map((e) => ( {logEntries.map((e) => (
<LogEntryLine details={{ level: e.l }} key={e.i}> <div style={{ font: '14px monospace', whiteSpace: 'nowrap' }}>
<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>
<span>{paddedNameLabel(e.n)} </span> <span>{paddedNameLabel(e.n)} </span>
<span>{e.m}</span> <LogEntryLine details={{ level: e.l }} key={e.i}>
</LogEntryLine> {e.m}
</LogEntryLine>
</div>
))} ))}
<div ref={ref} /> <div ref={ref} />
</Box> </Box>
</> </>