OpenSource/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

EspHome: Add alternative offline state

Browse Source
This commit is contained in:
RoboMagus 2024-03-11 13:11:43 +01:00
parent 54db9ac551
commit b89339d524
3 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/widgets/services/esphome.md
View File

@ -7,7 +7,7 @@ Learn more about [ESPHome](https://esphome.io/).
Show the number of ESPHome devices based on their state.
Allowed fields: `["total", "online", "offline", "unknown"]`.
Allowed fields: `["total", "online", "offline", "offline_alt", "unknown"]`.
```yaml
widget:

1
public/locales/en/common.json
View File

@ -109,6 +109,7 @@
},
"esphome": {
"offline": "Offline",
"offline_alt": "Offline",
"online": "Online",
"total": "Total",
"unknown": "Unknown"

3
src/widgets/esphome/component.jsx
View File

@ -19,6 +19,7 @@ export default function Component({ service }) {
<Container service={service}>
<Block label="esphome.online" />
<Block label="esphome.offline" />
<Block label="esphome.offline_alt" />
<Block label="esphome.unknown" />
<Block label="esphome.total" />
</Container>
@ -27,6 +28,7 @@ export default function Component({ service }) {
const total = Object.keys(resultData).length;
const online = Object.entries(resultData).filter(([, v]) => v === true).length;
const notOnline = Object.entries(resultData).filter(([, v]) => v !== true).length;
const offline = Object.entries(resultData).filter(([, v]) => v === false).length;
const unknown = Object.entries(resultData).filter(([, v]) => v === null).length;
@ -34,6 +36,7 @@ export default function Component({ service }) {
<Container service={service}>
<Block label="esphome.online" value={t("common.number", { value: online })} />
<Block label="esphome.offline" value={t("common.number", { value: offline })} />
<Block label="esphome.offline_alt" value={t("common.number", { value: notOnline })} />
<Block label="esphome.unknown" value={t("common.number", { value: unknown })} />
<Block label="esphome.total" value={t("common.number", { value: total })} />
</Container>