Xiaomi robot vacuum component

[JBN]

I am playing around with Dashticz and started to think about my Xiaomi robot vacuum (more specifically a Roborock S5 Max).
From what I can see there is no component for a vacuum. The inspiration for something like that would be a HASS Lovelace card -> https://github.com/denysdovhan/vacuum-card.

Has anyone made something similar to this?

I am a google programmer these days and started to play with a custom js/components/vacuum.js but if someone has done something I am happy to use that instead .

[Lokonli]

I am playing around with Dashticz and started to think about my Xiaomi robot vacuum (more specifically a Roborock S5 Max).
From what I can see there is no component for a vacuum. The inspiration for something like that would be a HASS Lovelace card -> https://github.com/denysdovhan/vacuum-card.

Has anyone made something similar to this?

I am a google programmer these days and started to play with a custom js/components/vacuum.js but if someone has done something I am happy to use that instead .

I don't think it exists already.

Is it a Domoticz device? There are some other custom devices as well. You can use the block parameter 'value' to show the Domoticz device data you want to show, and the url parameter to send a request on click.

If you want to make something more fancy, then you have to make a dedicated component. You could use the security panel block, or the weather block, as an example. If you need some help let me know.

[JBN]

If you need some help let me know.

Excellent, I will poke around for a bit and see what I can do and what I can figure out. Frontend development is fairly new to me so I need to practice a bit with JS and CSS.

I'll reach out with questions when they arise.

[JBN]

I did some experimenting with this and manage to achieve this result earlier this fall.

Robo.png (137.13 KiB) Viewed 1023 times

It is basically a vacuum.js, vacuum.css and a png. The values are feteched from various devices created by https://github.com/mrin/domoticz-mirobot-plugin.

Ie:
title: 'Roborock S5 Max',
refresh: 5,
status_device: X,
fanlevel_device: XX,
battery_device: XXX,
mainbrush_device: XXXX,
sidebrush_device: XXXXX,
caresensor_device: XXXXXX,
carefilter_device: XXXXXXX,

I have not created a pull request or anything (to do that I need to clean the code (I just hacked something)). Just wanted to show that I've done something...

[Lokonli]

Nice!

In the Dashticz documentation you can find some more info on pull requests.

Verstuurd vanaf mijn AC2003 met Tapatalk