uid: frs_Netatmo_Rain_gauge_list_item tags: - rain props: parameters: - default: Netatmo Rain Gauge description: Header Title label: title name: HeaderTitle required: false type: TEXT groupName: header - default: oh:netatmorain description: Netatmo station Icon - Use f7:iconName (Framework7 icon), material:iconName (Material icon) or iconify:iconSet:iconName label: Icon name: HeaderIcon required: false type: TEXT groupName: header - default: Last hour description: Last hour string label: title name: LasthourText required: false type: TEXT groupName: header - context: item description: Quantity of water over last hour label: item name: lasthourItem required: false type: TEXT groupName: header - context: item description: Current precipitation intensity label: item name: precipitationintensityItem required: false type: TEXT groupName: header - description: Hide graph precipitation label: hide name: Hidegraph required: false type: BOOLEAN groupName: intensity - description: Hide Current precipitation label: hide name: Hidecurrentprecipitation required: false type: BOOLEAN groupName: intensity - default: Current precipitation description: Current precipitation Title label: title name: currentprecipitationTitle required: false type: TEXT groupName: intensity - default: iconify:meteocons:raindrops-fill description: Current precipitation intensity Icon - Use f7:iconName (Framework7 icon), material:iconName (Material icon) or iconify:iconSet:iconName label: Icon name: precipitationintensityIcon required: false type: TEXT groupName: intensity - description: Hide Current day label: hide name: Hidecurrentday required: false type: BOOLEAN groupName: currentday - default: Current day description: Current day Title label: title name: currentdayTitle required: false type: TEXT groupName: currentday - default: iconify:system-uicons:calendar-last-day description: Current day Icon - Use f7:iconName (Framework7 icon), material:iconName (Material icon) or iconify:iconSet:iconName label: Icon name: currentdayIcon required: false type: TEXT groupName: currentday - context: item description: Quantity of water during the current day label: item name: currentdayItem required: false type: TEXT groupName: currentday - description: Hide Current week label: hide name: Hidecurrentweek required: false type: BOOLEAN groupName: currentweek - default: Current week description: Current week Title label: title name: currentweekTitle required: false type: TEXT groupName: currentweek - default: iconify:system-uicons:calendar-week description: Current week Icon - Use f7:iconName (Framework7 icon), material:iconName (Material icon) or iconify:iconSet:iconName label: Icon name: currentweekIcon required: false type: TEXT groupName: currentweek - context: item description: Quantity of water during the current week label: item name: currentweekItem required: false type: TEXT groupName: currentweek - description: Hide Current month label: hide name: Hidecurrentmonth required: false type: BOOLEAN groupName: currentmonth - default: Current month description: Current month Title label: title name: currentmonthTitle required: false type: TEXT groupName: currentmonth - default: iconify:system-uicons:calendar-month description: Current month Icon - Use f7:iconName (Framework7 icon), material:iconName (Material icon) or iconify:iconSet:iconName label: Icon name: currentmonthIcon required: false type: TEXT groupName: currentmonth - context: item description: Quantity of water during the current month label: item name: currentmonthItem required: false type: TEXT groupName: currentmonth - description: Hide Battery item label: hide name: BatteryHide required: false type: BOOLEAN groupName: battery - default: Battery description: Battery Title label: Title name: BatteryTitle required: false type: TEXT groupName: battery - context: item description: Battery item label: item name: DeviceBatteryItem required: false type: TEXT groupName: battery - description: Hide signal item label: hide name: SignalHide required: false type: BOOLEAN groupName: signal - default: Signal description: Signal Title label: Title name: SignalTitle required: false type: TEXT groupName: signal - context: item description: Signal item label: item name: signalItem required: false type: TEXT groupName: signal parameterGroups: - name: header label: Header - name: intensity label: Precipitation intensity - name: currentday label: Quantity of water during the current day - name: currentweek label: Quantity of water during the current week - name: currentmonth label: Quantity of water during the current month - name: battery label: Battery - name: signal label: Signal timestamp: Dec 22, 2023, 3:02:29 PM component: oh-list-item config: accordionList: true after: =@props.precipitationintensityItem icon: =props.HeaderIcon mediaList: true style: --f7-list-item-after-font-size: 16px --f7-list-item-after-text-color: "=themeOptions.dark === 'dark' ? 'rgb(180,180,180)' : 'rgb(80,80,80)'" subtitle: '=props.LasthourText + ": " + items[props.lasthourItem].displayState' title: =props.HeaderTitle slots: accordion: - component: f7-list config: accordionList: true mediaList: true style: background-color: "=themeOptions.dark === 'dark' ? 'rgb(35, 35, 35)' : 'rgb(240, 240, 240)'" slots: default: - component: f7-segmented config: strong: true visible: =!props.Hidegraph slots: default: - component: oh-button config: action: variable actionVariable: controlGraph actionVariableValue: D active: "=vars.controlGraph ? ((vars.controlGraph === 'D') ? true : false) : true" style: --f7-button-border-radius: 0px width: 100% text: D - component: oh-button config: action: variable actionVariable: controlGraph actionVariableValue: W active: "=(vars.controlGraph === 'W') ? true : false" style: width: 100% text: W - component: oh-button config: action: variable actionVariable: controlGraph actionVariableValue: 2W active: "=(vars.controlGraph === '2W') ? true : false" style: width: 100% text: 2W - component: oh-button config: action: variable actionVariable: controlGraph actionVariableValue: M active: "=(vars.controlGraph === 'M') ? true : false" style: --f7-button-border-radius: 0px width: 100% text: M - component: oh-chart config: height: 260px options: backgroundColor: "=themeOptions.dark === 'dark' ? 'rgb(25, 25, 25)' : 'rgb(250, 250, 250)'" period: "=vars.controlGraph ? vars.controlGraph : 'D'" stylesheet: > .menu { display: none; } visible: =!props.Hidegraph slots: dataZoom: - component: oh-chart-datazoom config: type: inside grid: - component: oh-chart-grid config: bottom: 36px left: 50px right: 26px top: 26px series: - component: oh-time-series config: areaStyle: opacity: 0.2 gridIndex: 0 item: =props.precipitationintensityItem lineStyle: width: 1 service: jdbc type: line xAxisIndex: 0 yAxisIndex: 0 tooltip: - component: oh-chart-tooltip config: confine: true xAxis: - component: oh-time-axis config: gridIndex: 0 yAxis: - component: oh-value-axis config: gridIndex: 0 name: mm/h nameGap: 25 nameLocation: center scale: false splitArea: show: true splitLine: show: false - component: oh-list-item config: action: analyzer actionAnalyzerCoordSystem: time actionAnalyzerItems: =props.precipitationintensityItem after: =@props.precipitationintensityItem icon: =props.precipitationintensityIcon style: --f7-list-item-after-font-size: 15px --f7-list-item-after-text-color: "=themeOptions.dark === 'dark' ? 'rgb(180,180,180)' : 'rgb(100,100,100)'" --f7-list-item-title-font-size: 15px --f7-list-item-title-line-height: 32px --f7-list-item-title-text-color: "=themeOptions.dark === 'dark' ? 'rgb(180,180,180)' : 'rgb(100,100,100)'" title: =props.currentprecipitationTitle visible: =!props.Hidecurrentprecipitation - component: oh-list-item config: after: =@props.currentdayItem icon: =props.currentdayIcon iconColor: gray style: --f7-list-item-after-font-size: 15px --f7-list-item-after-text-color: "=themeOptions.dark === 'dark' ? 'rgb(180,180,180)' : 'rgb(100,100,100)'" --f7-list-item-title-font-size: 15px --f7-list-item-title-line-height: 32px --f7-list-item-title-text-color: "=themeOptions.dark === 'dark' ? 'rgb(180,180,180)' : 'rgb(100,100,100)'" title: =props.currentdayTitle visible: =!props.Hidecurrentday slots: accordion: - component: f7-list config: accordionList: true style: background-color: "=themeOptions.dark === 'dark' ? 'rgb(35, 35, 35)' : 'rgb(240, 240, 240)'" slots: default: - component: oh-chart config: chartType: day height: 260px options: backgroundColor: "=themeOptions.dark === 'dark' ? 'rgb(25, 25, 25)' : 'rgb(250, 250, 250)'" stylesheet: > .menu { display: none; } slots: grid: - component: oh-chart-grid config: bottom: 36px left: 50px right: 26px top: 26px series: - component: oh-aggregate-series config: aggregationFunction: last dimension1: hour gridIndex: 0 item: =props.lasthourItem type: bar xAxisIndex: 0 yAxisIndex: 0 tooltip: - component: oh-chart-tooltip config: confine: true xAxis: - component: oh-category-axis config: categoryType: day gridIndex: 0 monthFormat: short nameGap: 50 nameLocation: end weekdayFormat: short yAxis: - component: oh-value-axis config: gridIndex: 0 name: mm nameGap: 25 nameLocation: center scale: false splitArea: show: true splitLine: show: false - component: oh-list-item config: after: =@props.currentweekItem icon: =props.currentweekIcon iconColor: gray style: --f7-list-item-after-font-size: 15px --f7-list-item-after-text-color: "=themeOptions.dark === 'dark' ? 'rgb(180,180,180)' : 'rgb(100,100,100)'" --f7-list-item-title-font-size: 15px --f7-list-item-title-line-height: 32px --f7-list-item-title-text-color: "=themeOptions.dark === 'dark' ? 'rgb(180,180,180)' : 'rgb(100,100,100)'" title: =props.currentweekTitle visible: =!props.Hidecurrentweek slots: accordion: - component: f7-list config: accordionList: true style: background-color: "=themeOptions.dark === 'dark' ? 'rgb(35, 35, 35)' : 'rgb(240, 240, 240)'" slots: default: - component: oh-chart config: chartType: isoWeek height: 260px options: backgroundColor: "=themeOptions.dark === 'dark' ? 'rgb(25, 25, 25)' : 'rgb(250, 250, 250)'" stylesheet: > .menu { display: none; } slots: grid: - component: oh-chart-grid config: bottom: 36px left: 50px right: 26px top: 26px series: - component: oh-aggregate-series config: aggregationFunction: last dimension1: date gridIndex: 0 item: =props.currentdayItem type: bar xAxisIndex: 0 yAxisIndex: 0 tooltip: - component: oh-chart-tooltip config: confine: true xAxis: - component: oh-category-axis config: categoryType: week gridIndex: 0 monthFormat: short nameGap: 50 weekdayFormat: short yAxis: - component: oh-value-axis config: gridIndex: 0 name: mm nameGap: 25 nameLocation: center scale: false splitArea: show: true splitLine: show: false - component: oh-list-item config: after: =@props.currentmonthItem icon: =props.currentmonthIcon iconColor: gray style: --f7-list-item-after-font-size: 15px --f7-list-item-after-text-color: "=themeOptions.dark === 'dark' ? 'rgb(180,180,180)' : 'rgb(100,100,100)'" --f7-list-item-title-font-size: 15px --f7-list-item-title-line-height: 32px --f7-list-item-title-text-color: "=themeOptions.dark === 'dark' ? 'rgb(180,180,180)' : 'rgb(100,100,100)'" title: =props.currentmonthTitle visible: =!props.Hidecurrentmonth slots: accordion: - component: f7-list config: accordionList: true style: background-color: "=themeOptions.dark === 'dark' ? 'rgb(35, 35, 35)' : 'rgb(240, 240, 240)'" slots: default: - component: oh-chart config: chartType: month height: 260px options: backgroundColor: "=themeOptions.dark === 'dark' ? 'rgb(25, 25, 25)' : 'rgb(250, 250, 250)'" stylesheet: > .menu { display: none; } slots: grid: - component: oh-chart-grid config: bottom: 36px left: 50px right: 26px top: 26px series: - component: oh-aggregate-series config: aggregationFunction: last dimension1: date gridIndex: 0 item: =props.currentdayItem type: bar xAxisIndex: 0 yAxisIndex: 0 tooltip: - component: oh-chart-tooltip config: confine: true xAxis: - component: oh-category-axis config: categoryType: month gridIndex: 0 nameGap: 50 yAxis: - component: oh-value-axis config: gridIndex: 0 name: mm nameGap: 25 nameLocation: center scale: false splitArea: show: true splitLine: show: false - component: oh-list-item config: after: =@props.currentyearItem icon: =props.currentyearIcon iconColor: gray style: --f7-list-item-after-font-size: 15px --f7-list-item-after-text-color: "=themeOptions.dark === 'dark' ? 'rgb(180,180,180)' : 'rgb(100,100,100)'" --f7-list-item-title-font-size: 15px --f7-list-item-title-line-height: 32px --f7-list-item-title-text-color: "=themeOptions.dark === 'dark' ? 'rgb(180,180,180)' : 'rgb(100,100,100)'" title: =props.currentyearTitle visible: =!props.Hidecurrentyear slots: accordion: - component: f7-list config: accordionList: true style: background-color: "=themeOptions.dark === 'dark' ? 'rgb(35, 35, 35)' : 'rgb(240, 240, 240)'" slots: default: - component: oh-chart config: chartType: year height: 260px options: backgroundColor: "=themeOptions.dark === 'dark' ? 'rgb(25, 25, 25)' : 'rgb(250, 250, 250)'" stylesheet: > .menu { display: none; } slots: grid: - component: oh-chart-grid config: bottom: 36px left: 50px right: 26px top: 26px series: - component: oh-aggregate-series config: aggregationFunction: last dimension1: month gridIndex: 0 item: =props.currentmonthItem type: bar xAxisIndex: 0 yAxisIndex: 0 tooltip: - component: oh-chart-tooltip config: confine: true xAxis: - component: oh-category-axis config: categoryType: year gridIndex: 0 nameGap: 50 yAxis: - component: oh-value-axis config: gridIndex: 0 name: mm nameGap: 25 nameLocation: center scale: false splitArea: show: true splitLine: show: false - component: oh-label-item config: after: =@props.DeviceBatteryItem icon: '=(Number.parseInt(@@props.DeviceBatteryItem) >= 90) ? "iconify:fluent:battery-10-24-regular" : (Number.parseInt(@@props.DeviceBatteryItem) >= 80) ? "iconify:fluent:battery-9-24-regular" : (Number.parseInt(@@props.DeviceBatteryItem) >= 70) ? "iconify:fluent:battery-8-24-regular" : (Number.parseInt(@@props.DeviceBatteryItem) >= 60) ? "iconify:fluent:battery-7-24-regular" : (Number.parseInt(@@props.DeviceBatteryItem) >= 50) ? "iconify:fluent:battery-6-24-regular" : (Number.parseInt(@@props.DeviceBatteryItem) >= 40) ? "iconify:fluent:battery-5-24-regular" : (Number.parseInt(@@props.DeviceBatteryItem) >= 30) ? "iconify:fluent:battery-4-24-regular" : (Number.parseInt(@@props.DeviceBatteryItem) >= 20) ? "iconify:fluent:battery-3-24-regular" : (Number.parseInt(@@props.DeviceBatteryItem) >= 10) ? "iconify:fluent:battery-2-24-regular" : (Number.parseInt(@@props.DeviceBatteryItem) >= 5) ? "iconify:fluent:battery-1-24-regular" : (Number.parseInt(@@props.DeviceBatteryItem) >= 0) ? "fluent:battery-warning-24-regular" : "fluent:battery-warning-24-regular"' iconColor: '=(Number.parseInt(@@props.DeviceBatteryItem) >= 80) ? "#4cd964" : (Number.parseInt(@@props.DeviceBatteryItem) >= 60) ? "#ffcc00" : (Number.parseInt(@@props.DeviceBatteryItem) >= 40) ? "#ff9500" : (Number.parseInt(@@props.DeviceBatteryItem) >= 20) ? "#ff6b22" : "#ff3b30"' style: --f7-list-item-after-font-size: 15px --f7-list-item-after-text-color: "=themeOptions.dark === 'dark' ? 'rgb(180,180,180)' : 'rgb(100,100,100)'" --f7-list-item-title-font-size: 15px --f7-list-item-title-line-height: 32px --f7-list-item-title-text-color: "=themeOptions.dark === 'dark' ? 'rgb(180,180,180)' : 'rgb(100,100,100)'" title: =props.BatteryTitle visible: =!props.BatteryHide - component: oh-list-item config: action: analyzer actionAnalyzerCoordSystem: time actionAnalyzerItems: =props.signalItem after: =@props.signalItem icon: '=(Number.parseInt(@@props.signalItem) == 5) ? "iconify:bx:signal-5" : (Number.parseInt(@@props.signalItem) == 4) ? "iconify:bx:signal-4" : (Number.parseInt(@@props.signalItem) == 3) ? "iconify:bx:signal-3" : (Number.parseInt(@@props.signalItem) == 2) ? "iconify:bx:signal-2" : (Number.parseInt(@@props.signalItem) == 1) ? "iconify:bx:signal-1" : "iconify:bx:no-signal"' iconColor: '=(Number.parseInt(@@props.signalItem) == 5) ? "#007aff" : (Number.parseInt(@@props.signalItem) == 4) ? "#5ac8fa" : (Number.parseInt(@@props.signalItem) == 3) ? "#ffcc00" : (Number.parseInt(@@props.signalItem) == 2) ? "#ff9500" : (Number.parseInt(@@props.signalItem) == 1) ? "#ff3b30" : "#ff3b30"' style: --f7-list-item-after-font-size: 15px --f7-list-item-after-text-color: "=themeOptions.dark === 'dark' ? 'rgb(180,180,180)' : 'rgb(100,100,100)'" --f7-list-item-title-font-size: 15px --f7-list-item-title-line-height: 32px --f7-list-item-title-text-color: "=themeOptions.dark === 'dark' ? 'rgb(180,180,180)' : 'rgb(100,100,100)'" title: =props.SignalTitle visible: =!props.SignalHide