MMM-Netatmo updated

Miller

@zdenek Not in this version at the moment

zdenek

@Miller thanks, so I’ll have to wait, no problem

Miller

@zdenek I updated the module, now it’s possible to have your Netatmo-Modules (Rooms) in one row.
For this set “horizontal” to true on your config.js

This will only display rooms on one row as long as there is allowed space from MM-Module.
The rooms that don’t fit, will continue on the next row.

However, you can “Force” everything to stay on one row.
Then set “horizontalOverflow” to true.
This forces everything to stay on one row, but of course with the chance it will overflow your other Modules on the mirror.

Updated Images are in included in my Github-repository (look at the bottom of the Reame.md)

torte22

This is pretty cool, many thanks!!

zdenek

@Miller great, thanks, I’m going to test.

Zdeněk

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!