Brightness device feature Dashboard

[VonOx]

Pull Request check-list

To ensure your Pull Request can be accepted as fast as possible, make sure to review and check all of these items:

• If your changes affects code, did your write the tests?
• Are tests passing? (npm test on both front/server)
• Is the linter passing? (npm run eslint on both front/server)
• Did you run prettier? (npm run prettier on both front/server)
  - [ ] If you are adding a new features/services, did you run integration comparator? (npm run compare-translations on front)
  - [ ] If your changes modify the API (REST or Node.js), did you modify the API documentation? (Documentation is based on comments in code)
  - [ ] If you are adding a new features/services which needs explanation, did you modify the user documentation? See the GitHub repo and the website.
• Did you add fake requests data for the demo mode (front/src/config/demo.json) so that the demo website is working without a backend? (if needed) See https://demo.gladysassistant.com.

NOTE: these things are not required to open a PR and can be done afterwards / while the PR is open.

Description of change

This PR add brightness slider to dashboard

[codecov]

Codecov Report

Merging #1082 (6319a71) into master (7eeda27) will increase coverage by 0.00%.
The diff coverage is 100.00%.

@@           Coverage Diff           @@
##           master    #1082   +/-   ##
=======================================
  Coverage   95.57%   95.57%           
=======================================
  Files         532      532           
  Lines        7166     7168    +2     
=======================================
+ Hits         6849     6851    +2     
  Misses        317      317           

Impacted Files	Coverage Δ
...r/services/philips-hue/lib/light/light.setValue.js	90.47% <100.00%> (+1.00%)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 7eeda27...6319a71. Read the comment docs.

[atrovato]

Nice to have, you use a simple slider, be carefull with device long names.

[Pierre-Gilles]

Very nice PR! thanks 👏

I tried it with the MQTT service, it works fine, except one thing, it's weird the bar is displayed all in blue ?

It's weird because on your screenshot, it's fine.

I'm using Chrome 88

[VonOx]

Oh!

This is the same slider from multi level device. So broken too on Chrome.
Screenshot has been taken from latest Firefox.

[VonOx]

Confirmed on chrome, is this tabler related issue ?

[Pierre-Gilles]

It's probably a tabler issue, it seems to work in the latest version of tabler:

Maybe let's find what's different between the two version and apply a patch here ?

[VonOx]

Not something as simple, in your version input is styled. Latest tabler use nouislider plugin and style are applied on div.

I let you decide what to do, but maybe this chrome behavior is something acceptable ( the slider works ). And when tabler will be updated ( a lot of work ) slider will be ok on chrome.

[Pierre-Gilles]

Ok to merge