Can functions be used in a floor map?

Setup, Configuration and Use Beginners
1

I want to use functions in a floor map like this:

config:
  label: UG
  functions:
    thermometercolor: "=temp => temp < 19 ? 'blue' : temp > 27 ? 'red' : temp > 23
      ? 'orange' : temp > 21 ? 'yellow' : 'green'"

And then change icon colors of markers:

  - component: oh-plan-marker
    config:
      icon: f7:thermometer
      iconcolor: =fn.thermometercolor(#'MyThermostat_Temperature')
      item: MyThermostat
      name: Thermostat marker

But the icon shows up white. Am I doing wrong or is it simply not supported? I verified that #ā€˜MyThermostat_Temperatureā€™ returns a dimensionless number.

2

I donā€™t use the floor plan pages, but Iā€™m fairly certain that the answer is ā€œnot supportedā€.

The functions configuration is only available in the oh-context component. You cannot add functions to the page configuration, and thereā€™s no place in the overall page floor plan page to add an oh-context component.

It is a reasonable idea, however, to be able to add a context with functions and constants to an entire page. So, it might be worth putting in a feature request in the MainUI repository to see if this gets any traction from the UI devs.

3

Agree - it would make life so much easier if you use floor plans with repetitive configuration selectionsā€¦ Currently I have this for all my thermostats in my floor plans - very DRY workā€¦

      icon: "= ( #'TCOG1Essen_Temperature'  < 18 ) ? 'f7:thermometer_snowflake' : (
        #'TCOG1Essen_Temperature' > 25 ) ? 'f7:thermometer_sun' :
        'f7:thermometer'"
      iconColor: "= ( #'TCOG1Essen_Temperature' < 19 ) ? 'blue' : (
        #'TCOG1Essen_Temperature' > 27 ) ? 'red' : ( #'TCOG1Essen_Temperature' >
        23 ) ? 'orange' : ( #'TCOG1Essen_Temperature' > 21 ) ? 'yellow' :
        'green'"

ā€¦for each single thermostat.

4

I was lucky I never had to change my expression for the icons and icon color after I first came up with it.

To not be bored too much I just use the copy-dialogue in the visual designer to generate a new instance of a thermostat. This at least saves a little time.

5

Yes being able to use a function is great and should be added if possible.

Now that the pages can be created using file-based yaml, we can copy paste the common stuff.

Then the coming yaml composer can DRY it using a template, alias or include file so there will be no repetition in any yaml file. You can modularize and even parameterize every part of your page, and even share the same piece of code across multiple pages.