condensed table for entity data

This commit is contained in:
proddy
2023-05-25 20:16:19 +02:00
parent 2571f5e5e6
commit 7330ca20f8

View File

@@ -156,6 +156,11 @@ const DashboardDevices: FC = () => {
display:none; display:none;
} }
`, `,
BaseRow: `
.td {
height: 32px;
}
`,
BaseCell: ` BaseCell: `
&:nth-of-type(1) { &:nth-of-type(1) {
border-left: 1px solid #177ac9; border-left: 1px solid #177ac9;
@@ -499,7 +504,6 @@ const DashboardDevices: FC = () => {
<Box color="warning.main" ml={1}> <Box color="warning.main" ml={1}>
<Typography noWrap variant="h6"> <Typography noWrap variant="h6">
{coreData.devices[deviceIndex].n} {coreData.devices[deviceIndex].n}
&nbsp;({shown_data.length})
</Typography> </Typography>
</Box> </Box>
<Grid item zeroMinWidth justifyContent="flex-end"> <Grid item zeroMinWidth justifyContent="flex-end">
@@ -510,22 +514,25 @@ const DashboardDevices: FC = () => {
</Grid> </Grid>
<Grid item xs> <Grid item xs>
<IconButton onClick={() => setShowDeviceInfo(true)}> <Typography sx={{ ml: 1 }} variant="subtitle2" color="primary">
<InfoOutlinedIcon color="primary" sx={{ fontSize: 18, verticalAlign: 'middle' }} /> {shown_data.length + ' ' + LL.ENTITIES()}
</IconButton> <IconButton onClick={() => setShowDeviceInfo(true)}>
<IconButton onClick={handleDownloadCsv}> <InfoOutlinedIcon color="primary" sx={{ fontSize: 18, verticalAlign: 'middle' }} />
<DownloadIcon color="primary" sx={{ fontSize: 18, verticalAlign: 'middle' }} /> </IconButton>
</IconButton> <IconButton onClick={handleDownloadCsv}>
<IconButton onClick={() => setOnlyFav(!onlyFav)}> <DownloadIcon color="primary" sx={{ fontSize: 18, verticalAlign: 'middle' }} />
{onlyFav ? ( </IconButton>
<StarIcon color="primary" sx={{ fontSize: 18, verticalAlign: 'middle' }} /> <IconButton onClick={() => setOnlyFav(!onlyFav)}>
) : ( {onlyFav ? (
<StarBorderOutlinedIcon color="primary" sx={{ fontSize: 18, verticalAlign: 'middle' }} /> <StarIcon color="primary" sx={{ fontSize: 18, verticalAlign: 'middle' }} />
)} ) : (
</IconButton> <StarBorderOutlinedIcon color="primary" sx={{ fontSize: 18, verticalAlign: 'middle' }} />
<IconButton onClick={refreshData}> )}
<RefreshIcon color="primary" sx={{ fontSize: 18, verticalAlign: 'middle' }} /> </IconButton>
</IconButton> <IconButton onClick={refreshData}>
<RefreshIcon color="primary" sx={{ fontSize: 18, verticalAlign: 'middle' }} />
</IconButton>
</Typography>
</Grid> </Grid>
</Box> </Box>