As suggested by @JustinG in openHAB 5.2 Milestone discussion I start a new topic here.
Meanwhile I did a fresh install of Openhab 5.2 M6.
I just added my widget:
version: 1
widgets:
solar_plant_state:
tags:
- solar
- cell
props:
parameters:
- description: Name of the solar plant
label: Name
name: prop_name
required: false
type: TEXT
- context: item
description: Item holding the current grid power (+ = green; - = red)
label: Grid Power
name: item_grid
required: false
type: TEXT
- context: item
description: Item holding the current house power Consumption
label: House Power
name: item_house
required: false
type: TEXT
- context: item
description: Item holding the current solar power
label: Solar Power
name: item_solar
required: false
type: TEXT
- context: item
description: Item holding the current battery power (+ = green; - = red)
label: Battery Power
name: item_bat
required: false
type: TEXT
- context: item
description: Item holding the battery level
label: Battery Level
name: item_soc
required: false
type: TEXT
- description: Treshold for Pause
label: Treshold
name: prop_tres
required: true
type: INTEGER
parameterGroups:
- name: action1
context: action
label: Action, when items clicked
component: f7-card
config:
title: =props.prop_name
slots:
default:
- component: f7-row
slots:
default:
- component: f7-col
slots:
default:
- component: oh-button
config:
actionPropsParameterGroup: action1
class:
- display-flex
- justify-content-center
color: "=(themeOptions.dark === 'light') ? 'black' : 'white'"
style:
font-size: 16px
font-weight: bold
text: =items[props.item_grid].displayState || items[props.item_grid].state
- component: f7-row
slots:
default:
- component: f7-col
config:
class:
- display-flex
- justify-content-center
slots:
default:
- component: f7-icon
config:
f7: power
size: 40
- component: f7-col
config:
class:
- display-flex
- justify-content-center
slots:
default:
- component: f7-icon
config:
color: "=(Number.parseInt(items[props.item_grid].state) > props.prop_tres) ? 'dark_red' : (Number.parseInt(items[props.item_grid].state) < -1 * props.prop_tres) ? 'green' : (themeOptions.dark === 'light') ? 'black' : 'white'"
f7: "=(Number.parseInt(items[props.item_grid].state) > props.prop_tres) ? 'arrow_right_circle' : (Number.parseInt(items[props.item_grid].state) < -1 * props.prop_tres) ? 'arrow_left_circle' : 'pause_circle'"
size: 40
- component: f7-col
config:
class:
- display-flex
- flex-direction-column
slots:
default:
- component: oh-button
config:
actionPropsParameterGroup: action1
class:
- display-flex
- justify-content-center
color: "=themeOptions.dark === 'light' ? 'black' : 'white'"
style:
font-size: 16px
font-weight: bold
text: =items[props.item_house].displayState || items[props.item_house].state
- component: f7-icon
config:
class:
- align-self-center
f7: house_alt
size: 60
- component: f7-icon
config:
class:
- align-self-center
color: "=(Number.parseInt(items[props.item_bat].state) > props.prop_tres) ? 'dark_red' : (Number.parseInt(items[props.item_bat].state) < -1 * props.prop_tres) ? 'green' : (themeOptions.dark === 'light') ? 'black' : 'white'"
f7: "=(Number.parseInt(items[props.item_bat].state) > props.prop_tres) ? 'arrow_up_circle' : (Number.parseInt(items[props.item_bat].state) < -1 * props.prop_tres) ? 'arrow_down_circle' : 'pause_circle'"
size: 40
- component: oh-icon
config:
class:
- display-flex
- justify-content-center
icon: battery
state: =items[props.item_soc].state
style:
height: 60px
- component: oh-button
config:
actionPropsParameterGroup: action1
class:
- display-flex
- justify-content-center
color: "=themeOptions.dark === 'light' ? 'black' : 'white'"
style:
font-size: 16px
font-weight: bold
text: =items[props.item_bat].displayState || items[props.item_bat].state
- component: f7-col
slots:
default:
- component: oh-button
config:
actionPropsParameterGroup: action1
class:
- display-flex
- justify-content-center
color: "=themeOptions.dark === 'light' ? 'black' : 'white'"
style:
font-size: 16px
font-weight: bold
text: =items[props.item_solar].displayState || items[props.item_solar].state
- component: f7-row
slots:
default:
- component: f7-col
config:
class:
- display-flex
- justify-content-center
slots:
default:
- component: f7-icon
config:
color: "=(Number.parseInt(items[props.item_solar].state) > props.prop_tres) ? 'green' : (themeOptions.dark === 'light') ? 'black' : 'white'"
f7: "=(Number.parseInt(items[props.item_solar].state) > props.prop_tres) ? 'arrow_left_circle' : 'pause_circle'"
size: 40
- component: f7-col
config:
class:
- display-flex
- justify-content-center
slots:
default:
- component: f7-icon
config:
f7: sun_max
size: 40
and a simple page:
version: 1
pages:
overview:
tags: []
props:
parameters: []
parameterGroups: []
component: oh-layout-page
config:
label: Overview
slots:
canvas: []
default:
- component: oh-block
config: {}
slots:
default:
- component: oh-grid-row
config: {}
slots:
default:
- component: oh-grid-col
config: {}
slots:
default:
- component: oh-label-card
config:
action: analyzer
actionAnalyzerItems:
- Lokale_Sonnendaten_Position_Elevation
- Lokale_Sonnendaten_Azimut
item: Lokale_Sonnendaten_Sonnenphase
- component: oh-grid-col
config: {}
slots:
default:
- component: oh-label-card
config:
item: Lokale_Monddaten_Mondphase
- component: oh-grid-col
config: {}
slots:
default:
- component: widget:solar_plant_state
config: {}
- component: oh-grid-col
config: {}
slots:
default: []
grid: []
masonry: []
Result: The action parameters are not displayed in the configuration dialogs:
Any ideas, how to get the action properties displayed?
