Karl/homepage
1
0
Fork 0
mirror of https://github.com/karl0ss/homepage.git synced 2025-04-29 12:03:41 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Add alternative 'offline' status to EspHome widget (#3107)

Browse Source
This commit is contained in:
RoboMagus 2024-03-11 15:06:27 +01:00 committed by GitHub
parent 54db9ac551
commit 247f73f0db
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -7,7 +7,10 @@ Learn more about [ESPHome](https://esphome.io/).
Show the number of ESPHome devices based on their state. Show the number of ESPHome devices based on their state.
Allowed fields: `["total", "online", "offline", "unknown"]`. Allowed fields: `["total", "online", "offline", "offline_alt", "unknown"]` (maximum of 4).
By default ESPHome will only mark devices as `offline` if their address cannot be pinged. If it has an invalid config or its name cannot be resolved (by DNS) its status will be marked as `unknown`.
To group both `offline` and `unknown` devices together, users should use the `offline_alt` field instead. This sums all devices that are _not_ online together.
```yaml ```yaml
widget: widget:

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

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

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

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