MMM-SystemStats (cpu temp/load, fre ram ...)

Lordy

How can you only display individual parameters?
I just want to see “Free memory” for example.
Thank you very much in advance

lavolp3

@Lordy
if you mean free RAM, try this out in your custom.css

.MMM-SystemStats tr { 
  display: none; 
}

.MMM-SystemStats tr:nth-child(3n+0) { 
  display: table-row; 
}

For free disk space it would be

.MMM-SystemStats tr { 
  display: none; 
}

.MMM-SystemStats tr:nth-child(5n+0) { 
  display: table-row; 
}

No guarantees!! I haven’t tried it!!

Lordy

@lavolp3 said in MMM-SystemStats (cpu temp/load, fre ram ...):

.MMM-SystemStats tr {
display: none;
}

.MMM-SystemStats tr:nth-child(5n+0) {
display: table-row;
}

Thanks, it helped me.
How do I do this with “CPU_TEMP”?

lavolp3

@Lordy try tr:nth-child(6n+1)

You have 5 children in the table element, which are the 5 table rows.
nth-child counts every “nth” children from 0.
So if you have nth-children(3n+0) it takes the 3rd 6th 9th. Only the 3rd is there so voila.

nth-children(6n+1) SHOULD count the 1st, 7th, 13th children, of these only the 1st is available. So, hopefully again, voila.

  getDom: function() {
    var self = this;
    var wrapper = document.createElement('table');

    var sysData = {
      cpuTemp: {
        text: 'CPU_TEMP',
        icon: 'fa-thermometer',
      },
      sysLoad: {
        text: 'SYS_LOAD',
        icon: 'fa-tachometer',
      },
      freeMem: {
        text: 'RAM_FREE',
        icon: 'fa-microchip',
      },
      upTime: {
        text: 'UPTIME',
        icon: 'fa-clock-o',
      },
      freeSpace: {
        text: 'DISK_FREE',
        icon: 'fa-hdd-o',
      },
    };

lavolp3

@Lordy I’m honestly amazed it worked.

Lordy

@lavolp3
Now I understand it.
It also works that “tr:nth-child(5n+1)”.
With the background knowledge, it is clear to me.
Nice Weekend

BKeyport

This post is deleted!

BKeyport

@BenRoe Hey, ben - love your module - would like to see a “quick” change if possible. Could you update the module to show both imperial and metric for CPU temp? This is only needed because I’m in a backwards country that hasn’t adopted sensable measurements, and it would be nice to have both temps on screen at the same time, so I can compare easily with others on how cool my system is.

Thanks!

lavolp3

@BKeyport I think this sound more like a change you could do to your own version instead of a general change for the module.
You could insert e.g.

this.stats.cpuTemp = payload.cpuTemp + " / " + (payload.cpuTemp * 9 / 5 + 32).toFixed(1) + "°F";

into line 62

BKeyport

@lavolp3 that’s not working, just get NaN… I think that’s because the string’s already got the “°C” at that point.

On another point, how do you link back to the code and highlight like that?

lavolp3

@BKeyport said in MMM-SystemStats (cpu temp/load, fre ram ...):

On another point, how do you link back to the code and highlight like that?

You can get a direct link by clicking on the line in github.

lavolp3

@BKeyport said in MMM-SystemStats (cpu temp/load, fre ram ...):

that’s not working, just get NaN… I think that’s because the string’s already got the “°C” at that point.

ah the parsefloat is missing.
How about

this.stats.cpuTemp = payload.cpuTemp + " / " + (parseFloat(payload.cpuTemp) * 9 / 5 + 32).toFixed(1) + "°F";

BKeyport

@lavolp3 That did it, thank you.

uros76

Excellent module, works great.

I do have a question. I don’t see all the icons :/ how can I fix this?

BKeyport

@uros76 The icons are straight from font awesome, and part of the base package, from what I understand. Not having icons might be indicative of a weak connection to the 'net.

v4r23

missing stats
Any idea what’s going wrong that it shows:

loading &hellip;

BKeyport

@v4r23 If you followed the install completely, reboot the system. It’s the one step that fixed it for me.

MajorC

Hi,

is there a good way to shrink the font size and the icon size?

I tried

.MMM-SystemStats {
Font-size: 70%;
}

but now there are a lot of space between each line.

Or if I use

transform: scale(0.90, 0.90);

than the module is moved into the middle of the screen.

Thank you

MajorC

UPDATE:

I included into the custom.css

/**
 * MMM-SystemStats
 */

.MMM-SystemStats table {
        width: 350px;
        color: #666;
        font-size: 20px;
 }

.MMM-SystemStats td {
    line-height: 20px;
}

that works for me. Not sure if that was the right way. But hey, its fine.

BKeyport

@MajorC That’s the recommended way, actually. CSS should be the place you make LOOK customizations.

Good job.