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

Scheduled Pinned Locked Moved Utilities
256 Posts 55 Posters 419.1k 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.
  • M Offline
    miniashman
    last edited by Apr 16, 2021, 12:02 PM

    Screen Shot 2021-04-16 at 5.09.51 PM.png

    Can someone guide me on how to get the weather icon enabled next to the current temperature, please? Gone through the topic but no one else seems to have this issue.

    J S 2 Replies Last reply Apr 18, 2021, 9:46 AM Reply Quote 0
    • C Offline
      cowboysdude Module Developer @MajorC
      last edited by cowboysdude Apr 16, 2021, 12:46 PM Apr 16, 2021, 12:43 PM

      @majorc It would be :)

      1 Reply Last reply Reply Quote 0
      • B Offline
        blackeaglece
        last edited by Apr 16, 2021, 4:22 PM

        This post is deleted!
        1 Reply Last reply Reply Quote 0
        • B Offline
          blackeaglece @blackeaglece
          last edited by Apr 16, 2021, 4:29 PM

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

          Does anyone know how I can solve this problem?
          Thank you

          Hi everyone, I’ve been using this module for more than a year and it’s fine, but since I did the last update of MM I get the {DEGREE} entry after perceived (as you can see from the attached image), I’ve also updated the module but nothing to do. How can I do to remove it? Thank you very much

          degree.jpg

          J ? 2 Replies Last reply Apr 18, 2021, 9:23 AM Reply Quote 0
          • F Offline
            fillilutten
            last edited by Apr 17, 2021, 10:55 PM

            Any way to change the order of the different extraCurrentConditions?

            J 1 Reply Last reply Apr 18, 2021, 10:01 AM Reply Quote 0
            • F Offline
              fillilutten
              last edited by fillilutten Apr 18, 2021, 8:38 AM Apr 18, 2021, 8:15 AM

              Oh, two more things. What css do I do to change color of the slash in H/L in “extraCurrentConditions” ?

              And can I remove “Powered by OpenWeather”? I have such a small screen so have to remove even the smallest of things.

              J 1 Reply Last reply Apr 18, 2021, 10:08 AM Reply Quote 0
              • J Offline
                j.e.f.f Project Sponsor Module Developer @blackeaglece
                last edited by Apr 18, 2021, 9:23 AM

                @blackeaglece that’s not my weather module. You’re using a different one. Not sure which.

                1 Reply Last reply Reply Quote 0
                • J Offline
                  j.e.f.f Project Sponsor Module Developer @swvalenti
                  last edited by Apr 18, 2021, 9:31 AM

                  @swvalenti unfortunately, the provider has put “Special weather statement” into the title field and the actual title as part of the description. To get that to show a different colour it would require extra processing to split on the ... character.

                  Having seen a few weather alerts from other regions I can say it’s not commonly done the same way as yours. I don’t know what might break as a result of formatting that way for you.

                  If you’re up for it, you can modify my code for your needs. Most of this prefornatting is in the main MMM-OpenEeatherForecast.js file

                  1 Reply Last reply Reply Quote 0
                  • J Offline
                    j.e.f.f Project Sponsor Module Developer @miniashman
                    last edited by Apr 18, 2021, 9:46 AM

                    @miniashman A couple of ways, yes:

                    By default, the animated icon set is used for the large icon beside the current temperature. I’ve found from my testing that sometimes this the code calls for the icon to render before it is ready to do so, and just shows up blank as you see above. There is a configuration parameter to add a delay to animated icon rendering. Use it in your config as follows:

                    ...
                      animatedIconStartDelay: 1500,
                    ...
                    

                    This parameter defaults to 1000 (milliseconds) so it looks like you’ll need to experiment with numbers larger than that.

                    Alternatively If you don’t care about the animated icon, then you can turn it off altogether in your config:

                    ...
                      useAnimatedIcons: false,
                    ...
                    

                    This will use the static icon set for everything, and you won’t need to play around with the animatedIconStartDelay config parameter.

                    M 1 Reply Last reply Apr 18, 2021, 7:22 PM Reply Quote 0
                    • J Offline
                      j.e.f.f Project Sponsor Module Developer @fillilutten
                      last edited by Apr 18, 2021, 10:01 AM

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

                      Any way to change the order of the different extraCurrentConditions?

                      This is technically possible with CSS, but it’s likely more trouble than it’s worth for me to explain it here, and error prone. A better and easier option for you would be to modify the mmm-openweather-forecast.njk file to reorder these items as you like.

                      Starting on line 39 you’ll see the templates for the extra current conditions. The order in which they appear here is the order in which they appear in the module.

                      Here are the first several lines of that section:

                      {# -------------- Extra Current Conditions -------------- #}
                          {% if config.showExtraCurrentConditions %}
                            <div class="extra-current-conditions-wrapper small bright">
                      
                              {# -- High / Low Temp -- #}
                              {% if config.extraCurrentConditions.highLowTemp %}
                                <span class="temperature-container">
                                  <span class="high-temperature">{{ forecast.currently.tempRange.high }}</span>
                                  <span class="temperature-separator dimmed">/</span>
                                  <span class="low-temperature">{{ forecast.currently.tempRange.low }}</span>
                                </span>
                              {% endif %}
                      
                              {# -- Sunrise -- #}
                              {% if config.extraCurrentConditions.sunrise %}
                              <span class="sunrise-container">
                                <img class="inline-icon sunrise-icon" src="{{ inlineIcons.sunrise }}" />
                                {{ forecast.currently.sunrise }}
                              </span>
                              {% endif %}
                      
                              {# -- Sunset -- #}
                              {% if config.extraCurrentConditions.sunset %}
                              <span class="sunset-container">
                                <img class="inline-icon sunset-icon" src="{{ inlineIcons.sunset }}" />
                                {{ forecast.currently.sunset }}
                              </span>
                              {% endif %}
                      

                      Say you wanted the Hi / Lo temps to display after sunrise / sunset, just move the whole block as follows:

                      {# -------------- Extra Current Conditions -------------- #}
                          {% if config.showExtraCurrentConditions %}
                            <div class="extra-current-conditions-wrapper small bright">
                      
                              {# -- Sunrise -- #}
                              {% if config.extraCurrentConditions.sunrise %}
                              <span class="sunrise-container">
                                <img class="inline-icon sunrise-icon" src="{{ inlineIcons.sunrise }}" />
                                {{ forecast.currently.sunrise }}
                              </span>
                              {% endif %}
                      
                              {# -- Sunset -- #}
                              {% if config.extraCurrentConditions.sunset %}
                              <span class="sunset-container">
                                <img class="inline-icon sunset-icon" src="{{ inlineIcons.sunset }}" />
                                {{ forecast.currently.sunset }}
                              </span>
                              {% endif %}
                      
                              {# -- High / Low Temp -- #}
                              {% if config.extraCurrentConditions.highLowTemp %}
                                <span class="temperature-container">
                                  <span class="high-temperature">{{ forecast.currently.tempRange.high }}</span>
                                  <span class="temperature-separator dimmed">/</span>
                                  <span class="low-temperature">{{ forecast.currently.tempRange.low }}</span>
                                </span>
                              {% endif %}
                      
                      

                      Keep in mind that doing this will make it a touch more difficult to update my module as I release updates. When you want to update, you’ll need to to the following:

                      1. Make a backup of your modified mmm-openweather-forecast.njk file (copy it to another location, for example)
                      2. Restore the original with git checkout mmm-openweather-forecast.njk
                      3. Update the code with git pull
                      4. Restore your modified version of mmm-openweather-forecast.njk from your backup
                      1 Reply Last reply Reply Quote 1
                      • 1
                      • 2
                      • 6
                      • 7
                      • 8
                      • 9
                      • 10
                      • 25
                      • 26
                      • 8 / 26
                      8 / 26
                      • First post
                        76/256
                        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