Solved: Color logic not updating in custom widget

[Duncan_Pullen]

I’ve created a custom widget base on the OH3 examples.

The issue I’m having is the icon color is not changing with an update to the item state. As you can see in the image below, i toggled off the “Living Downlight 1 OnOff” item, but the icon stays green.

Widget YAML:

uid: all_lights
tags:
  - card
  - lights
props:
  parameters:
    - description: A text prop
      label: Prop 1
      name: prop1
      required: false
      type: TEXT
    - context: item
      description: An item to control
      label: Item
      name: item
      required: false
      type: TEXT
  parameterGroups: []
timestamp: Aug 4, 2021, 1:57:51 PM
component: f7-card
config:
  title: All Lights
slots:
  default:
    - component: oh-list
      slots:
        default:
          - component: oh-repeater
            config:
              fragement: true
              for: item
              sourceType: itemsWithTags
              itemTags: Switch,Light
              filter: loop.item.label.includes("Christmas") == false || items.TisTheSeason.state == "ON"
            slots:
              default:
                - component: oh-toggle-item
                  config:
                    icon: f7:lightbulb
                    iconColor: '=(loop.item.state == "ON") ? "green" : "gray"'
                    color: '=(loop.item.state == "ON") ? "green" : "gray"'
                    title: =loop.item.label
                    item: =loop.item.name

Image after toggle:

[crnjan]

A couple of simple oh-repeater examples

This can be explained: beware when using loop.item.state, this is part of the result of the API request the oh-repeater makes to query the items, so it will not be updated. You want to use items[loop.item.name].state instead. Great examples! This should copied over or linked in the docs article, there’s a discussion at Component docs by AndyXMB · Pull Request #900 · openhab/openhab-webui · GitHub to discuss their structure. PS: you have a typo in fragement => fragment.

[Duncan_Pullen]

Thanks so much.
I’ll use that reference in future.
The “fragement” is also part of the official docs.
I might log a PR to update the example with your notation and correct the spelling mistakes.

One follow up question. I expected by extension to be able to do this:
title: =items[loop.item.name].label
but this doesn’t seem to work. Returns blank (not undefined, but blank).
loop.item.label works, but just trying to understand the difference.

[JustinG]

items[x] is a not a reference to a complete item object but a smaller dict that contains only two main properties of interest state (raw) and displayState (formatted if state display metadata is defined for the item). The best way to get the label is still loop.item.label.

[Duncan_Pullen]

Amazing, thank you.
That totally explains it.