Hi, I’m pretty new at home automation systems.
I recently install openhab on a raspberry 4 and is working amazingly until now.
I have all my gear (switches, bulbs, and sonoff) connected to openhab through Alexa, basic commands work fine, but when I take a little close to bulbs commands I have to chase tails all around about it.
I’ve set all channels into items and that is what I could retrieve until now:
- Brightness
- Color
- Color Name
- Color Temperature In Kelvin
- Color Temperature Name
- Power State
When I enter on Color Temperature In Kelvin mode I get some information about it, starting with a number that changes when I alter the light temperature on my mobile going to 1000 (warm) and 10000 (cold).
I’m been editing some widgets that I found around and get this:
uid: Cell_Light_Card_1
tags: []
props:
parameters:
- description: Small title on top of the card
label: Title
name: title
required: false
type: TEXT
- description: Header big sized
label: Header
name: header
required: false
type: TEXT
- description: Icon on top of the card (only f7 icons (without f7:))
label: Icon
name: icon
required: false
type: TEXT
- description: rgba or HEX
label: Background Color
name: bgcolor
required: false
type: TEXT
- context: item
description: Item to control on/off
label: Item
name: item_schalter
required: false
type: TEXT
- context: item
description: Item to control brightness
label: Item
name: item_brightness
required: false
type: TEXT
- context: item
description: Item to control Warmth
label: Item
name: item_warmth
required: false
type: TEXT
parameterGroups: []
timestamp: Feb 27, 2022, 6:55:08 PM
component: f7-card
config:
style:
noShadow: false
padding: 0px
border-radius: var(--f7-card-expandable-border-radius)
box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.1)
background-color: "=props.bgcolor ? props.bgcolor : ''"
height: 180px
margin-left: 5px
margin-right: 5px
slots:
content:
- component: f7-block
config:
style:
position: absolute
top: -5px
left: 16px
flex-direction: row
display: flex
slots:
default:
- component: f7-icon
config:
f7: =props.icon
size: 18
style:
margin-right: 10px
visible: "=props.icon ? true : false"
- component: Label
config:
text: "=props.title ? props.title : ''"
style:
font-size: 12px
margin-top: 0px
- component: f7-block
config:
style:
flex-direction: row
left: 10px
position: absolute
top: 50px
slots:
default:
- component: Label
config:
style:
font-size: 17px
font-weight: 600
margin-left: 0px
margin-top: 0px
text: "=props.header ? props.header : 'Set Props'"
- component: f7-block
config:
class:
- display-flex
- flex-direction-column
- justify-content-flex-end
style:
animation: f7-fade-in 300ms
top: 50px
margin-top: 10px
margin-left: 0px
width: calc(100% - 40px)
slots:
default:
- component: f7-row
config:
class:
- display-flex
- justify-content-space-between
- align-items-center
style:
margin-left: -10px
left: 20px
width: calc(100% + 20px)
slots:
default:
- component: f7-icon
config:
f7: thermometer
size: 20
style:
color: var(--f7-block-header-text-color)
- component: Label
config:
style:
color: var(--f7-block-header-text-color)
text: =items[props.item_warmth].state + "K"
- component: f7-row
config:
class:
- display-flex
- justify-content-center
- align-items-center
style:
width: 100%
slots:
default:
- component: oh-slider
config:
color: white
item: =props.item_warmth
label: true
max: 10000
min: 1000
style:
--f7-range-bar-active-bg-color: transparent
--f7-range-bar-bg-color: linear-gradient(to right, rgba(246,158,81,0.8), rgba(246,158,81,0))
--f7-range-bar-border-radius: 10px
--f7-range-bar-size: 18px
--f7-range-knob-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)
--f7-range-knob-size: 20px
--f7-range-label-text-color: black
width: 100%
z-index: 99 !important
- component: f7-row
config:
class:
- display-flex
- justify-content-space-between
- align-items-center
style:
margin-left: -10px
width: calc(100% + 20px)
slots:
default:
- component: f7-icon
config:
f7: sun_min
size: 20
style:
color: var(--f7-block-header-text-color)
- component: Label
config:
style:
color: var(--f7-block-header-text-color)
text: =items[props.item_brightness].state + "%"
- component: f7-row
config:
class:
- display-flex
- justify-content-center
- align-items-center
style:
width: 100%
slots:
default:
- component: oh-slider
config:
color: white
item: =props.item_brightness
label: true
style:
--f7-range-bar-active-bg-color: rgba(246,246,0,0.5)
--f7-range-bar-bg-color: linear-gradient(to right, rgba(169,169,169,0.8), rgba(246,158,81,0))
--f7-range-bar-border-radius: 10px
--f7-range-bar-size: 18px
--f7-range-knob-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)
--f7-range-knob-size: 20px
--f7-range-label-text-color: black
width: 100%
z-index: 99 !important
- component: oh-toggle
config:
item: =props.item_schalter
style:
position: absolute
top: 15px
right: 20px
But after configuring it I get this:
Everything else works just fine.
Further information:
Raspberry Pi 4
- Broadcom BCM2711, Quad core Cortex-A72 (ARM v8) 64-bit SoC @ 1.5GHz
- 8GB LPDDR4-3200 SDRAM (depending on model)
- Working currently on wireless 2.4Ghz, but thinking about putting it on ethernet cable
Raspberry Pi OS
- OpenHAB 3.3.0
- Alexa Echo Dot v4
- Elgin Smart Color
Can someone help me figure it out?
Thank you for reading till here!
Regards,