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.

    Multiple instances of MMM-DarkSkyForecast with MMM-pages

    Scheduled Pinned Locked Moved Solved Troubleshooting
    18 Posts 5 Posters 5.2k Views 5 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.
    • justjim1220J Offline
      justjim1220 Module Developer @popeofmope
      last edited by

      @popeofmope

      you have both modules (calendar & DarkSkyForecast) on both pages…

      try it like this:

      {
          module: 'MMM-pages',
          config: {
              modules: [ 
                  ["calendar"],
                  ["MMM-DarkSkyForecast"]
              ],
              fixed: ["clock", "MMM-page-indicator"]
          }
      },
      

      hope this helps

      "Life's Too Short To Dance With Ugly People"
      Jim Hallock - 1995

      P 1 Reply Last reply Reply Quote 0
      • P Offline
        popeofmope @justjim1220
        last edited by

        @justjim1220
        I’m trying to get 2 instances of MMM-DarkSkyForecast on 2 separate pages. Page 1 would display hourly forecast, page 2 would show daily forecast.

        I tried to clone a 2nd copy of the module to a separate folder ../modules/MMM-dsf and then rename the ../MMM-dsf/MMM-DarkSkyForecast.js to ../MMM-dsf/MMM-dsf.js and then configure the pages module as follows

        {
          module: 'MMM-pages',
          config: { modules: [ ["calendar", "MMM-DarkSkyForecast"],
                                ["calendar", "MMM-dsf"] ],
                    fixed: ["clock", "MMM-page-indicator"]}
                  }
        },
        
        S justjim1220J 3 Replies Last reply Reply Quote 0
        • S Offline
          sdetweil @popeofmope
          last edited by

          @popeofmope and u had a { module : …}, block for each instance, right? so before using pages, you should see two on the screen

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • justjim1220J Offline
            justjim1220 Module Developer @popeofmope
            last edited by justjim1220

            @popeofmope

            OK, sorry, I understand now…

            I am not too sure you can have more than one instance of that module shown on your MM at the same time. At least, I am not able to get it to work anyways.

            But, since you are wanting one to show the HOURLY and the other to show the DAILY, I would use MMM-darksky–hourly (https://github.com/jacquesCedric/MMM-darksky-hourly), then set MMM-DarkSkyForecast to only show the DAILY.

            EDIT: you are able to show 2 different instances of MMM-DarkSkyForecast, using the following code in your config.js…

            {
                        disabled: false,
                        module: "MMM-DarkSkyForecast", // HOURLY
                        header: "Weather",
                        position: "top_right",
                        config: {
                            apikey: "Super_Secret_API",
                            latitude: "40.26189",
                            longitude: "-94.03534",
                            iconset: "4c",
                            concise: false,
                            showHourlyForecast: true,
                            hourlyForecastInterval: 3,
                            maxHourliesToShow: 3,
                            showDailyForecast: false,
                            maxDailiesToShow: 3,
                            forecastLayout: "tiled"
                        }
                    },
                    {
                        disabled: false,
                        module: "MMM-DarkSkyForecast", // DAILY
                        header: "Weather",
                        position: "top_left",
                        config: {
                            apikey: "Super_Secret_API",
                            latitude: "40.26189",
                            longitude: "-94.03534",
                            iconset: "5c",
                            concise: false,
                            showHourlyForecast: false,
                            hourlyForecastInterval: 3,
                            maxHourliesToShow: 3,
                            showDailyForecast: true,
                            maxDailiesToShow: 3,
                            forecastLayout: "tiled"
                        }
                    },
            

            this is the result I have with it…
            0_1554765905870_Screenshot (57).png

            "Life's Too Short To Dance With Ugly People"
            Jim Hallock - 1995

            P 1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil
              last edited by

              he copied the model to a new name MMM-dsf

              and then put two modules into config… well… not sure… cause I don’t see the config info only the pages info

              {
                module: 'MMM-pages',
                config: { modules: [ ["calendar", "MMM-DarkSkyForecast"],
                                      ["calendar", "MMM-dsf"] ],
                          fixed: ["clock", "MMM-page-indicator"]}
                        }
              },
              

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • justjim1220J Offline
                justjim1220 Module Developer @popeofmope
                last edited by justjim1220

                @popeofmope

                you need to add this to your pages module to get it to auto scroll:

                animationTime: 1000,
                rotationTime: 30 * 60 * 1000,
                rotationDelay: 500
                

                like so…

                {
                  module: 'MMM-pages',
                  config: {
                    modules:
                    [ 
                      ["calendar", "MMM-DarkSkyForecast"],
                      ["calendar", "MMM-DarkSkyForecast"]
                    ],
                      fixed: ["clock", "MMM-page-indicator"],
                      animationTime: 1000,
                      rotationTime: 30 * 60 * 1000, // this is to change the page every 30 minutes, 
                      rotationDelay: 500
                  }
                },
                

                "Life's Too Short To Dance With Ugly People"
                Jim Hallock - 1995

                1 Reply Last reply Reply Quote 0
                • P Offline
                  popeofmope @justjim1220
                  last edited by

                  @justjim1220 Since I have such small screen real estate I wanted page 1 to exactly mirror page 2 except for the hourly vs daily forecast display, and then have MMM-Pages auto rotate the pages. Seems this might not be possible…

                  justjim1220J 2 Replies Last reply Reply Quote 0
                  • justjim1220J Offline
                    justjim1220 Module Developer @popeofmope
                    last edited by

                    @popeofmope
                    what time frame between rotations?
                    You can also use https://github.com/edward-shen/MMM-page-indicator to manually change the pages
                    I use both so if I want to see a different page and not have to wait the 30 minutes between rotations, I can just click on the page indicator to show the page I want to see

                    What you are asking is doable ;)

                    "Life's Too Short To Dance With Ugly People"
                    Jim Hallock - 1995

                    1 Reply Last reply Reply Quote 0
                    • justjim1220J Offline
                      justjim1220 Module Developer @popeofmope
                      last edited by

                      @popeofmope

                      OK…

                      I think I got pretty close to what you are asking for…
                      Page 1
                      0_1554785446100_Screenshot (60).png

                      Page 2
                      0_1554785469498_Screenshot (61).png

                      modules: [{
                                  module: "alert",
                              },
                              {
                                  module: "updatenotification",
                                  position: "top_bar"
                              },
                              {
                                  module: 'MMM-Cursor',
                                  config: {
                                      timeout: 1000
                                  }
                              },
                              {
                                  module: 'MMM-pages',
                                  config: {
                                      modules: [
                                          ["calendar", "MMM-DarkSkyForecast"],
                                          ["calendar", "MMM-DarkSkyForecast2"]
                                      ],
                                      fixed: ["clock", "MMM-page-indicator"],
                                      animationTime: 1000,
                                      rotationTime: 3 * 60 * 1000, // this is to change the page every 3 minutes, 
                                      rotationDelay: 500
                                  }
                              },
                              {
                                  module: 'MMM-page-indicator',
                                  position: 'bottom_bar',
                                  config: {
                                      pages: 2
                                  }
                              },
                              {
                                  module: "clock",
                                  position: "top_center"
                              },
                              {
                                  module: "calendar",
                                  header: "Holidays",
                                  position: "top_left",
                                  config: {
                                      colored: true,
                                      coloredSymbolOnly: true,
                                      calendars: [{
                                          url: 'https://calendar.google.com/calendar/ical/en.usa%23holiday%40group.v.calendar.google.com/public/basic.ics',
                                          symbol: 'calendar',
                                          auth: {
                                              user: 'justjim1220@gmail.com',
                                              pass: 'abcde12345',
                                              method: 'basic'
                                          }
                                      }, ],
                                  }
                              },
                              {
                                  disabled: false,
                                  module: "MMM-DarkSkyForecast", // HOURLY
                                  header: "Weather - Hourly Forecast",
                                  position: "top_right",
                                  config: {
                                      apikey: "abcde12345abcde12345abcde12345ab",
                                      latitude: "40.26189",
                                      longitude: "-94.03534",
                                      iconset: "4c",
                                      concise: false,
                                      showHourlyForecast: true,
                                      hourlyForecastInterval: 1,
                                      maxHourliesToShow: 6,
                                      showDailyForecast: false,
                                      maxDailiesToShow: 3,
                                      forecastLayout: "tiled"
                                  }
                              },
                              {
                                  disabled: false,
                                  module: "MMM-DarkSkyForecast2", // DAILY
                                  header: "Weather - Daily Forecast",
                                  position: "top_right",
                                  config: {
                                      apikey: "abcde12345abcde12345abcde12345ab",
                                      latitude: "40.26189",
                                      longitude: "-94.03534",
                                      iconset: "5c",
                                      concise: false,
                                      showHourlyForecast: false,
                                      hourlyForecastInterval: 3,
                                      maxHourliesToShow: 3,
                                      showDailyForecast: true,
                                      maxDailiesToShow: 6,
                                      forecastLayout: "tiled"
                                  }
                              },
                      

                      I hope this helps! ;)

                      "Life's Too Short To Dance With Ugly People"
                      Jim Hallock - 1995

                      P C 2 Replies Last reply Reply Quote 0
                      • P Offline
                        popeofmope @justjim1220
                        last edited by

                        @justjim1220 Yes! This is what I was after! Thank you! Your repo, https://github.com/justjim1220/MMM-DarkSkyForecast2, doesn’t include the icons directory so I had to copy from MMM-DarkSkyForecast, symlink didn’t work.

                        1 Reply Last reply Reply Quote 1
                        • 1
                        • 2
                        • 1 / 2
                        • 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