hier mal wieder eine frage von mir.
ich habe das raspi widget installiert ( suche ein problem auf dem raspi )
dazu habe ich eine frage.
die funktion der werte ist soweit ok, die funktion der scripte fuer den raspi selbe sind erweitert und ok.
nur die displayanzeige sieht unterschiedlich aus.
im original ( screenshot 1 ) ist der kreis grau und die prozentuale anzeige wird farbig dargestellt. ( wert ist ok )
bei mir ist der kreis auch bei niedrigen werten immer 100% voll ( screenshot 2 ) wobei der wert ok ist
wo in dem widget muss ich was drehen , damit auch dies klappt.
Code: Alles auswählen
uid: frs_System_Info_list_item
tags:
- list
- system
props:
parameters:
- description: https://community.openhab.org/t/list-item-widget-for-system-info-4-0-0-0-4-9-9-9/135253/22
required: false
- default: Raspberry Pi OH => 192.168.0.101
description: Title
label: Title
name: SystemOHTitle
required: false
type: TEXT
groupName: header
- default: iconify:mdi:raspberry-pi
description: System Icon - Use f7:iconName (Framework7 icon), material:iconName
(Material icon) or iconify:iconSet:iconName
label: Icon
name: SystemOHIcon
required: false
type: TEXT
groupName: header
- context: item
description: Cpu Load % item
label: Item
name: CPULoadItem
required: false
type: TEXT
groupName: header
- default: Uptime
description: Uptime Title
label: Title
name: UptimeTitle
required: false
type: TEXT
groupName: header
- context: item
description: System Uptime item
label: Item
name: SystemUptimeItem
required: false
type: TEXT
groupName: header
- description: Hide Gauges
label: hide
name: HideGauges
required: false
type: BOOLEAN
groupName: gauge
- description: Hide Cpu label-item
label: hide
name: HideCpu
required: false
type: BOOLEAN
groupName: cpu
- default: Cpu
description: Cpu title
label: Title
name: SystemOHCpuTitle
required: false
type: TEXT
groupName: cpu
- default: iconify:whh:cpu
description: Cpu Icon - Use f7:iconName (Framework7 icon), material:iconName
(Material icon) or iconify:iconSet:iconName
label: Icon
name: SystemOHCpuIcon
required: false
type: TEXT
groupName: cpu
- context: item
description: CPU Temperature item
label: Item
name: CPUTemperatureItem
required: false
type: TEXT
groupName: cpu
- context: item
description: Cpu Load1 item
label: Item
name: CPULoad1Item
required: false
type: TEXT
groupName: cpu
- context: item
description: Cpu Load 5 item
label: Item
name: CPULoad5Item
required: false
type: TEXT
groupName: cpu
- context: item
description: Cpu Load 15 item
label: Item
name: CPULoad15Item
required: false
type: TEXT
groupName: cpu
- description: Hide Memory label-item
label: hide
name: HideMemory
required: false
type: BOOLEAN
groupName: memory
- default: Memory
description: Memory title
label: Title
name: SystemOHMemoryTitle
required: false
type: TEXT
groupName: memory
- default: iconify:fa-solid:memory
description: Memory Icon - Use f7:iconName (Framework7 icon), material:iconName
(Material icon) or iconify:iconSet:iconName
label: Icon
name: SystemOHMemoryIcon
required: false
type: TEXT
groupName: memory
- context: item
description: Memory Total item
label: Item
name: MemoryTotalItem
required: false
type: TEXT
groupName: memory
- context: item
description: Memory Used item
label: Item
name: MemoryUsedItem
required: false
type: TEXT
groupName: memory
- context: item
description: Memory Used Percent item
label: Item
name: MemoryUsedPercentItem
required: false
type: TEXT
groupName: memory
- context: item
description: Memory Available item
label: Item
name: MemoryAvailableItem
required: false
type: TEXT
groupName: memory
- context: item
description: Memory Available Percent item
label: Item
name: MemoryAvailablePercentItem
required: false
type: TEXT
groupName: memory
- description: Hide Storage label-item
label: hide
name: HideStorage
required: false
type: BOOLEAN
groupName: storage
- default: Storage
description: Storage title
label: Title
name: SystemOHStorageTitle
required: false
type: TEXT
groupName: storage
- default: iconify:bi:device-ssd-fill
description: Storage Icon - Use f7:iconName (Framework7 icon), material:iconName
(Material icon) or iconify:iconSet:iconName
label: Icon
name: SystemOHStorageIcon
required: false
type: TEXT
groupName: storage
- context: item
description: Storage Total item
label: Item
name: StorageTotalItem
required: false
type: TEXT
groupName: storage
- context: item
description: Storage Used item
label: Item
name: StorageUsedItem
required: false
type: TEXT
groupName: storage
- context: item
description: Storage Used Percent item
label: Item
name: StorageUsedPercentItem
required: false
type: TEXT
groupName: storage
- context: item
description: Storage Available item
label: Item
name: StorageAvailableItem
required: false
type: TEXT
groupName: storage
- context: item
description: Storage Available Percent item
label: Item
name: StorageAvailablePercentItem
required: false
type: TEXT
groupName: storage
- description: Hide Swap label-item
label: hide
name: HideSwap
required: false
type: BOOLEAN
groupName: swap
- default: Swap
description: Swap title
label: Title
name: SystemOHSwapTitle
required: false
type: TEXT
groupName: swap
- default: iconify:ic:outline-swap-calls
description: Swap Icon - Use f7:iconName (Framework7 icon), material:iconName
(Material icon) or iconify:iconSet:iconName
label: Icon
name: SystemOHSwapIcon
required: false
type: TEXT
groupName: swap
- context: item
description: Swap Total item
label: Item
name: SwapTotalItem
required: false
type: TEXT
groupName: swap
- context: item
description: Swap Used item
label: Item
name: SwapUsedItem
required: false
type: TEXT
groupName: swap
- context: item
description: Swap Used Percent item
label: Item
name: SwapUsedPercentItem
required: false
type: TEXT
groupName: swap
- context: item
description: Swap Available item
label: Item
name: SwapAvailableItem
required: false
type: TEXT
groupName: swap
- context: item
description: Swap Available Percent item
label: Item
name: SwapAvailablePercentItem
required: false
type: TEXT
groupName: swap
- description: Hide Network label-item
label: hide
name: HideNetwork
required: false
type: BOOLEAN
groupName: network
- default: Network
description: Network title
label: Title
name: SystemOHNetworkTitle
required: false
type: TEXT
groupName: network
- default: iconify:bi:ethernet
description: Network Icon - Use f7:iconName (Framework7 icon), material:iconName
(Material icon) or iconify:iconSet:iconName
label: Icon
name: SystemOHNetworkIcon
required: false
type: TEXT
groupName: network
- context: item
description: Network Data Received item
label: Item
name: NetworkDataReceivedItem
required: false
type: TEXT
groupName: network
- context: item
description: Network Data Sent item
label: Item
name: NetworkDataSentItem
required: false
type: TEXT
groupName: network
- description: Hide reboot command label-item
label: hide
name: HideRebootCommand
required: false
type: BOOLEAN
groupName: command
- default: Reboot
description: Reboot command Title
label: Title
name: RebootCommandTitle
required: false
type: TEXT
groupName: command
- context: item
description: Reboot command switch item
label: Item
name: ExecRebootCommandItem
required: false
type: TEXT
groupName: command
- description: Hide power off command label-item
label: hide
name: HidePowerOffCommand
required: false
type: BOOLEAN
groupName: command
- default: Power off
description: Power off command Title
label: Title
name: PowerOffCommandTitle
required: false
type: TEXT
groupName: command
- context: item
description: Power off command switch item
label: Item
name: ExecPoweroffCommandItem
required: false
type: TEXT
groupName: command
parameterGroups:
- name: header
label: Header
- name: gauge
label: Gauges CPU, Memory & Storage
- name: cpu
label: Cpu
- name: memory
label: Memory
- name: storage
label: Storage
- name: swap
label: Swap
- name: network
label: Network
- name: command
label: Commands
timestamp: Dec 22, 2024, 1:48:18 PM
component: oh-list-item
config:
after: =@props.CPULoad1Item
icon: =props.SystemOHIcon
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: '=" System UpTime: " + items.Raspberry_PI_System_Betriebszeit.displayState'
title: =props.SystemOHTitle
slots:
accordion:
- component: f7-list
config:
mediaList: true
style:
background-color: '=themeOptions.dark === "dark" ? "rgb(35, 35, 35)" : "rgb(245,
245, 245)"'
slots:
default:
- component: f7-block
config:
style:
margin: 0px
padding: 10px
visible: =!props.HideGauges
slots:
default:
- component: f7-row
config:
style:
text-align: center
slots:
default:
- component: f7-col
config:
with: 33%
slots:
default:
- component: oh-gauge
config:
borderBgColor: gray
borderColor: "=(Number.parseFloat(items[props.CPULoad1Item].state) >= '75') ?
'#ff3b30' :
(Number.parseFloat(items[props.CPULoad1Item].\
state) >= '50') ? '#ff6b22' :
(Number.parseFloat(items[props.CPULoad1Item].\
state) >= '25') ? '#ffcc00' :
(Number.parseFloat(items[props.CPULoad1Item].\
state) >= '0') ? '#4cd964' : 'gray'"
borderWidth: 25
item: =props.CPULoad1Item
labelFontSize: 26
labelText: =props.SystemOHCpuTitle
max: 1
min: 0
type: circle
valueFontSize: 34
valueFontWeight: bold
valueText: =@props.CPULoad1Item
valueTextColor: "=themeOptions.dark === 'dark' ? 'rgb(180,180,180)' :
'rgb(80,80,80)'"
- component: f7-col
config:
with: 33%
slots:
default:
- component: oh-gauge
config:
borderBgColor: gray
borderColor: "=(Number.parseFloat(items[props.MemoryUsedPercentItem].state) >=
'75') ? '#9c27b0' :
(Number.parseFloat(items[props.MemoryUsedPerc\
entItem].state) >= '50') ? '#9c6b22' :
(Number.parseFloat(items[props.MemoryUsedPerc\
entItem].state) >= '25') ? '#9ccc00' :
(Number.parseFloat(items[props.MemoryUsedPerc\
entItem].state) >= '0') ? '#4cd964' : 'gray'"
borderWidth: 25
item: =props.MemoryUsedPercentItem
labelFontSize: 26
labelText: =props.SystemOHMemoryTitle
max: 1
min: 0
type: circle
valueFontSize: 34
valueFontWeight: bold
valueText: =@props.MemoryUsedPercentItem
valueTextColor: "=themeOptions.dark === 'dark' ? 'rgb(180,180,180)' :
'rgb(80,80,80)'"
- component: f7-col
config:
with: 33%
slots:
default:
- component: oh-gauge
config:
borderBgColor: gray
borderColor: "=(Number.parseFloat(items[props.StorageUsedPercentItem].state) >=
'75') ? '#5ac8fa' :
(Number.parseFloat(items[props.StorageUsedPer\
centItem].state) >= '50') ? '#5a6b22' :
(Number.parseFloat(items[props.StorageUsedPer\
centItem].state) >= '25') ? '#5acc00' :
(Number.parseFloat(items[props.StorageUsedPer\
centItem].state) >= '0') ? '#5ad964' : 'gray'"
borderWidth: 25
item: =props.StorageUsedPercentItem
labelFontSize: 26
labelText: =props.SystemOHStorageTitle
max: 1
min: 0
type: circle
valueFontSize: 34
valueFontWeight: bold
valueText: =@props.StorageUsedPercentItem
valueTextColor: "=themeOptions.dark === 'dark' ? 'rgb(180,180,180)' :
'rgb(80,80,80)'"
- component: oh-list-item
config:
action: analyzer
actionAnalyzerCoordSystem: time
actionAnalyzerItems: =[props.CPULoad1Item, props.CPULoad5Item,
props.CPULoad15Item, props.CPUTemperatureItem]
after: =@props.CPUTemperatureItem
icon: =props.SystemOHCpuIcon
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-subtitle-font-size: 14px
--f7-list-item-subtitle-text-color: "=themeOptions.dark === 'dark' ?
'rgb(180,180,180)' : 'rgb(100,100,100)'"
--f7-list-item-title-font-size: 15px
--f7-list-item-title-text-color: "=themeOptions.dark === 'dark' ?
'rgb(180,180,180)' : 'rgb(100,100,100)'"
subtitle: =@props.CPULoad1Item + " - " + @props.CPULoad5Item + " - " +
@props.CPULoad15Item
title: =props.SystemOHCpuTitle
visible: =!props.HideCpu
- component: oh-list-item
config:
after: =@props.MemoryTotalItem
icon: =props.SystemOHMemoryIcon
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-subtitle-font-size: 14px
--f7-list-item-subtitle-text-color: "=themeOptions.dark === 'dark' ?
'rgb(180,180,180)' : 'rgb(100,100,100)'"
--f7-list-item-title-font-size: 15px
--f7-list-item-title-text-color: "=themeOptions.dark === 'dark' ?
'rgb(180,180,180)' : 'rgb(100,100,100)'"
subtitle: =@props.MemoryUsedItem + " (" + @props.MemoryUsedPercentItem + ") - "
+ @props.MemoryAvailableItem + " ("
+ @props.MemoryAvailablePercentItem + ")"
title: =props.SystemOHMemoryTitle
visible: =!props.HideMemory
- component: oh-list-item
config:
after: =@props.StorageTotalItem
icon: =props.SystemOHStorageIcon
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-subtitle-font-size: 14px
--f7-list-item-subtitle-text-color: "=themeOptions.dark === 'dark' ?
'rgb(180,180,180)' : 'rgb(100,100,100)'"
--f7-list-item-title-font-size: 15px
--f7-list-item-title-text-color: "=themeOptions.dark === 'dark' ?
'rgb(180,180,180)' : 'rgb(100,100,100)'"
subtitle: =@props.StorageUsedItem + " (" + @props.StorageUsedPercentItem + ") -
" + @props.StorageAvailableItem + " ("
+ @props.StorageAvailablePercentItem + ")"
title: =props.SystemOHStorageTitle
visible: =!props.HideStorage
- component: oh-list-item
config:
after: =@props.SwapTotalItem
icon: =props.SystemOHSwapIcon
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-subtitle-font-size: 14px
--f7-list-item-subtitle-text-color: "=themeOptions.dark === 'dark' ?
'rgb(180,180,180)' : 'rgb(100,100,100)'"
--f7-list-item-title-font-size: 15px
--f7-list-item-title-text-color: "=themeOptions.dark === 'dark' ?
'rgb(180,180,180)' : 'rgb(100,100,100)'"
subtitle: =@props.SwapUsedItem + " (" + @props.SwapUsedPercentItem + ") - " +
@props.SwapAvailableItem + " ("
+ @props.SwapAvailablePercentItem + ")"
title: =props.SystemOHSwapTitle
visible: =!props.HideSwap
- component: oh-list-item
config:
icon: =props.SystemOHNetworkIcon
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-subtitle-font-size: 14px
--f7-list-item-subtitle-text-color: "=themeOptions.dark === 'dark' ?
'rgb(180,180,180)' : 'rgb(100,100,100)'"
--f7-list-item-title-font-size: 15px
--f7-list-item-title-text-color: "=themeOptions.dark === 'dark' ?
'rgb(180,180,180)' : 'rgb(100,100,100)'"
subtitle: ="▼" + @props.NetworkDataReceivedItem + " ▲" +
@props.NetworkDataSentItem
title: =props.SystemOHNetworkTitle
visible: =!props.HideNetwork
- component: oh-list-item
config:
action: options
actionItem: =props.ExecRebootCommandItem
actionOptions: ="ON=" + props.RebootCommandTitle
item: =props.ExecRebootCommandItem
listButton: true
listButtonColor: green
title: =props.RebootCommandTitle
visible: =!props.HideRebootCommand
- component: oh-list-item
config:
action: options
actionItem: =props.ExecPoweroffCommandItem
actionOptions: ="ON=" + props.PowerOffCommandTitle
item: =props.ExecPoweroffCommandItem
listButton: true
listButtonColor: green
title: =props.PowerOffCommandTitle
visible: =!props.HidePowerOffCommand
balu
