Tile improvements

[Steve-Mcl]

Description

• Permits easy text setting for segments via a typed input
  • Use Label (original behaviour)
  • Use Value (for showing the value like motor speeds)
  • Use String (for showing individual names like "Normal", "Fault", "low", "high", etc)
  • Use Env (for composite values formed from env vars - ideal for subflows / OEMs)
  • None (permit blank label)
• Adds click handling so that users can interact (ideal for switching to "detail" pages)

Config

Demo

e2e tests added:

Node-RED Dashboard 2.0 - Gauges - Tile
   - render the correct "type" - passed
   - inject 0 should display Segment 1 (default label) - passed
   - inject 5 should still display Segment 1 (default label) - passed
   - inject 35 should display Segment 2 (value label) - passed
   - inject 65 should display Segment 3 (fixed label) - passed
   - inject 85 should display Segment 4 (env label) - SKIPPED (issue getting env var value to populate in test env)
   - inject 100 should display Segment 5 (no label) - passed

Related Issue(s)

closes #1764

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]

It's a little confusing as, when the gauge isn't in Tile mode, then new options are irrelevant? Is it feasible to only show the new options when a gauge is in the tile mode?

[joepavitt]

I'm also working on a quick iteration to always show the label in a tile too, as I've found it less valuable because of a missing label that can provide context

[joepavitt]

It's functional, just adding docs in now