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-OpenWeatherForecast - Replacement for MMM-DarkSkyForecast

    Scheduled Pinned Locked Moved Utilities
    256 Posts 55 Posters 539.5k Views 57 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.
    • J Offline
      j.e.f.f Project Sponsor Module Developer @shiryu1031
      last edited by

      @shiryu1031 The screenshots you see in GitHub were incorrect. My old code for Dark Sky was using km/h, and I hadn’t replaced the label with m/s when I took these screen shots. So the screenshots are actually illustrating a bug! The actual speed value shown is m/s, but the label is incorrect as km/h. :beaming_face_with_smiling_eyes:

      I thought about it, and it would take me just as much time to fix the screen shots as it would to add the capability to convert m/s into km/h. So now there is a new config parameter: displayKmhForWind. If you add this to your config and set it to true, m/s wind speed will be converted and displayed as km/h. This parameter only works when units is set to "metric" or "standard". If you’re using "imperial" you will always see mph.

      Do a git pull in your installed MMM-OpenWeatherForecast directory to get the updated code.

      1 Reply Last reply Reply Quote 0
      • J Offline
        j.e.f.f Project Sponsor Module Developer @swvalenti
        last edited by

        @swvalenti I’ve made a modification that now truncates alerts to no more than 3 lines of description. This is controlled with CSS so if you’ve like to adjust this for more or less lines, you can do so in your custom CSS file as follows:

        .MMM-OpenWeatherForecast .weather-alert .weather-alert-description {
          -webkit-line-clamp: 3; /* adjust this as desired */
        }
        

        do a git pull in your installed MMM-OpenWeatherForecast directory to get the latest code.

        swvalentiS 1 Reply Last reply Reply Quote 0
        • O Offline
          OberfragGER @j.e.f.f
          last edited by

          @j-e-f-f Thx a lot! Its working now as expected.

          1 Reply Last reply Reply Quote 0
          • swvalentiS Offline
            swvalenti Project Sponsor @j.e.f.f
            last edited by

            @j-e-f-f thanks bro!

            1 Reply Last reply Reply Quote 0
            • M Offline
              mielu80
              last edited by

              Hello,

              It is somehow possible to show the unit of measurement for the temperature (in my case, “C” for Celsius) ?

              Thank you.

              swvalentiS J 2 Replies Last reply Reply Quote 0
              • swvalentiS Offline
                swvalenti Project Sponsor @mielu80
                last edited by

                @j-e-f-f Last thing is it possible to just get the red to display and nothing else? Yea that’s right it’s FN 69 out here in NJ!

                Capture.JPG

                J 1 Reply Last reply Reply Quote 0
                • karsten13K Online
                  karsten13
                  last edited by

                  concerning the duplicate weather alerts and mix up between german and english I got an answer from openweathermap.org:

                  Currently we receive data in such format from the provider. The development team is working on the new version of alerts, which should eliminate such behavior.

                  1 Reply Last reply Reply Quote 0
                  • J Offline
                    j.e.f.f Project Sponsor Module Developer @mielu80
                    last edited by j.e.f.f

                    @mielu80 said in MMM-OpenWeatherForecast - Replacement for MMM-DarkSkyForecast:

                    It is somehow possible to show the unit of measurement for the temperature (in my case, “C” for Celsius) ?

                    Yes. You can do that in your custom.css file.

                    For the big current temperature display:

                    .MMM-OpenWeatherForecast .current-conditions-wrapper .current.temperature:after {
                        content: "C";
                    }
                    

                    In the extra current conditions Hi/Lo display:

                    .MMM-OpenWeatherForecast .extra-current-conditions-wrapper  . temperature-container . high-temperature:after,
                    .MMM-OpenWeatherForecast .extra-current-conditions-wrapper  . temperature-container . low-temperature:after {
                        content: "C";
                    }
                    

                    In the hourly forecast items:

                    .MMM-OpenWeatherForecast .forecast-item.hourly .temperature-container:after {
                        content: "C";
                    }
                    

                    In the daily forecast Hi/Lo display:

                    .MMM-OpenWeatherForecast .forecast-item.daily .high-temperature:after,
                    .MMM-OpenWeatherForecast .forecast-item.daily .low-temperature:after {
                        content: "C";
                    }
                    

                    In all of the examples above, whatever you specify for content will be displayed. So if you wanted F for Fahrenheit, you would specify content: "F";

                    M 1 Reply Last reply Reply Quote 0
                    • J Offline
                      j.e.f.f Project Sponsor Module Developer @swvalenti
                      last edited by

                      @swvalenti said in MMM-OpenWeatherForecast - Replacement for MMM-DarkSkyForecast:

                      Last thing is it possible to just get the red to display and nothing else?

                      Yes, you can do this in your custom.css file.

                      To hide the description and alert source:

                      .MMM-OpenWeatherForecast .weather-alert .weather-alert-description,
                      .MMM-OpenWeatherForecast .weather-alert .weather-alert-source {
                          display: none;
                      }
                      

                      To change the size of the red title text:

                      .MMM-OpenWeatherForecast .weather-alert .weather-alert-title {
                         font-size: 17px; /* adjust this */
                      }
                      

                      alternatively, to change the size of the alert icon:

                      .MMM-OpenWeatherForecast .weather-alert {
                          background-size: 30px 26px;  /* width height */
                          background-position: 6px 10px;  /* top left */
                      }
                      

                      If you change the size of the icon, you may want to adjust the title padding as well:

                      .MMM-OpenWeatherForecast .weather-alert .weather-alert-title {
                        padding-left: 36px; /* adjust this */
                      }
                      

                      EVERYTHING is in this module has a CSS class applied to it so you can tailor every last little bit to your specific needs. Take a look at MMM-OpenWeatherForecast.css for existing CSS rules and mmm-openweather-forecast.njk to see what classes have been applied to which UI elements.

                      1 Reply Last reply Reply Quote 0
                      • J Offline
                        julien-vancouver
                        last edited by

                        Just a quick thanks for the module !

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 6
                        • 7
                        • 25
                        • 26
                        • 5 / 26
                        • First post
                          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