MMM-Nest

[yawns]

On the terminal type bash getToken.sh

[tidus5]

changed the CSS

for who want

.heating {
width: 130px;
height: 130px;
background: red;
background: radial-gradient(#571d1d, #b30000);
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 70px;
line-height: 130px;
font-size: 50px;
text-align: center;
position: relative;
border: 4px solid #FFF;
}

.cooling {
width: 130px;
height: 130px;
background: blue;
background: radial-gradient(#0a237a, #436cc0);
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 70px;
line-height: 130px;
font-size: 50px;
text-align: center;
position: relative;
border: 4px solid #FFF;
}

.heatingHC {
width: 130px;
height: 130px;
background: red;
background: radial-gradient(#571d1d, #b30000);
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 70px;
line-height: 130px;
font-size: 40px;
text-align: center;
position: relative;
border: 4px solid #FFF;
}

.coolingHC {
width: 130px;
height: 130px;
background: blue;
background: radial-gradient(#0a237a, #436cc0);
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 70px;
line-height: 130px;
font-size: 40px;
text-align: center;
position: relative;
border: 4px solid #FFF;
}

.off {
width: 130px;
height: 130px;
border: 4px solid white;
background: black;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 70px;
line-height: 130px;
font-size: 50px;
text-align: center;
position: relative;
}

.heatingText {
  font-size:medium;
  position: absolute;
top: -5px;
right: 40px;
  width: 0;
}

.coolingText {
  font-size:medium;
  position: absolute;
top: -5px;
right: 40px;
  width: 0;
}

.humidityText {
  position:absolute;
  font-size:large;
  top: 35%;
  width: 100%;
}

.nameText {
 font-size:medium;
 text-align:center;
 width:33%;
}

.center {
 text-align:center;
}

.heatingCell {
 background:red;
 background:linear-gradient(to right, #990000 , red, #990000);
}

.coolingCell {
 background-color:blue;
 background:linear-gradient(to right, #000099 , blue, #000099);
}

.fanIcon {
 height:15px;
 width:15px;
 position:absolute;
 top: 72%;
 right: 42%;
}

[mochman]

@tidus5 Thanks! I’m terrible at CSS, I just keep changing numbers until it looks right to me.

[fox]

I am looking forward when Nest sells officially in germany.

Whats about the cameras? Also Nest outdoor camera supported?

[mochman]

@fox I don’t have a camera so I’m not too sure how to program for it. The API does allow you to get data from the camera as well as take snapshots. The API also gives you the video URL which I imagine you can use to get video on the mirror.

[Mitch1138]

I just installed this and everything worked as described. I have two thermostats, is there a way to increase the font size of the “list” view (it looks like the css only applies to the thermostat graphic view?). Thanks

[mochman]

@Mitch1138 You may be able to change the .center part of the css to change the font size. I’m not to sure though, I don’t know much about CSS. Sorry.

[Mitch1138]

Thanks for the suggestion. I couldn’t get this to work and couldn’t find the css setting that changes the font size, it looks like most of the settings are for the thermostat graphic, not the list.

[mochman]

You might have to add some custom css to MagicMirror itself to get this to work the way you want it to. I’m not entirely sure how to do that, but I bet there are a bunch of posts in this forum with the answer.

[soqueen]

I know this is a dumb question but is the Pin you get when you run the getToken script the same as the token that you put into the config file? If not where do I get a token from? I seem to only have a pin, a product id and a product secret…

When I added in the Pin to the token field and run mm… I get a Loading… where the module should be…

[Mitch1138]

@mochman Many thanks. For now, changing the table font size in Nest.js seems to work (table.classList.add(“xsmall”, “table”); to table.classList.add(“small”, “table”);). I will keep looking at how to get this into custom.css.

[strawberry 3.141]

@Mitch1138 did you try .MMM-Nest table.xsmall.table { font-size: 20px; line-height: 25px; } ?

[Mitch1138]

@strawberry-3.141 said in MMM-Nest:

.MMM-Nest table.xsmall.table { font-size: 20px; line-height: 25px; }

I am impressed. This worked perfectly. By adding it to the custom.css I can change size and spacing by changing the px sizes. Many thanks.

[mochman]

I updated the css using edits from @j-e-f-f. The nest display looks closer to what the actual nest thermostat looks like.

[pugsly]

Any chance on integrating the nest protect smoke detectors?

[mochman]

@pugsly Sure. What kind of info would you be looking for on it? From what I see on the API, we can read CO Alarm State, Smoke Alarm State, Battery Health, and some other things people probably don’t want to see.

What I’m thinking right now is putting a colored ring (like the one on the smoke detector) around the thermostat circle to indicate good, warning, or emergency status. Any ideas?

[pugsly]

Well, I have 3 of them so not sure how to display but I do like the colored ring based on status. There are also alerts that could be displayed as well.

[mochman]

I made a separate branch if you want to check it out. I’ll merge it after I run some more tests.
https://github.com/mochman/MMM-Nest/tree/protect

You are going to have to edit your Nest developer settings to allow read access to the “protect” in order for this to work. When you do that, you’ll need to run getToken.sh again to get a new token.

I gave you the option to use a visual representation, or a list representation. If you use visual, you have the choice to display your nest, protect, or both together.

Here are some of the ways it displays to you.

I can’t find the “Smoke is clearing” data or stuff like that, so it just shows if there is an alarm for smoke or carbon monoxide, or if your battery is low.

Please take a look and tell me what you think.

[alberttwong]

So I’m making modifications to support Nest Cams. The only catch is that the cameras have to be public. I can pull the calls and writing up a UI. It’s in my own github https://github.com/alberttwong/MMM-Nest and plan to do a PR soon.

[mochman]

@alberttwong That’s great! I don’t have a drop cam so I’m not really sure what information people would want to get from them.