Nuc System Monitoring Card

cx89018 · November 23, 2021, 1:11pm

graphically it is different,
there is the CPU bar and below the graph. I would like to understand how to do this step

petro · November 23, 2021, 1:15pm

It’s no different than the CPU percentage in the original post… Here’s the example in the original post:

petro:

                    - type: custom:bar-card
                      title_position: inside
                      show_icon: true
                      align: split
                      columns: 1
                      max: 100
                      unit_of_measurement: "%"
                      severity:
                        - value: 50
                          color: "#3498db"
                        - value: 75
                          color: "#f39c12"
                        - value: 100
                          color: "#e45e65"
                      style: |
                        ha-card { 
                          --paper-card-background-color: 'rgba(0, 0, 0, 0.0)';
                          --ha-card-background: "rgba(0, 0, 0, 0.0)";
                          --ha-card-box-shadow: 'none';
                        }
                      entity: sensor.processor_use
                      title: CPU

They all use the same thing. That’s how the frontend works. Just because it’s in a different spot doesn’t mean its a different control.

If you’re having trouble with that distinction, then this might be slightly outside of your comfort zone. This single bar setup requires 2 custom cards: card-mod, bar-card.

cx89018 · November 23, 2021, 1:22pm

I’m a beginner and I’m trying to learn how to use the various cards.

sorry for my english but i am using the translator

deltabert · January 2, 2022, 6:25pm

Hi all,

I am using this monitor solution for monitoring my NUC for some time now.
But recently I run into a strange error with the Lovelace card i have.

Custom element doesn't exist: hui-vertical-stack-card.

Does anyone have this also and do you have an idea why this is showing up.
The card is’nt visible anymore in my dashboard.

deltabert · January 2, 2022, 6:35pm

I found the solution in this link:
Use hue-element and vertical-stack

- type: custom:hui-element
  card_type: vertical-stack

There has been a change with the latest Home Assistant upgrade (2021.7), where the support for hue-vertical-stack-card was removed.

josepdomotica · January 14, 2022, 1:54pm

@liamstears Thank you for inspire me, this is mine:

Also, @Hs82H thank you too, this is my system monitor based on your post (28) : System Monitoring - How does your look? - #933 by josepdomotica

Richi_Bowzer · January 14, 2022, 7:04pm

if anyone wants to thank anyone it should be @petro this is all based of his original code, including my versions

josepdomotica · January 15, 2022, 4:19pm

My apologies, it’s totally true. Thank you @petro

spencerbutler · January 19, 2022, 4:14am

I’ve finally found the time to start tweaking my styles. Thanks for all the ideas (and code) in this thread. I’ve got this card working, but with a pretty big caveat. I’m sure I have something set completely out of bounds, but I have yet to find it.

It started off looking great, with the exception of the refresh every ~15-30 seconds. I didn’t think too much about it, and just kept tweaking things. It became more than an annoyance when I noticed it was started to affect my workstation. It managed to gobble up at least 6G of RAM in a short period of time. I removed the card and the RAM was immediately returned to me.

The first thing I did to troubleshoot was hit F12 in my browser and have a peak at the console. There was a very thoughtful message from card-mod telling me I should probably load this in the frontend, so I did.

/config/configuration.yaml

frontend:
  extra_module_url:
    - /hacsfiles/lovelace-card-mod/card-mod.js

I did a hard refresh in my browser and didn’t notice any difference. This is when I removed the card, created this gist with the contents of the RAM stealing card I concocted, and wrote this post.

Any tips on how to resolve this are much appreciated. Note: It’s late and I have not re-read all the various card manuals I have recently installed. I may very well be missing something obvious.

TIA

petro · January 19, 2022, 12:49pm

This card is a combination of many custom cards, many of them are not maintained by the dev team. They may have bugs, like a memory leak. Remove pieces of the card until the memory leak goes away. then add things back until it appears again. This will help you figure out where the leak is coming from. Once you figure that out, you can start to correct the leak. Correcting the leak may require you to notify the developer of the custom card that’s causing the problem. Last time I used this setup (~late 2019), there was no memory leak.

tk5lam · February 20, 2022, 2:02am

Hi.
I used your code… It’s funny that when I create the card I get the “custom element doesn’t exist: hui-vertical-stack-card” message. However if I save the card anyway and press the “Add Card” button so the cards menu appear, and cancel right after it apears, the NUC monitor card appears… BUT… If I refresh the browser the “custom element doesn’t exist: hui-vertical-stack-card” message appears again… and so on… Any ideas?

basti4k · April 18, 2022, 7:13pm

The sensor “sensor.cpu_speed” dont work in the new HA Version
What is the new name?

liamstears · June 2, 2022, 1:12am

The fix was found here: UPS System Monitoring Card
by barsurfer

Basically install “hui-element” on HACS then change:

    - type: custom:hui-vertical-stack-card

to:

    - type: custom:hui-element
      card_type: vertical-stack

jaaneo · July 20, 2022, 7:32am

Excellent tutorial, thank you very much I have a wonderful monitoring card.

havy1601 · August 10, 2022, 1:35pm

Hi all,

the card look amazing!

But I have one issue:
Everytime the states update the whole card flashes and it is very annoying for the eyes.
Does somebody have a solution for that? Can I somehow delay the update for the whole card?
So it updates all states at once after a minute or so? That would make it a little better.

Regards Adrian

Mmohab · October 5, 2022, 4:54pm

I dont know why in one window it is correct and in another window same browser same computer it shows an error.

any advise ?

petro · October 5, 2022, 4:56pm

That’s cache related, clear the cache on the non working one.

WildeRNS · October 12, 2022, 5:20am

very nice dashboard! can you share your code?

Duvi · October 13, 2022, 7:51am

The card is a great one but i have a small problem the card is HUGE and can’t make it smaller … where is the problem ?

terminus · November 3, 2022, 6:44am

Hi Guys, I’m trying to using the Script to get System stats of my Nuc10i7 with Proxmox running into HA.
What I did so far is getting rid of the byte-like object with this. Then corrected the ThermalZone to “4” instead of five, but there is another error, which I cannot deal with. Maybe someone could help me:

Traceback (most recent call last):
  File "/home/./rpi-cpu2mqtt2.py", line 150, in <module>
    if config.free_space:
AttributeError: module 'config' has no attribute 'free_space'