mirror of
https://github.com/emsesp/EMS-ESP32.git
synced 2025-12-07 16:29:51 +03:00
web and shell printing share common functions - refactor how device values are printed to shell #632
This commit is contained in:
@@ -35,6 +35,7 @@ import { RestFormProps, FormButton } from "../components";
|
||||
import { EMSESPDevices, EMSESPDeviceData, Device } from "./EMSESPtypes";
|
||||
|
||||
import { ENDPOINT_ROOT } from "../api";
|
||||
|
||||
export const SCANDEVICES_ENDPOINT = ENDPOINT_ROOT + "scanDevices";
|
||||
export const DEVICE_DATA_ENDPOINT = ENDPOINT_ROOT + "deviceData";
|
||||
|
||||
@@ -80,7 +81,7 @@ function formatTemp(t: string) {
|
||||
class EMSESPDevicesForm extends Component<
|
||||
EMSESPDevicesFormProps,
|
||||
EMSESPDevicesFormState
|
||||
> {
|
||||
> {
|
||||
state: EMSESPDevicesFormState = {
|
||||
confirmScanDevices: false,
|
||||
processing: false,
|
||||
@@ -149,8 +150,8 @@ class EMSESPDevicesForm extends Component<
|
||||
<TableCell align="center">
|
||||
0x
|
||||
{("00" + device.deviceid.toString(16).toUpperCase()).slice(
|
||||
-2
|
||||
)}
|
||||
-2
|
||||
)}
|
||||
</TableCell>
|
||||
<TableCell align="center">{device.productid}</TableCell>
|
||||
<TableCell align="center">{device.version}</TableCell>
|
||||
@@ -340,26 +341,30 @@ class EMSESPDevicesForm extends Component<
|
||||
>
|
||||
<TableHead></TableHead>
|
||||
<TableBody>
|
||||
{deviceData.deviceData.map((deviceData) => (
|
||||
<TableRow key={deviceData.n}>
|
||||
<TableCell component="th" scope="row">
|
||||
{deviceData.n}
|
||||
</TableCell>
|
||||
<TableCell align="right">{deviceData.v}</TableCell>
|
||||
</TableRow>
|
||||
))}
|
||||
{deviceData.deviceData.map((item, i) => {
|
||||
if (i % 2) {
|
||||
return null;
|
||||
} else {
|
||||
return (
|
||||
<TableRow key={i}>
|
||||
<TableCell component="th" scope="row">{deviceData.deviceData[i]}</TableCell>
|
||||
<TableCell align="right">{deviceData.deviceData[i + 1]}</TableCell>
|
||||
</TableRow>
|
||||
);
|
||||
}
|
||||
})}
|
||||
</TableBody>
|
||||
</Table>
|
||||
</TableContainer>
|
||||
)}
|
||||
{this.noDeviceData() && (
|
||||
<Box color="warning.main" p={0} mt={0} mb={0}>
|
||||
<Typography variant="body1">
|
||||
<i>No data available for this device</i>
|
||||
</Typography>
|
||||
</Box>
|
||||
<Box color="warning.main" p={0} mt={0} mb={0}>
|
||||
<Typography variant="body1">
|
||||
<i>No data available for this device</i>
|
||||
</Typography>
|
||||
</Box>
|
||||
)}
|
||||
</Fragment>
|
||||
</Fragment >
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
@@ -54,13 +54,7 @@ export interface EMSESPDevices {
|
||||
sensors: Sensor[];
|
||||
}
|
||||
|
||||
export interface DeviceData {
|
||||
n: string;
|
||||
v: string;
|
||||
}
|
||||
|
||||
export interface EMSESPDeviceData {
|
||||
deviceName: string;
|
||||
deviceData: DeviceData[];
|
||||
deviceData: string[];
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user