[Feature]: Improve fan slider

[redphx]

Is your feature request related to a problem?

My fan only has 3 speeds: 33%, 66% and 100%. Currently it's difficult to select the correct speed, as you can see in this GIF:

Describe the solution you'd like

Instead of having 1% as threshold, it should be 33% instead (for my case). I found a similar example written in Vue: https://jsfiddle.net/qkuLdjt9/ (not the best example but you get the idea).

I think we can achieve this with Hammer.js too (not tested yet)

Describe alternatives you've considered

No response

Additional context

No response

[piitaya]

Hello 🙂 What's your fan integration? 🙂

[redphx]

I'm using a Xiaomi Fan 1C with https://github.com/syssi/xiaomi_airpurifier.
Here are some attributes of the fan

preset_modes: off, Level 1, Level 2, Level 3
oscillating: true
percentage: 66
percentage_step: 33.333333333333336
preset_mode: Level 2
model: dmaker.fan.p8

[piitaya]

What's more-info slider behavior ? 🙂

[redphx]

Did you mean this?

I tried to change it to "No Action" and it's still the same as before.

[piitaya]

Does this slider work for all speed of your fan ?

[redphx]

Yes it does. The slider works exactly like I wanted to.