MMM-Netatmo updated

Miller

Here you can find many available modules.
For the thermostat there is this Module

For me that one is not suitable, because it is only for the thermostat, not for the valves.
Since I didn’t find a module for the valves, I will maybe try to make it myself, but will take some time

zdenek

@Miller it will be great. I’ve the one form thermostat, but it only show temp and off/on. Will be great to see “plan”, also the status of valves (actual temp, open/closed, temp by plan…)

thanks

zdenek

@Miller can u plz help me to customize CSS? I need to “somehow” add to my CSS

MMM-netatmo . modules bubbles horizontal . module .secondary .displayAQI .AQI .medium light
font-size:15px;

MMM-netattmo . modules bubbles horizontal . module .primary . displayTemp . Temperature . data_container . data_left large light bright
font-size: 40px;

and also overide the module css value

.x-medium {

  font-size:170%;
}

to

.x-medium {

  font-size:100%;
}

the task is decrease the size of font of mentioned DIVs to own defined size (the actual is too big for me)

I’ve tried

.x-medium {

  font-size:100%;
}

.MMM-netatmo .bubbles.horizontal .module .primary .displayTemp .data_container .data_left {
  font-size: 40px;
}

.MMM-netatmo .bubbles.horizontal .module .secondary .displayAQI .AQI {
  font-size: 15px;
}

thanks a lot - I’m lost :-(

frogywill

This update looks great, thank you! What should be changed to have it display the temps in fahrenheit ?

Miller

@frogywill To show Fahrenheit, change your default settings of MagicMirror units to “imperial”

Or set units: “imperial” in MMM-Netatmo config

Miller

@zdenek
The AQI font class is inherited from the default .small class of MM.

To override this, add the following to the CSS

.MMM-netatmo .displayAQI .small {
  font-size: 10px;
  line-height: 15px;
}

To override all the .small classes in MMM-Netatmo

.MMM-netatmo .small {
  font-size: 10px;
  line-height: 15px;
}

The same goes for the Temperature, this Uses the default .large font class
to override add:

.MMM-netatmo .large {
  font-size: 40px;
}

The .x-medium is only applied to .secondary.displayWindAngle.WindAgle
The other icons is the normal .medium which comes from MM

So you can override

.x-medium {

  font-size:100%;
}

and

.MMM-netatmo .medium {
  font-size: 70%;
}

zdenek

@Miller that’s perfect, thanks

Tribun

Hi Miller,
First of all, I want to tell you that you have built a great module. It looks awesome.
However, I have a problem with the display of the air quality.
What do I have to enter if I want to take this place?
e.g .:
https://aqicn.org/city/austria/laschoberstrasse--ostlich-kreisverkehr-ruster-strasse/

I only see “wait”.

Miller

I cannot take credit for building the module, I only redesigned it a bit.

As for the Air Quality, took me some figuring out as well.

However, as a location, put the string in behind city, so in your case it would be:

location: "austria/laschoberstrasse--ostlich-kreisverkehr-ruster-strasse",

Tribun

@Miller thanks for your help and the great design. ;)