Multiple instances of MMM-DarkSkyForecast with MMM-pages

sdetweil

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

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

sdetweil

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"]}
          }
},

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
  }
},

popeofmope

@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…

justjim1220

@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 ;)

justjim1220

@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! ;)

popeofmope

@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.

Clubjack

@justjim1220
I want Do this with different calendar on different pages.
Can You Tell me, how You copy a module and rename it?

Fozi

@Clubjack I had recently exactly the same issue with MMM-ioBroker, where I needed 2 instances of that module running. Finally, after some research I found the solution and documented in my private Wiki. Here is the documentation I wrote. After setting up that 2nd instance you can configure each instance separately and declare it in MMM-pages.
Here we go:

Problem
In some cases you may need to run 2 or more instances of the same module in MM, e.g. for public transportation. Some MMMs can then be put into config.js just on a different position and parameterized as needed. Unfortunatelly, not all MMMs support that.
The reason is that all those instances will share the same node_helper and therefore get the same socketnotifications.

Solution
To solve this problem you can try to duplicate the MMM with a different name and call it in the config.js. There is no guarantee that it works, but worth to try.

Following steps have to be done:

Go to the modules folder and copy the whole module with a different name (in this example I’ll refer to MMM-ioBroker)

$ cd ~/MagicMirror/modules
$ cp -a MMM-ioBroker/ MMM-ioBroker2

Go to ./MMM-ioBroker2 and change the .js of the module script accordingly

$ mv MMM-ioBroker.js MMM-ioBroker2.js

Edit in MMM-ioBroker2.js the string to

Module.register('MMM-ioBroker2', {
…

In some cases it might also be necessary to change the .css file name, too, incl. any reference to the instance name in the file.

$ mv MMM-ioBroker.css MMM-ioBroker2.css

And then edit or replace all occurences of ‘MMM-ioBroker’ with ‘MMM-ioBroker2’ in MMM-ioBroker2.css.