MMM-xiaomi - Temperature and Humidity from your smarthome

garbleflux

Hi mirko3000

I’m very happy, thank you for the work. Your modul runs excellent, it’s exactly what I want.
Thanks to your good dokumentation, my three xiaomi temperature sensors are working fine, I did order
additional twelfe temperature- und window sensors.
With the miio software, I’ ve got an token for the xiaomi smart hub. Any idea to use it? (chance LED color, etc.)

Is there also a way to set a maximum temperature for warning, so it could be used as an additional fire sensor?

It’s minimal: I’m trying to set the size of the charakters a few points up - with no success in the the css-file.
Can you give me a hint?

Thank you in advance
Mike

mirko3000

Hi garbleflux,

happy to hear you like the module! :)

The token for the hub is required for the whole module to work, so I guess you are already using it (directly or via auto-token). If you want to use features of the smart hub, currently I have not implemented anything here. Need to check what the miio lib provides, maybe setting the light colors?

Maximum temperature could be implemented, but I doubt you really want to use this as fire sensor! :) Not much help if your mirror warns you about a fire.

About the character size: I use the default css classes “small” and “xsmall”. You could simply override them for the xiaomi elements via:

.xm-xiaomi .small {
  font-size: 24px;
}

Best regards,
Mirko

garbleflux

Hi mirko3000

thank you for your kind reply. No, I dont want to use the xiaomi-sensor as a fire sensor ;-)

But I have a fine storeroom for some goods, so the temperature should be in a range from 14 and 18
degrees celcius. Otherwise I must take the goods and move them in the summertime in the colder
basement. Thats my intention to wish a maximum temperature.

Thanks again for your great work and your support!
Best wishes from Mike

mirko3000

Ok got it :) Here you go, added max temperature setting with latest version.

Best regards,
Mirko

Albert2002

Am still impressed by your speed and your skill! Thank you for sharing your work with us!

garbleflux

Hi Mirko3000,
thank you! Great work.

pepebc

Mirko3000,
excellent module, I am about to receive the gateway. Now I have several RGB yelight bulbs and two Wi-Fi sockets.
I hope you add someday the management of sockets and yeelight.
At the moment I am managing it with scripts.

shgmongohh

@Albert2002
Hi,
I have some problems to get the token. See my errors here.

Can anybody help me with the token?

Sebastian

shgmongohh

I like to change the colour and the font size of the values in the css. But nothing change.

Can anybody please explain, how to change?

.xm-xiaomi .small {
  font-size: 24px;
}

.xm-xiaomi {
    position: relative;
}

.xm-disabled {
  color: black;
}

.xm-icon {
  padding-left: 8px;
}

.xm-room-item {
  font-size: 22px;
  margin-bottom: -15px;
  z-index: 5;
}

.xm-room-title {
  display: inline-block;
  width: 40%;
  z-index: 5;
}

.xm-room-bars {
  display: inline-block;
  width: 60%;
  z-index: 5;
}

.xm-legend-temp {
  position: absolute;
  height: 100%;
  width: 3px;
  background-color: #FF1493;
  left: 9%;
  z-index: 0;
}

.xm-legend-humid {
  position: absolute;
  height: 100%;
  width: 3px;
  background-color: blue;
  left: 42%;
  z-index: 0;
}


.xm-room-container
{
    height: 100%; 
    min-height: 100%;
    height: 200px;
}

.xm-room {
  
    width: 33.33%;
    height: 33.33%;
  background-color: #228B22;
}
.xm-room-header {
  border-bottom-style : solid;
  border-width: 1px;
 margin: 5px;
 //padding: 5px;
}
.xm-left {
  float: left;
}
.xm-right {
  float: right;
}
.xm-room-temp-humid {
   margin: 5px;
   
}
.xm-room-temp {
    float: left;
    width: 50%;
    padding-top:2px;
}
.xm-room-humid {
    float: right;
    width: 50%;
    text-align: right;
    padding-top:2px;
}
.xm-room-icons {
   margin: 5px;
   vertical-align: bottom;
  // height: 100%;
}
.xm-door-icon {
  float: left;
  width: 33%;
  padding-top:5px;
}
.xm-light-icon {
  float: left;
  width: 33%;
  text-align: center;
  padding-top:5px;
}
.xm-vent-icon {
  float: right;
  width: 33%;
  text-align: right;
  padding-top:5px;
}

mirko3000

Hi, sorry I did not reply to your last comment, did you solve the issues there?
About the CSS: basically you are at the right spot, adjusting these values (e.g. font-size) should change font size. What did you edit exactly? Did you try restarting MM after the changes?