#Server dashboard?
1 messages · Page 1 of 1 (latest)
Take a look at the System Monitor integration.
The System monitor integration allows you to monitor disk usage, memory usage, network usage, CPU usage, and running processes.
These entities are disabled by default. Enable the ones you want to see.
Then, it is just a matter of designing your dashboard with the information you want to see and how.
Here, I use an Entities card to show uptime and if some updates are available. (Note: card_mod applied for some styling.)
type: entities
entities:
- entity: sensor.home_assistant_uptime
icon: mdi:home-assistant
- entity: update.home_assistant_operating_system_update
- entity: update.home_assistant_core_update
hold_action:
service: update.install
data:
backup: true
- entity: update.home_assistant_supervisor_update
- entity: update.hacs_update
show_header_toggle: false
state_color: true
card_mod:
style: |
ha-card {
border: solid 1px var(--primary-text-color);
background-color: rgba(0, 0, 0, 0)
}
For individual updates from HACS, I use an auto entities card to "find" entities that have updates available. Each one it finds gets a custom:button-card stylized the way I want to see it. Pressing the card shows the more-info; holding the card does the update. (A layout-card helps with the layout options.)
type: vertical-stack
cards:
- type: custom:auto-entities
card:
type: custom:layout-card
layout_type: custom:grid-layout
layout:
mediaquery:
"(max-width: 900px)": grid-template-columns: repeat(2, 50%)
"(min-width: 901px)": grid-template-columns: repeat(5, 20%)
card_param: cards
filter:
include:
- domain: update
state: "on"
options:
type: custom:button-card
name: >
[[[ return entity.attributes.friendly_name.replace(/update/ig,'');
]]]
show_entity_picture: true
state:
- operator: template
value: "[[[ return entity.attributes.in_progress == true ]]]"
styles:
icon:
- animation: blink 1.5s ease infinite
hold_action:
action: call-service
service: update.install
data:
entity_id: this.entity_id
exclude:
- state: unavailable
- entity_id: "*demo*"
else:
type: markdown
content: <ha-alert alert-type="info">No updates available</ha-alert>
sort:
method: name
reverse: false
numeric: false
show_empty: true
```*I don't have any updates available to show this in action, but the icon will flash while it is updating and then the card will disappear when its done.*
Found a screenshot that I posted elsewhere.