Multiple instances of MMM-DarkSkyForecast with MMM-pages

[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

Page 2

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:

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

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

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

3. Edit in MMM-ioBroker2.js the string to

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

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

[Clubjack]

@Fozi
Thank You guy.
I will test it at the weekend.
That sounds good. 👍🏽

[Clubjack]

@Fozi
Tryed your way, but get some issues with the modules. Is it right that i must use mv and not cp for the namechange from the. js?

[sdetweil]

@Clubjack said in Multiple instances of MMM-DarkSkyForecast with MMM-pages:

mv and not cp

correct…

mv is the rename