Hi yekomS,
the most descriptions in the widgets are in German, but I hope that’s OK. This are the widgets:
uid: Livevisu Wettervorhersage
tags:
- Live
- MainUI
props:
parameters:
- description: Small title on top of the card
label: Title
name: title
required: false
type: TEXT
- label: Background Color
name: bgcolor
required: false
type: TEXT
- label: Backgroundimage
name: bgimage
required: false
type: TEXT
parameterGroups: []
timestamp: Dec 15, 2021, 6:18:03 PM
component: f7-card
config:
style:
noShadow: false
class:
- 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: 150px
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: cloud_sun
size: 18
style:
margin-right: 10px
- component: Label
config:
text: "=props.title ? props.title : ''"
style:
font-size: 12px
margin-top: 0px
- component: f7-block
config:
style:
position: absolute
top: 60px
left: 16px
width: 100%
slots:
default:
- component: f7-row
config:
class:
- text-align-center
slots:
default:
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
slots:
default:
- component: Label
config:
text: Außentemp.
style:
font-weight: 400
margin-bottom: 8px
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
slots:
default:
- component: Label
config:
text: Heute
style:
font-weight: 400
margin-bottom: 8px
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
slots:
default:
- component: Label
config:
text: =dayjs().add(1,'day').startOf('day').format('dd')
style:
font-weight: 400
margin-bottom: 8px
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
slots:
default:
- component: Label
config:
text: =dayjs().add(2,'day').startOf('day').format('dd')
style:
font-weight: 400
margin-bottom: 8px
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
slots:
default:
- component: Label
config:
text: =dayjs().add(3,'day').startOf('day').format('dd')
style:
font-weight: 400
margin-bottom: 8px
- component: f7-row
config:
style:
margin-top: 0px
class:
- text-align-center
slots:
default:
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
border-right: 4
slots:
default:
- component: Label
config:
text: =items['KNXHeiz1wireAussenIstTemperatur'].displayState
style:
font-size: 28px
line-height: 25px
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
slots:
default:
- component: f7-icon
config:
f7: "=(items.LokaleWettervorhersageOneCallAPI_forecastTodayIconID.state === '01d') ? 'sun_max' : (items.LokaleWettervorhersageOneCallAPI_forecastTodayIconID.state === '01n') ? 'moon_stars' : (items.LokaleWettervorhersageOneCallAPI_forecastTodayIconID.state === '02d') ? 'cloud_sun' : (items.LokaleWettervorhersageOneCallAPI_forecastTodayIconID.state === '02n') ? 'cloud_moon' : (items.LokaleWettervorhersageOneCallAPI_forecastTodayIconID.state === '03d') ? 'cloud' : (items.LokaleWettervorhersageOneCallAPI_forecastTodayIconID.state === '03n') ? 'cloud' : (items.LokaleWettervorhersageOneCallAPI_forecastTodayIconID.state === '04d') ? 'cloud' : (items.LokaleWettervorhersageOneCallAPI_forecastTodayIconID.state === '04n') ? 'cloud' : (items.LokaleWettervorhersageOneCallAPI_forecastTodayIconID.state === '09d') ? 'cloud_heavyrain' : (items.LokaleWettervorhersageOneCallAPI_forecastTodayIconID.state === '09n') ? 'cloud_heavyrain' : (items.LokaleWettervorhersageOneCallAPI_forecastTodayIconID.state === '10d') ? 'cloud_sun_rain' : (items.LokaleWettervorhersageOneCallAPI_forecastTodayIconID.state === '10n') ? 'cloud_moon_rain' : (items.LokaleWettervorhersageOneCallAPI_forecastTodayIconID.state === '11d') ? 'cloud_sun_bolt' : (items.LokaleWettervorhersageOneCallAPI_forecastTodayIconID.state === '11n') ? 'cloud_moon_bolt' : (items.LokaleWettervorhersageOneCallAPI_forecastTodayIconID.state === '13d') ? 'cloud_snow' : (items.LokaleWettervorhersageOneCallAPI_forecastTodayIconID.state === '13n') ? 'cloud_snow' : (items.LokaleWettervorhersageOneCallAPI_forecastTodayIconID.state === '50d') ? 'cloud_fog' : (items.LokaleWettervorhersageOneCallAPI_forecastTodayIconID.state === '50n') ? 'cloud_fog' : '?'"
size: 30
style:
margin-bottom: 8px
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
slots:
default:
- component: f7-icon
config:
f7: "=(items.LokaleWettervorhersageOneCallAPI_forecastTomorrowIconID.state === '01d') ? 'sun_max' : (items.LokaleWettervorhersageOneCallAPI_forecastTomorrowIconID.state === '01n') ? 'moon_stars' : (items.LokaleWettervorhersageOneCallAPI_forecastTomorrowIconID.state === '02d') ? 'cloud_sun' : (items.LokaleWettervorhersageOneCallAPI_forecastTomorrowIconID.state === '02n') ? 'cloud_moon' : (items.LokaleWettervorhersageOneCallAPI_forecastTomorrowIconID.state === '03d') ? 'cloud' : (items.LokaleWettervorhersageOneCallAPI_forecastTomorrowIconID.state === '03n') ? 'cloud' : (items.LokaleWettervorhersageOneCallAPI_forecastTomorrowIconID.state === '04d') ? 'cloud' : (items.LokaleWettervorhersageOneCallAPI_forecastTomorrowIconID.state === '04n') ? 'cloud' : (items.LokaleWettervorhersageOneCallAPI_forecastTomorrowIconID.state === '09d') ? 'cloud_heavyrain' : (items.LokaleWettervorhersageOneCallAPI_forecastTomorrowIconID.state === '09n') ? 'cloud_heavyrain' : (items.LokaleWettervorhersageOneCallAPI_forecastTomorrowIconID.state === '10d') ? 'cloud_sun_rain' : (items.LokaleWettervorhersageOneCallAPI_forecastTomorrowIconID.state === '10n') ? 'cloud_moon_rain' : (items.LokaleWettervorhersageOneCallAPI_forecastTomorrowIconID.state === '11d') ? 'cloud_sun_bolt' : (items.LokaleWettervorhersageOneCallAPI_forecastTomorrowIconID.state === '11n') ? 'cloud_moon_bolt' : (items.LokaleWettervorhersageOneCallAPI_forecastTomorrowIconID.state === '13d') ? 'cloud_snow' : (items.LokaleWettervorhersageOneCallAPI_forecastTomorrowIconID.state === '13n') ? 'cloud_snow' : (items.LokaleWettervorhersageOneCallAPI_forecastTomorrowIconID.state === '50d') ? 'cloud_fog' : (items.LokaleWettervorhersageOneCallAPI_forecastTomorrowIconID.state === '50n') ? 'cloud_fog' : '?'"
size: 30
style:
margin-bottom: 8px
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
slots:
default:
- component: f7-icon
config:
f7: "=(items.LokaleWettervorhersageOneCallAPI_forecastDay2IconID.state === '01d') ? 'sun_max' : (items.LokaleWettervorhersageOneCallAPI_forecastDay2IconID.state === '01n') ? 'moon_stars' : (items.LokaleWettervorhersageOneCallAPI_forecastDay2IconID.state === '02d') ? 'cloud_sun' : (items.LokaleWettervorhersageOneCallAPI_forecastDay2IconID.state === '02n') ? 'cloud_moon' : (items.LokaleWettervorhersageOneCallAPI_forecastDay2IconID.state === '03d') ? 'cloud' : (items.LokaleWettervorhersageOneCallAPI_forecastDay2IconID.state === '03n') ? 'cloud' : (items.LokaleWettervorhersageOneCallAPI_forecastDay2IconID.state === '04d') ? 'cloud' : (items.LokaleWettervorhersageOneCallAPI_forecastDay2IconID.state === '04n') ? 'cloud' : (items.LokaleWettervorhersageOneCallAPI_forecastDay2IconID.state === '09d') ? 'cloud_heavyrain' : (items.LokaleWettervorhersageOneCallAPI_forecastDay2IconID.state === '09n') ? 'cloud_heavyrain' : (items.LokaleWettervorhersageOneCallAPI_forecastDay2IconID.state === '10d') ? 'cloud_sun_rain' : (items.LokaleWettervorhersageOneCallAPI_forecastDay2IconID.state === '10n') ? 'cloud_moon_rain' : (items.LokaleWettervorhersageOneCallAPI_forecastDay2IconID.state === '11d') ? 'cloud_sun_bolt' : (items.LokaleWettervorhersageOneCallAPI_forecastDay2IconID.state === '11n') ? 'cloud_moon_bolt' : (items.LokaleWettervorhersageOneCallAPI_forecastDay2IconID.state === '13d') ? 'cloud_snow' : (items.LokaleWettervorhersageOneCallAPI_forecastDay2IconID.state === '13n') ? 'cloud_snow' : (items.LokaleWettervorhersageOneCallAPI_forecastDay2IconID.state === '50d') ? 'cloud_fog' : (items.LokaleWettervorhersageOneCallAPI_forecastDay2IconID.state === '50n') ? 'cloud_fog' : '?'"
size: 30
style:
margin-bottom: 8px
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
slots:
default:
- component: f7-icon
config:
f7: "=(items.LokaleWettervorhersageOneCallAPI_forecastDay3IconID.state === '01d') ? 'sun_max' : (items.LokaleWettervorhersageOneCallAPI_forecastDay3IconID.state === '01n') ? 'moon_stars' : (items.LokaleWettervorhersageOneCallAPI_forecastDay3IconID.state === '02d') ? 'cloud_sun' : (items.LokaleWettervorhersageOneCallAPI_forecastDay3IconID.state === '02n') ? 'cloud_moon' : (items.LokaleWettervorhersageOneCallAPI_forecastDay3IconID.state === '03d') ? 'cloud' : (items.LokaleWettervorhersageOneCallAPI_forecastDay3IconID.state === '03n') ? 'cloud' : (items.LokaleWettervorhersageOneCallAPI_forecastDay3IconID.state === '04d') ? 'cloud' : (items.LokaleWettervorhersageOneCallAPI_forecastDay3IconID.state === '04n') ? 'cloud' : (items.LokaleWettervorhersageOneCallAPI_forecastDay3IconID.state === '09d') ? 'cloud_heavyrain' : (items.LokaleWettervorhersageOneCallAPI_forecastDay3IconID.state === '09n') ? 'cloud_heavyrain' : (items.LokaleWettervorhersageOneCallAPI_forecastDay3IconID.state === '10d') ? 'cloud_sun_rain' : (items.LokaleWettervorhersageOneCallAPI_forecastDay3IconID.state === '10n') ? 'cloud_moon_rain' : (items.LokaleWettervorhersageOneCallAPI_forecastDay3IconID.state === '11d') ? 'cloud_sun_bolt' : (items.LokaleWettervorhersageOneCallAPI_forecastDay3IconID.state === '11n') ? 'cloud_moon_bolt' : (items.LokaleWettervorhersageOneCallAPI_forecastDay3IconID.state === '13d') ? 'cloud_snow' : (items.LokaleWettervorhersageOneCallAPI_forecastDay3IconID.state === '13n') ? 'cloud_snow' : (items.LokaleWettervorhersageOneCallAPI_forecastDay3IconID.state === '50d') ? 'cloud_fog' : (items.LokaleWettervorhersageOneCallAPI_forecastDay3IconID.state === '50n') ? 'cloud_fog' : '?'"
size: 30
style:
margin-bottom: 8px
- component: f7-row
config:
style:
margin-top: 0px
class:
- text-align-center
slots:
default:
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
slots:
default:
- component: Label
config:
text: ""
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
slots:
default:
- component: Label
config:
text: =Math.round(items.LokaleWettervorhersageOneCallAPI_forecastTodayMinimaleTemperatur.state.split(' ')[0] * 1) / 1 + '° / ' + Math.round(items.LokaleWettervorhersageOneCallAPI_forecastTodayMaximaleTemperatur.state.split(' ')[0] * 1) / 1 + '°'
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
slots:
default:
- component: Label
config:
text: =Math.round(items.LokaleWettervorhersageOneCallAPI_forecastTomorrowMinimaleTemperatur.state.split(' ')[0] * 1) / 1 + '° / ' + Math.round(items.LokaleWettervorhersageOneCallAPI_forecastTomorrowMaximaleTemperatur.state.split(' ')[0] * 1) / 1 + '°'
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
slots:
default:
- component: Label
config:
text: =Math.round(items.LokaleWettervorhersageOneCallAPI_forecastDay2MinimaleTemperatur.state.split(' ')[0] * 1) / 1 + '° / ' + Math.round(items.LokaleWettervorhersageOneCallAPI_forecastDay2MaximaleTemperatur.state.split(' ')[0] * 1) / 1 + '°'
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
slots:
default:
- component: Label
config:
text: =Math.round(items.LokaleWettervorhersageOneCallAPI_forecastDay3MinimaleTemperatur.state.split(' ')[0] * 1) / 1 + '° / ' + Math.round(items.LokaleWettervorhersageOneCallAPI_forecastDay3MaximaleTemperatur.state.split(' ')[0] * 1) / 1 + '°'
- component: oh-link
config:
action: popup
actionModal: ='page:liveWetter'
style:
position: absolute
left: 0px
top: 0px
height: 150px
width: 100%
uid: Livevisu Owntracks Übersicht
tags:
- Live
- MainUI
props:
parameters:
- label: Background Color
name: bgcolor
required: false
type: TEXT
- label: Backgroundimage
name: bgimage
required: false
type: TEXT
parameterGroups: []
timestamp: Dec 17, 2021, 11:58:31 AM
component: f7-card
config:
style:
noShadow: false
class:
- 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: 150px
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: placemark
size: 18
style:
margin-right: 10px
- component: Label
config:
text: Wo sind denn alle?
style:
font-size: 12px
margin-top: 0px
- component: f7-block
config:
style:
position: absolute
top: 60px
left: 16px
width: 100%
--f7-grid-gap: 5px
slots:
default:
- component: f7-row
config:
class:
- text-align-center
slots:
default:
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
slots:
default:
- component: Label
config:
text: Familie
style:
font-weight: 400
margin-bottom: 8px
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
slots:
default:
- component: Label
config:
text: Person1
style:
font-weight: 400
margin-bottom: 8px
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
slots:
default:
- component: Label
config:
text: Person2
style:
font-weight: 400
margin-bottom: 8px
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
slots:
default:
- component: Label
config:
text: Person3
style:
font-weight: 400
margin-bottom: 8px
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
slots:
default:
- component: Label
config:
text: Person4
style:
font-weight: 400
margin-bottom: 8px
- component: f7-row
config:
style:
margin-top: 0px
class:
- text-align-center
slots:
default:
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
border-right: 4
slots:
default:
- component: oh-image
config:
action: navigate
actionPage: page:owntracksFamilie
actionPageTransition: f7-dive
url: /static/icons/familie.png
style:
height: 40px
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
slots:
default:
- component: oh-image
config:
action: popup
actionModal: page:owntracksPerson1
actionModalTransition: f7-dive
url: /static/icons/Person1.png
style:
height: 40px
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
slots:
default:
- component: oh-image
config:
action: popup
actionModal: page:owntracksPerson2
actionModalTransition: f7-dive
url: /static/icons/Person2.png
style:
height: 40px
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
slots:
default:
- component: oh-image
config:
action: popup
actionModal: page:owntracksPerson3
actionModalTransition: f7-dive
url: /static/icons/Person3.png
style:
height: 40px
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
slots:
default:
- component: oh-image
config:
action: popup
actionModal: page:owntracksPerson4
actionModalTransition: f7-dive
url: /static/icons/Person4.png
style:
height: 40px
- component: f7-row
config:
style:
margin-top: 0px
class:
- text-align-center
slots:
default:
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
slots:
default:
- component: Label
config:
text: ""
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
slots:
default:
- component: Label
config:
text: =items['hPerson1PositionLastUpdateSince'].state
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
slots:
default:
- component: Label
config:
text: =items['hPerson2PositionLastUpdateSince'].state
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
slots:
default:
- component: Label
config:
text: =items['hPerson3PositionLastUpdateSince'].state
- component: f7-col
config:
style:
background: rgba(233, 196, 106, 0)
slots:
default:
- component: Label
config:
text: =items['hPerson4PositionLastUpdateSince'].state
The car and the mower widget are nearly the same, just with different pictures and items. This is the mover widget:
uid: Livevisu Robaert
tags:
- Live
- MainUI
props:
parameters:
- description: rgba oder HEX
label: Hintergrundfarbe
name: bgcolor
required: false
type: TEXT
- description: Popup Seite
label: Page ID
name: page
required: false
parameterGroups: []
timestamp: Dec 22, 2021, 5:01:45 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: 360px
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: tree
size: 18
style:
margin-right: 10px
- component: Label
config:
text: Robärt
style:
font-size: 12px
margin-top: 0px
- component: f7-block
config:
style:
display: flex
justify-content: center
align-content: center
margin-top: 35px
slots:
default:
- component: oh-image
config:
url: ='/static/icons/robaert_schatten.png'
style:
width: 280px
margin: 0px
- component: f7-block
config:
style:
justify-content: center
display: flex
slots:
default:
- component: f7-block
config:
style:
margin-top: 60px
width: 250px
display: flex
flex-direction: column
slots:
default:
- component: f7-row
slots:
default:
- component: f7-col
config:
width: 70
slots:
default:
- component: Label
config:
text: Status
- component: f7-col
config:
width: 30
slots:
default:
- component: Label
config:
text: =items['GardenaRobart_Status'].state
- component: f7-row
slots:
default:
- component: f7-col
config:
width: 70
slots:
default:
- component: Label
config:
text: Ladezustand
- component: f7-col
config:
width: 30
slots:
default:
- component: Label
config:
text: =items['GardenaRobart_Batterieladung'].displayState
- component: f7-row
slots:
default:
- component: f7-col
config:
width: 70
slots:
default:
- component: Label
config:
text: Aktivität
- component: f7-col
config:
width: 30
slots:
default:
- component: Label
config:
text: =items['GardenaRobart_Aktivitat'].displayState
- component: f7-row
slots:
default:
- component: f7-col
config:
width: 70
slots:
default:
- component: Label
config:
text: Verbindungsstatus
- component: f7-col
config:
width: 30
slots:
default:
- component: Label
config:
text: =items['GardenaRobart_Verbinungsstatus'].state
- component: oh-link
config:
action: popup
actionModal: ='page:' + props.page
actionModalTransition: f7-dive
style:
position: absolute
left: 0px
top: 0px
height: 360px
width: 100%
uid: Livevisu Kamera Eingang
tags:
- Live
- MainUI
props:
parameters:
- description: rgba oder HEX
label: Hintergrundfarbe
name: bgcolor
required: false
type: TEXT
parameterGroups: []
timestamp: Dec 17, 2021, 9:56:37 AM
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: 360px
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: videocam_fill
size: 18
style:
margin-right: 10px
- component: Label
config:
text: Kamera Eingang
style:
font-size: 12px
margin-top: 0px
- component: f7-block
config:
style:
display: flex
justify-content: center
align-content: center
margin-top: 20px
slots:
default:
- component: oh-image
config:
url: ='http://192.x.x.x:8081/ipcamera.mjpeg'
action: popup
actionModal: ='page:liveKamera'
style:
height: 310px