• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

MMM-DarkSkyForecast - Yet ANOTHER weather module

Scheduled Pinned Locked Moved Utilities
334 Posts 67 Posters 627.0k Views 74 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • R Offline
    rudibarani Project Sponsor @j.e.f.f
    last edited by Dec 2, 2018, 12:46 AM

    Dear @j-e-f-f,
    thanks for the quick reply. Today, I tried to get my toes wet with JS coding and added an option to hide the column header icons from the forecast table or optionally show a header above the forecast table. It seems to work as expected and I have created a pull-request to give others access to the feature as well and maybe safe you some time.

    I also found a way to hide the vertical lines from the table via the custom.css file and now the module looks even better, if a fullscreen background image is used.

    J 1 Reply Last reply Dec 2, 2018, 2:22 AM Reply Quote 0
    • J Offline
      j.e.f.f Project Sponsor Module Developer @Smotx
      last edited by j.e.f.f Dec 2, 2018, 12:58 AM Dec 2, 2018, 12:57 AM

      @smotx I fixed a bug with the summary display last night. Try doing a git pull in the MMM-DarkSkyForecast directory, then restart MagicMirror. See if that fixes it.

      1 Reply Last reply Reply Quote 0
      • J Offline
        j.e.f.f Project Sponsor Module Developer @rudibarani
        last edited by Dec 2, 2018, 2:22 AM

        @rudibarani I merged your pull request, but then I did a bit of refactoring. I renamed the the parameter forecastTableHeaderText to forecastHeaderText, as it can be used in both the table and tiled views.

        I also fixed up how the header is formatted. I’m now using an HTML5 header element and it has two classes: module-header so that it is formatted the same as all of the other module headers, and forecast-header if you want to target it specifically with CSS.

        Lastly, this update enables notifications for other modules. The notification is called DARK_SKY_FORECAST_WEATHER_UPDATE and the payload is Dark Sky’s weather JSON object. For details see https://darksky.net/dev/docs.

        R C 2 Replies Last reply Dec 2, 2018, 2:21 PM Reply Quote 0
        • R Offline
          RedNax Module Developer @j.e.f.f
          last edited by Dec 2, 2018, 6:20 AM

          @j-e-f-f :) This looks familiar… well done!

          1 Reply Last reply Reply Quote 0
          • B Offline
            BKeyport Module Developer
            last edited by Dec 2, 2018, 11:53 AM

            Does it handle midnight properly in 12 hour mode? So darned tired of the 0am stuff the other DarkSky one has. ;)

            The "E" in "Javascript" stands for "Easy"

            J 1 Reply Last reply Dec 3, 2018, 11:12 PM Reply Quote 0
            • R Offline
              rudibarani Project Sponsor @j.e.f.f
              last edited by rudibarani Dec 2, 2018, 2:41 PM Dec 2, 2018, 2:21 PM

              @j-e-f-f said in MMM-DarkSkyForecast - Yet ANOTHER weather module:

              I also fixed up how the header is formatted. I’m now using an HTML5 header element and it has two classes: module-header so that it is formatted the same as all of the other module headers, and forecast-header if you want to target it specifically with CSS.

              Thanks for accepting my pull request and your improvements. They help me learn how this all works.

              I have some trouble with the animated current conditions icons. Sometimes they do not show up, although configured - and reappear on a restart. Sometimes they are shown only for one instance of MMM-DarkSkyForecast. Do you have any idea, what might be the cause?

              A second question: I have limited the max-width of MMM-DarkSkyForecast to 250px as I would like to have my mirror with cascading module widths with in creasing width the lower a module is. This works fine on the left side. If I send MMM-DarkSkyForecast to the right side and the module below is wider, it is aligned on the left side of the right region. Do you have any advice how to right align all modules in the right region?

              1 Reply Last reply Reply Quote 0
              • H Offline
                Hein-Jan
                last edited by Dec 2, 2018, 3:49 PM

                @j-e-f-f ,

                I am also stuck at “Loading” actually it says “Bezig met laden…” which is Dutch for “Loading”.

                I ran the “git clone…”, switched to the “MMM-DarkSkyForecast” directory, and ran the NPM Install.
                I do get this warning: “npm WARN mmm-darkskyforecast@1.0.0 No repository field.”, but I do not know how to act upon it.

                The module is making calls to DarkSky, I see that in the Api usage.

                The logs show no error.
                This is the config:

                		{
                  			module: "MMM-DarkSkyForecast",
                  			header: "Weersverwachting",
                  			position: "top_right",
                //  			classes: "default everyone",
                  			disabled: false,
                  			config: {
                    				apikey: "XXXXXXXXXXXXX",
                    				latitude: "51.5096192",
                    				longitude: "5.6364183",      
                    				iconset: "1c",
                //				maxHourliesToShow: 4,
                //				maxDailiesToShow: 4,
                //				useAnimatedIcons: true,
                    				concise: false,
                //				label_timeFormat: "k[h]",
                    				forecastLayout: "table"
                			}
                		},
                
                

                I am not sure were I went wrong. Can you provide help?

                Kind Regards,

                Hein-Jan

                1 Reply Last reply Reply Quote 0
                • K Online
                  karsten13
                  last edited by Dec 2, 2018, 5:04 PM

                  Same here with “Loading” and nothing happens.

                  Seems to be a problem with lon/lat.

                  If i provide the example lon/lat it works.

                  1 Reply Last reply Reply Quote 0
                  • B Offline
                    baschke
                    last edited by yawns Dec 3, 2018, 9:27 AM Dec 2, 2018, 5:43 PM

                    looks awesome but doesn’t work with the coordinates of Berlin. It says “loading” but nothing happens.

                    {
                      module: "MMM-DarkSkyForecast",
                      header: "Weather",
                      position: "top_right",
                      classes: "default everyone",
                      disabled: false,
                      config: {
                        apikey: "db7derpderpderp214eae3b0f6e",
                        latitude: "52.520008",
                        longitude: "13.404954",      
                        iconset: "2m",
                        concise: false,
                        forecastLayout: "table",
                        language: "de"
                      }
                    },
                    
                    1 Reply Last reply Reply Quote 0
                    • K Offline
                      krouton
                      last edited by Dec 2, 2018, 9:34 PM

                      I posted this on the GitHub page;

                      When I use the default Long and Lat, the module loads. London works as does Vancouver and New York however when trying Hawaii, Sydney, Paris, Cape Town, Moscow, Melbourne, and Wellington, the module will not load. Using https://www.latlong.net/ for Long and Lat.

                      When I use the same Long and Lat in this module that works with the Forecast.io module, the module won’t load. At first, I thought it was southern hemisphere’s (given the Lat is a ‘negative’ number) but that doesn’t appear to be the cause.

                      1 Reply Last reply Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 33
                      • 34
                      • 2 / 34
                      2 / 34
                      • First post
                        11/334
                        Last post
                      Enjoying MagicMirror? Please consider a donation!
                      MagicMirror created by Michael Teeuw.
                      Forum managed by Sam, technical setup by Karsten.
                      This forum is using NodeBB as its core | Contributors
                      Contact | Privacy Policy