Slider text field

[cgjgh]

Description

Adds an optional text field for number input next to slider.

Screen.Recording.2024-11-21.214316.mp4

Related Issue(s)

Closes #1063

Checklist

• I have read the contribution guidelines
• Suitable unit/system level tests have been added and they pass
• Documentation has been updated
  • Upgrade instructions
  • Configuration details
  • Concepts
• Changes flowforge.yml?
  • Issue/PR raised on FlowFuse/helm to update ConfigMap Template
  • Issue/PR raised on FlowFuse/CloudProject to update values for Staging/Production

Labels

• Includes a DB migration? -> add the area:migration label

[joepavitt]

Seeing 2 x E2E failures in the slider.spec.js that'll need reviewing please @cgjgh - otherwise, this is an excellent addition

[joepavitt]

Thanks as always @cgjgh - another great addition, although, whilst it does bind well with the slider when changing from the slider side, two issues spotted when changing the value directly in the text input:

• It doesn't emit an event back into Node-RED when only changing the text field
• If you have steps in place, e.g. 0-10 with steps of 2, and you put in a number that isn't valid because the steps, but is valid because of the range - the slider will update correctly, but the text-field doesn't correct itself

I think you may need to bind the text-field to a different model value, then handle the events accordingly.