System Monitoring - How does yours look?

That is still a WIP and not yet in Github. It will be in time.
I have added some sort of gradient and am working on the layout.

image

image

I’m not a real programmer, so it takes a bit more time to learn lit-elements on which hass cards are based. But the card is getting nicer and better every week now.
I hope to have a bit more spare time in september to finish the card.

This card complements the modified mini-graph-card:

image

I think it is possible to merge these modifications into this card without breaking existing installations.

6 Likes

Lovely work! I really like the colors and smoothness it gives you.
Looking forward to this gets posted on the Github :).

Fortsetzung der Diskussion von System Monitoring - How does your look?:

Just wanted to give you an updated look to my System Monitoring…:wave:

3 Likes

Love your background. Can you plz share?

A big thanks to everyone in the community that made their resources available to people like me. With your help, i was able to make mine look like this; and it is not the most impressive system monitor.

4 Likes

Yes, of course.

I took it from @akkaria‘s Lovelace theme over here:

File on GitHub: home-assistant/www at master · akkaria/home-assistant · GitHub

2 Likes

Still playing with the layout of the card. I once started with much space and little information, and this version has less space and a maximum of 3 entities displayed.
For things like monitoring it is quite nice I think.

As it is build on SVG, it scales without any changes in fonts from 3 to 1 card in a row (the width is the default width of a vertical stack card, around 500px).

First Example

Cards with system monitoring values.

Sensors:

  • Default system monitoring sensors from Home Assistant, ie memory / disk in_use, in_use_percentage and free. The CPU Load shows cpu percentage and the 1m and 5m values.

Second example

Cards with room temperature, humidity and lux values on the left, and on the right only temperature.
If you ignore the dot, it clearly is less cluttered and could hold a second value like humidity…

Sensors:

  • Temperature and humidity from Xiami temp/humi/pressure sensor and lux from Xiaomi occupancy sensor.
  • The outside (BUITEN) temperature is a Darksky sensor.

So many possibilities and choices :smile:

7 Likes

How are you getting the file size for the db and the log? I tried using a command line sensor, but the state comes up empty.

#================================
#=== File Size of db File
#================================
- platform: command_line
  name: DB FileSize
  command: "du -h /usr/share/hassio/homeassistant/home-assistant_v2.db | cut -f 1"

can you share your card en config please

Does someone has a way to get the local running HassOS version?

- platform: version
  name: Current Version
  image: intel-nuc 
  source: local ### <---- Currently running version

- platform: version
  name: Latest Version
  image: intel-nuc
  source: hassio

This is working within my Docker installation of HA:

Awesome. Don’t know how I missed that one, but thank you very much.

1 Like

This gives me 0.98.4 which is not the HassOS version (2.12 currently)

you mean other than clicking Hassio in the left menu, system tab?

afaik, only this beta sensor can check for the Hassos version available:

  - platform: rest
    name: Ha current beta version
    resource: https://s3.amazonaws.com/hassio-version/beta.json
    value_template: >
      {{ value_json.homeassistant.default }}
    scan_interval: 86400
    json_attributes:
      - channel
      - supervisor
      - hassos
      - hassos-cli
      - dns

Yes I would like to get a notification when there is a new HassOS release. Currently you have to go to Hassio > System Tab and check by yourself from time to time.

I’m able to get the current available HassOS version using the Rest platform or the Version sensor but not my currently running HassOS version…

no, I fear you’re right. Using the api rest sensor

  - platform: rest
    name: Hassio Main config
    resource: !secret resource_hassio_main_config
    authentication: basic
    value_template: >
      {{ value_json.version }}
    json_attributes:
      - components
      - unit_system
      - config_dir
      - version
    headers:
      Content-Type: application/json
      Authorization: !secret api_bearer_token
      User-Agent: Home Assistant REST sensor

doesn’t show the hassos version, nor does:

  - platform: rest
    name: Ha current version
    resource: https://www.home-assistant.io/version.json
    value_template: >
      {{ value_json.current_version }}
    json_attributes:
#      - current_version
      - release_date
      - release_notes
      - release_notes_path
      - release_title
      - release_description
      - patch_version_notes
      - root_url
      - semantic_version

hassos simply isn’t available on those endpoints.

I was going to say that it’s an attribute of the sensor, but that does not appear to be the case for the local source of the sensor. Sorry. You could request this on github.

Screenshot_2019-09-09%20Home%20Assistant

It will be up once the card is finished, including examples how to use it of course.
I will post an update if it is stable enough for a first release :smile:

Card is getting along nicely. It is now very flexible in entities, attributes and layout. You can specify what you want in the yaml file.

Experimented with a rough industrial look & feel. Probably not everybody’s taste, but it’s simply an example of the possibilities. A bit heavy for older devices btw due to the applied filters.

Some examples of my second home, the Moon (Maan):

And my little NUC running hass:


The ‘normal’ look is like this screenshot. Same theme/cards/layout but without the filters and the scale:

2 Likes

Very cool! I’m looking forward to giving this a try when you have it shared