uid: my-plug-control tags: [] props: parameters: - label: title name: vTitel required: false type: TEXT - label: location name: vLocation required: false type: TEXT - context: item label: Switch Item name: vItemSwitch required: true type: TEXT - context: item label: Switch Item Current name: vItemSwitchCurrent required: true type: TEXT - context: item label: Switch Item Active Timer name: vItemActiveTimer required: true type: TEXT - context: item label: DateTime Item On name: vItemDateTimeOn required: true type: TEXT - context: item label: DateTime Item Off name: vItemDateTimeOff required: true type: TEXT parameterGroups: [] timestamp: Oct 23, 2022, 2:33:00 PM component: f7-card config: backdrop: true class: - card-expandable-animate-width expandable: true style: background: white height: 130px width: auto swipeToClose: true slots: default: - component: oh-button config: class: - cell-open-button - card-opened-fade-out color: black iconF7: ellipsis_vertical iconSize: 30px style: padding-bottom: 35px padding-top: 10px position: absolute right: 0 top: 0 z-index: 999 - component: f7-card-content config: style: width: 100% slots: default: - component: oh-button config: class: - card-opened-fade-in - cell-close-button - card-close color: black iconF7: xmark_circle_fill iconSize: 30px style: padding-bottom: 35px padding-top: 10px position: absolute right: 0 top: 0 z-index: 999 - component: oh-link config: action: toggle actionCommand: ON actionCommandAlt: OFF actionItem: =props.vItemSwitch class: - card-prevent-open style: height: 100% left: 0 position: absolute top: 0 width: 100% z-index: 0 - component: f7-block config: class: - no-padding style: height: 200px margin: 0px slots: default: - component: f7-row config: style: flex-wrap: nowrap height: 75px white-space: nowrap slots: default: - component: f7-col slots: default: - component: f7-row config: class: - justify-content-flex-start style: flex-wrap: nowrap width: 100% slots: default: - component: f7-icon config: color: "=items[props.vItemSwitch].state === 'ON' ? 'green' : 'black'" f7: power size: 20px style: margin-top: 0px - component: Label config: style: font-size: 15px font-weight: 600 margin-left: 10px overflow: hidden text-overflow: ellipsis white-space: nowrap text: =props.vTitel - component: f7-chip config: color: "=items[props.vItemSwitch].state === 'ON' ? 'green' : 'gray'" style: margin-top: 10px text: '=(items[props.vItemSwitch].state === "OFF") ? "Aus" : "Strom: " + Number.parseFloat(items[props.vItemSwitchCurrent].state)/1000 + " A"' - component: Label config: style: font-size: 14px font-weight: 400 margin-left: 5px margin-top: 10px overflow: hidden text-overflow: ellipsis white-space: nowrap text: =props.vLocation visible: true - component: f7-block config: class: - card-prevent-open - card-content-padding style: height: 300px slots: default: - component: oh-list config: class: - padding slots: default: - component: Label config: style: border-bottom: 1px solid grey color: gray font-weight: 600 margin-top: 10px padding: 7px text: ="Time Control" - component: oh-toggle-item config: title: Timer icon: f7:alarm color: green item: =props.vItemActiveTimer - component: oh-label-item config: title: Ein item: =props.vItemDateTimeOn noShadow: true fontWeight: normal fontSize: 12px action: popover actionModal: widget:my_timepicker actionModalConfig: item: =props.vItemDateTimeOn timeFormat: "24" visible: "=items[props.vItemActiveTimer].state === 'ON' ? 'true' : 'false'" - component: oh-label-item config: title: Aus item: =props.vItemDateTimeOff action: popover actionModal: widget:my_timepicker actionModalConfig: item: =props.vItemDateTimeOff timeFormat: "24" visible: "=items[props.vItemActiveTimer].state === 'ON' ? 'true' : 'false'" - component: Label config: style: border-bottom: 1px solid grey color: gray font-weight: 600 margin-top: 10px padding: 7px text: Stromchart - component: oh-chart config: chartType: "" label: chart period: 24h slots: dataZoom: - component: oh-chart-datazoom config: type: inside grid: - component: oh-chart-grid config: containLabel: false legend: - component: oh-chart-legend config: bottom: 3 type: scroll series: - component: oh-time-series config: color: green gridIndex: 0 item: =props.vItemSwitchCurrent name: Strom type: line xAxisIndex: 0 yAxisIndex: 0 tooltip: - component: oh-chart-tooltip config: confine: true smartFormatter: true xAxis: - component: oh-time-axis config: gridIndex: 0 yAxis: - component: oh-value-axis config: gridIndex: 0 min: 0 name: mA