lamassu/lamassu-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add multicassette support on the dashboard

Browse source
This commit is contained in:
Sérgio Salgado 2021-10-27 17:26:20 +01:00
parent f32d02a808
commit 18ab230951
7 changed files with 143 additions and 147 deletions
Download patch file Download diff file Expand all files Collapse all files

47
new-lamassu-admin/src/pages/Dashboard/SystemStatus/MachinesTable.js
View file

@ -6,6 +6,7 @@ import TableContainer from '@material-ui/core/TableContainer'
import TableHead from '@material-ui/core/TableHead'
import TableRow from '@material-ui/core/TableRow'
import classnames from 'classnames'
import * as R from 'ramda'
import React from 'react'
import { useHistory } from 'react-router-dom'
@ -60,6 +61,10 @@ const MachinesTable = ({ machines, numToRender }) => {
})
}
const maxNumberOfCassettes = Math.max(
...R.map(it => it.numberOfCassettes, machines)
)
return (
<TableContainer className={classes.table}>
<Table>
@ -80,18 +85,17 @@ const MachinesTable = ({ machines, numToRender }) => {
<TxInIcon />
</div>
</HeaderCell> */}
<HeaderCell>
<div className={classes.header}>
<TxOutIcon />
<Label2 className={classes.label}> 1</Label2>
</div>
</HeaderCell>
<HeaderCell>
<div className={classes.header}>
<TxOutIcon />
<Label2 className={classes.label}> 2</Label2>
</div>
</HeaderCell>
{R.map(
it => (
<HeaderCell>
<div className={classes.header}>
<TxOutIcon />
<Label2 className={classes.label}> {it + 1}</Label2>
</div>
</HeaderCell>
),
R.times(R.identity, maxNumberOfCassettes)
)}
</TableRow>
</TableHead>
<TableBody>
@ -120,12 +124,19 @@ const MachinesTable = ({ machines, numToRender }) => {
{/* <StyledCell align="left">
{makePercentageText(machine.cashbox)}
</StyledCell> */}
<StyledCell align="left">
{makePercentageText(machine.cassette1)}
</StyledCell>
<StyledCell align="left">
{makePercentageText(machine.cassette2)}
</StyledCell>
{R.map(
it =>
machine.numberOfCassettes > it ? (
<StyledCell align="left">
{makePercentageText(machine[`cassette${it + 1}`])}
</StyledCell>
) : (
<StyledCell align="left">
<TL2>{`— %`}</TL2>
</StyledCell>
),
R.times(R.identity, maxNumberOfCassettes)
)}
</TableRow>
)
}