MMM-Netatmo updated

zdenek

@Miller so, it works almost perfect, Just:

I would recomment to add comma (,) next to last bracket on git-hub. Like this:
},
when someone copy settings somewhere in the middle of config, he/she has to remember to add comma…
for me doesn’t in hotizontal mode works “horizontalOverflow” or I didn’t get the meaning. I’ve set it false and the row of MMM-Netatmo writes values over modules in “right” column". And cause the size is too big for me, I had to remove one of sensors (1 external + 3 internals)

anyway, thanks a lot - great job

Miller

@zdenek Thank you for your comments.
I’ll see if i can improve it later

zdenek

@Miller no problem, I’ll reorganize modules a little bit…

thanks

airart

there is also a netatmo mudule for thermostat ?

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. ;)

Fozi

Just came across this post and tried out your fork immediatelly …and it is fantastic. It’s just the way I always wanted! Thanks a lot!

joffe

Hello

Is it possible to remove Air Quality completely?

Aardal1

Thanks for all the great work with this module!

Is there is a way to add some air between the different elements?
Its a lot of information in a small space.

I made this example in ps:
Netatmo spacing.jpg

Also, is there a way to remove the update interval text at the bottom?
I could not find this in the description.
Tried the “hideLoadTimer: true,” with no success.

kj3rra

@miller
Hi, I happen to have 3 base stations (home and two cabins) and I wonder if its possible to differentiate between the base station, so I can choose which one to display? It looks to me as if Netatmo have a “hierarchy” on the base stations, where the station you first added will have priority no.1 and the one showing in this module. Removing all base stations and shuffle the hierarchy isnt an option as I have 3 mirrors where I want to display each of the 3 base stations separately.

Any thoughts anyone?

MajorC

@aardal1 is there a good custom-css style available, to get more space between all the data, like shown in the picture?

Fozi

@kj3rra I’m a bit late to the party but I found a fork of the MMM-Netatmo module which allows to differentiate between several base stations. I recently had the same problem and I solved it that way.

https://github.com/MariusEng/MMM-Netatmo

There is an option called

deviceNumber

which you can adress in your config. Works flawlessly!