MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    1. Home
    2. j.e.f.f
    3. Posts
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.
    J
    Offline
    • Profile
    • Following 0
    • Followers 22
    • Topics 27
    • Posts 681
    • Groups 2

    Posts

    Recent Best Controversial
    • RE: MMM-MyScoreboard

      Sorry folks that I haven’t been around to fix this. There URL for the ticker changed for the SportsNet provider. I’ll be publishing a fix in the cominn g days, but if you want to address it now, make a change in the file providers/SNET.js.

      Change line #122 from

          var url = "https://d290qmen6zswb.cloudfront.net/ticker?day=" + this.gameDate.format("YYYY-MM-DD");
      

      to

         var url = "https://mobile-statsv2.sportsnet.ca/ticker?day=" + this.gameDate.format("YYYY-MM-DD");
      

      This should get you back up and running until I publish the official fix.

      • Jeff
      posted in Sport
      J
      j.e.f.f
    • RE: MMM-OpenWeatherForecast - Replacement for MMM-DarkSkyForecast

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

      When will Darksky fail to work anymore.
      I have it running now and it works fine.
      What am I missing?

      I just received an email last week from Apple saying that Dark Sky API will stop working on March 31 2023.

      So you have a while yet before it goes belly up. And who knows… Apple might extend this out past the deadline.

      posted in Utilities
      J
      j.e.f.f
    • RE: MMM-OpenWeatherForecast - Replacement for MMM-DarkSkyForecast

      @airclown if you know what you’re doing with CSS this is certainly doable in your custom.css file. The module’s HTML is structured in such a way as to not restrict reordering through CSS

      posted in Utilities
      J
      j.e.f.f
    • RE: MMM-OpenWeatherForecast - Replacement for MMM-DarkSkyForecast

      @rcberg3 sorry, the code doesn’t currently allow for this, nor do the units have their own CSS class that you can use to hide them.

      You could instead increase the width of the module in order to give the forecast a bit more space to stop the wind units from wrapping to a second line. Instructions to do so are included in the readme.

      posted in Utilities
      J
      j.e.f.f
    • RE: MMM-OpenWeatherForecast - Replacement for MMM-DarkSkyForecast

      @biebermann it’s something I can’t fix. It’s a problem with OpenWeather’s API. Someone previously mentioned that OpenWeather had acknowledged it was an issue and maybe it will be fixed in the future. But the alerts don’t have a language identifier associated with them so it’s not even like I could filter out the duplicates in the wrong language.

      posted in Utilities
      J
      j.e.f.f
    • RE: MMM-OpenWeatherForecast - Replacement for MMM-DarkSkyForecast

      @biebermann There isn’t a solution. The alerts come through as-is. There seems to be no logic in place on OpenWeather’s side to return the alerts in the configured language.

      posted in Utilities
      J
      j.e.f.f
    • RE: MMM-OpenWeatherForecast - Replacement for MMM-DarkSkyForecast

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

      @stoffbeuteluwe In the custom.css i added the following:

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

      You can change “C” to “F” if needed depending on which units you want to use.

      There’s actually a slight bug in this. The CSS should be as follows (notice he removal of the sapce between the period and class names in a few places):

      .MMM-OpenWeatherForecast .current-conditions-wrapper .current.temperature:after {
          content: "C";
      }
      .MMM-OpenWeatherForecast .extra-current-conditions-wrapper  .temperature-container .high-temperature:after,
      .MMM-OpenWeatherForecast .extra-current-conditions-wrapper  .temperature-container .low-temperature:after {
          content: "C";
      }
      .MMM-OpenWeatherForecast .forecast-item.daily .high-temperature:after,
      .MMM-OpenWeatherForecast .forecast-item.daily .low-temperature:after {
          content: "C";
      }
      
      posted in Utilities
      J
      j.e.f.f
    • RE: MMM-OpenWeatherForecast - Replacement for MMM-DarkSkyForecast

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

      I’m looking to see if I can get just a truncated text-based description of the upcoming weather.

      I’d like to see this too. The DarkSky API had this and it’s the one thing I really miss with switching over to OpenWeather. My guess is that in order to do this I’d need to create a special formatter that generates a detailed summary based on the weather data available. Say the API returned a wind speed of over 10mph, gusts reaching 30mph… I could generate a phrase like “It’s windy today with gusts reaching 30mph.”

      This looks like a significant time commitment that I just don’t have. I would need to come up with all of the thresholds of the weather data that would trigger such phrases, create phrase templates, choose how they should be ordered, and then worry about translation for all of the languages MM supports. As it is I barely have an hour or two on the weekend to dedicate answering forum questions on this module and fixing any bugs.

      If anyone else is willing to do this, I’d gladly welcome the pull request into my code.

      The best my module can currently do to address your ask is to configure the module to only show the current conditions and the extra current conditions (which give you the summary in icon/metric format). You can turn off the hourly and daily forecasts if you like. Take a look through the README.md file with outlines all of the configuration options for this module.

      posted in Utilities
      J
      j.e.f.f
    • RE: MMM-OpenWeatherForecast - Replacement for MMM-DarkSkyForecast

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

      What css do I do to change color of the slash in H/L in “extraCurrentConditions” ?

      Yes:

      .MMM-OpenWeatherForecast .temperature-container .temperature-separator,
      .MMM-OpenWeatherForecast .forecast-container .forecast-item .temperature-container .temperature-separator {
        color: #FF0000; /* makes it red */
      }
      
      
      

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

      And can I remove “Powered by OpenWeather”?

      Yes.

      .MMM-OpenWeatherForecast .attribution {
        display: none;
      }
      
      posted in Utilities
      J
      j.e.f.f
    • RE: MMM-OpenWeatherForecast - Replacement for MMM-DarkSkyForecast

      @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
      posted in Utilities
      J
      j.e.f.f
    • 1 / 1