MMM-DarkSkyForecast - Yet ANOTHER weather module

[richland007]

@j-e-f-f Thank you for this nice weather module :)
I do have a strange occurrence happening however… no matter if i use ca, us, si for units in front of every high temperature number i get a square… the temperature is displayed along with that square … what is that??

Oh another thing …how can i make the background of your module non transparent/black or semi transparent?? I am trying to use the @Sean MMM-WeatherBackground and the majority of pictures are too bright to read this module.

[Cr4z33]

This post is deleted!

[richland007]

Any ideas at what those squares are in front of my temperature numbers everybody ?? ;)

[j.e.f.f]

@richland007 said in MMM-DarkSkyForecast - Yet ANOTHER weather module:

how can i make the background of your module non transparent/black or semi transparent??

Try this in your custom.css file:

.MMM-DarkSkyForecast .module-content {
  background-color: rgba(0,0,0,0.5);
}

The first three parameters 0,0,0 are the color (in this case black), and the last parameter 0.5 is the level of transparency. Adjust accordingly to suit your needs.

[j.e.f.f]

@richland007 said in MMM-DarkSkyForecast - Yet ANOTHER weather module:

Any ideas at what those squares are in front of my temperature numbers everybody ?? ;)

No idea why this is happening, but it generally means that the browser is trying to render a character that is outside of the character set.

Can you PM me with your config? I wonder if the data is providing those characters.

[richland007]

@j-e-f-f Thank you for your reply.
Do you want my entire MM config.js file or just the MMM-DarkSkyForecast part of it??
D

[lavolp3]

EDIT: SORRY, nevermind… small mistake in my latitude gave wrong values…

[Cr4z33]

@j-e-f-f any way I can see the wind direction too?

[lavolp3]

@cr4z33 it is shown if you include

concise: false 

into the config.
That’s the way to show more info.
If you want to ONLY show the wind direction you would have to manipulate the .js file manually in line 429

      windSpeed: Math.round(speed) + " " + this.getUnit("windSpeed") + (!this.config.concise ? " " + this.getOrdinal(bearing) : ""),

into

      windSpeed: Math.round(speed) + " " + this.getUnit("windSpeed") + " " + this.getOrdinal(bearing),

In my case this unfortunately messes up the layout a bit. But it seems to work.

[Cr4z33]

@lavolp3 said in MMM-DarkSkyForecast - Yet ANOTHER weather module:

@cr4z33 it is shown if you include

concise: false 

into the config.
That’s the way to show more info.

That’s already perfect thanks! :thumbs_up_medium-light_skin_tone:

[j.e.f.f]

@richland007 said in MMM-DarkSkyForecast - Yet ANOTHER weather module:

@j-e-f-f Thank you for your reply.
Do you want my entire MM config.js file or just the MMM-DarkSkyForecast part of it??
D

Just the dark sky portion.

[jackoliver361]

Hey i have your module working but when i also add the MMM-Awsome-alexa module it moves to this location even though ive set it to display in the top_right. It goes into the right location when mmm-awesome-alexa is removed. Any ideas ?

[j.e.f.f]

@lavolp3 said in MMM-DarkSkyForecast - Yet ANOTHER weather module:

If you want to ONLY show the wind direction you would have to manipulate the .js file manually in line 429

Or you can write rules to hide things in your custom.css file. That way your change doesn’t get overwritten by a module update. I’ve wrapped everything in a css class, so you can pick and choose what is displayed. Start MM in dev mode and you can use the inspector to figure out the class names, or examine MMM-DarkSkyForecast.njk to see the HTML layout and the classes applied.

For example, let’s say you wanted the wind direction, but not the max wind speed. First set concise: false in the module’s config. Then hide the max speed as follows:

MMM-DarkSkyForecast .wrapper.tiled .forecast-container .forecast-item .wind-gusts {
    display: none;
}

Make sure to take a look at .MMM-DarkSkyForecast.css to see hoe specific the existing rule is. Yours needs to be at least as specific if you want it to override the default. For example, this would not have worked:

MMM-DarkSkyForecast .wind-gusts {
    display: none;
}

since the existing rule is more specific:

MMM-DarkSkyForecast .wrapper.tiled .forecast-container .forecast-item .wind-gusts {
    display: block;
}

[j.e.f.f]

@jackoliver361 said in MMM-DarkSkyForecast - Yet ANOTHER weather module:

Hey i have your module working but when i also add the MMM-Awsome-alexa module it moves to this location even though ive set it to display in the top_right. It goes into the right location when mmm-awesome-alexa is removed. Any ideas ?

This is strange behaviour… Does this happen regardless of where you specify awesome-alexa to be? For example if you specify that it should be bottom_center does it still mess up Dark Sky?

[btorres79]

Sorry for this noob question but is it possible to change the temperature display from celsius to farenheit?

[nobita]

from your info " …this module requires MagicMirror version 2.2.0 or later…"
so How can I know my version of Magic Mirror?
Thanks so much

[j.e.f.f]

@btorres79 said in MMM-DarkSkyForecast - Yet ANOTHER weather module:

Sorry for this noob question but is it possible to change the temperature display from celsius to farenheit?

yep. Set units: "us" in your config.

[btorres79]

@j-e-f-f Thanks for the info. I will give it a go. Thanks for creating an awesome module.

[robiv8]

and how can I doit this for german?
and when you say “…Set units: “us” in your config.”
where comes this in the config?
please take a look at my sample config

{
  module: "MMM-DarkSkyForecast",
  header: "Weather",
  position: "top_right",
  classes: "default everyone",
  disabled: false,
  config: {
    apikey: "SUPER SECRET!!!",
    latitude: "51.506130",
    longitude: "-0.090270",      
    iconset: "4c",
    concise: false,
    forecastLayout: "table",
    units: "auto", < - - #### is this so right for german?
    language: "de" < - - #### is this so right for german?
  }
},

[j.e.f.f]

@robiv8 said in MMM-DarkSkyForecast - Yet ANOTHER weather module:

and how can I doit this for german?
and when you say “…Set units: “us” in your config.”
where comes this in the config?
please take a look at my sample config

{
  module: "MMM-DarkSkyForecast",
  header: "Weather",
  position: "top_right",
  classes: "default everyone",
  disabled: false,
  config: {
    apikey: "SUPER SECRET!!!",
    latitude: "51.506130",
    longitude: "-0.090270",      
    iconset: "4c",
    concise: false,
    forecastLayout: "table",
    units: "auto", < - - #### is this so right for german?
    language: "de" < - - #### is this so right for german?
  }
},

My module doesn’t support the auto parameter for units, even though it’s valid for calling Dark Sky’s API directly. My thinking was that it’s ambiguous as to what you might get, and everyone will know exactly which units of measure they want. So you need to specify one of the four explicit options for units:

si : metric units. (temp in Celcius, wind measured in m/s)
ca: same as si but wind measured in km/h
uk2: same as si, but wind measured in mph
us : imperial units. (temp in Farhenheit, wind in mph)

If you specify anything else or omit the units config, the module defaults to ca. (Oh Canada!)

As for the language config, this is independent of units. This will determine editorial content that the API returns such as the weather summary, and eventually when I get around to adding it, weather alerts. If you leave it blank, it will use the language config for MagicMirror, so if you’ve already got MM configured for German, then you don’t need to set the language parameter to get this content in German. The parameter is there in case for some reason you want a language other than what you have MM configured for, or maybe MM doesn’t support your preferred language, but Dark Sky does, for example x-pig-latin for Pig Latin. (Seriously… try it!)