Mod log view

This commit is contained in:
Jan Stabenow 2023-12-12 00:44:43 +01:00
parent 159d00f000
commit 09dc97a74e

View File

@ -35,6 +35,10 @@ const useStyles = makeStyles((theme) => ({
logging: {
marginTop: '.15em',
},
panel: {
marginTop: '.5em',
width: '100%!important',
},
}));
const initLogdata = (logdata) => {
@ -89,17 +93,28 @@ const Component = function (props) {
<Tab className="tab" label={<Trans>Vitals</Trans>} value="vitals" />
<Tab className="tab" label={<Trans>Log</Trans>} value="log" />
</Tabs>
<TabPanel value={$tab} index="vitals" className="panel">
<TabPanel value={$tab} index="vitals" className={classes.title}>
<Grid container spacing={3}>
<Grid item xs={12}>
{props.progress !== null && <Progress {...props.progress} />}
</Grid>
</Grid>
</TabPanel>
<TabPanel value={$tab} index="log" className="panel">
<Grid container spacing={3}>
<TabPanel value={$tab} index="log" className={classes.panel}>
<Grid container spacing={3} direction="column" alignItems="stretch">
<Grid item xs={12}>
<div className={classes.box}>
<Grid container spacing={1} style={{paddingBottom: 20}}>
<Grid item xs={12} className={classes.banner}>
<Typography variant="body1" className={classes.title}>
<Trans>Logging</Trans>
</Typography>
<Textarea rows={9} value={logdata.prelude.join('\n')} scrollTo="bottom" readOnly allowCopy />
<Textarea rows={16} value={logdata.log.map(formatLogline).join('\n')} scrollTo="bottom" readOnly allowCopy />
</Grid>
</Grid>
</div>
<div className={classes.box} style={{marginTop: 10}}>
<Grid container spacing={1}>
<Grid item xs={12} className={classes.banner}>
<Typography variant="body1" className={classes.title}>
@ -107,19 +122,6 @@ const Component = function (props) {
</Typography>
<Textarea rows={1} value={'ffmpeg ' + logdata.command.join(' ')} scrollTo="bottom" readOnly allowCopy />
</Grid>
<Grid item xs={12} className={classes.banner}>
<Typography variant="body1" className={classes.title}>
<Trans>Banner</Trans>
</Typography>
<Textarea rows={9} value={logdata.prelude.join('\n')} scrollTo="bottom" readOnly allowCopy />
</Grid>
<Grid item xs={12} className={classes.logging}>
<Typography variant="body1" className={classes.title}>
<Trans>Logging</Trans>
</Typography>
<Textarea rows={16} value={logdata.log.map(formatLogline).join('\n')} scrollTo="bottom" readOnly allowCopy />
</Grid>
</Grid>
</div>
</Grid>