ich versuche mir eine Übersichtsseite zu bauen auf der man die Raumtemperaturen in einem Button sieht und bei einem klick mit popover die Thermostatregelung aufgeht; und das theoretisch für jeden Raum mit einem eigenen Button.
Das funktioniert so lange ein Button da ist auch wunderbar, nur sobald ich mehrere Buttons mache, haben ALLE die Werte des zuletzt konfigurierten Buttons. (Bilder im Anhang, den Partyraum habe ich als letztes angelegt, somit haben alle anderen diese Werte).
Folgend der Code vom Widget... Vielleicht hat jemand eine Idee, bisher habe ich mir alles irgendwie mit try and error zusammengesucht, aber da stehe ich gerade auf dem Schlauch...
t
Code: Alles auswählen
imestamp: Feb 23, 2023, 7:17:16 AM
component: f7-card
config:
style:
background: "=(!props.color) ? 'white' : props.color"
box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.1)
border-radius: 20px
margin: 5px
margin-left: 0px
padding: 0px
color: white
height: "=(!props.height) ? '70px' : props.height + 'px'"
width: auto
slots:
default:
- component: oh-button
config:
iconF7: "=(!props.icon) ? 'thermometer' : props.icon"
iconSize: "=(!props.iconSize) ? '30' : props.iconSize"
iconColor: "=(!props.iconColor) ? 'blue' : props.iconColor"
outline: false
fill: false
style:
height: "=(!props.height) ? '70px' : props.height + 'px'"
display: flex
align-items: center
justify-content: center
font-weight: bold
font-size: "=(!props.fontSize_item) ? '20px' : props.fontSize_item + 'px'"
action: popover
popoverOpen: .select_mode
text: "=(!props.headline) ? 'Titel' : props.headline + ' ' + (items[props.tempItem].state)"
color: "=(!props.fontColor) ? 'blue' : props.fontColor"
- component: f7-popover
config:
class:
- select_mode
style:
overflow: auto
width: 600px
height: 400px
position: absolute
slots:
default:
- component: oh-list
slots:
default:
- component: oh-repeater
config: {}
slots:
default:
- component: oh-list-item
config:
listButton: true
popoverClose: true
- component: oh-label-card
config:
noShadow: true
trendItem: =(props.tempItem)
action: analyzer
actionAnalyzerItems: =[props.tempItem,props.setpointItem]
item: =(props.tempItem)
title: =(props.headline)
icon: f7:thermometer
actionAnalyzerCoordSystem: time
vertical: false
- component: oh-stepper-card
config:
noShadow: true
color-theme: gray
item: =(props.setpointItem)
large: false
autorepeat: true
fill: false
noBorder: true
raised: true
small: true
round: true
min: =(props.tempKalt-1)
max: =(props.tempWarm+1)
step: 0.5
(weiß ich eigentlich... und stolpere immer wieder drüber...)