Multiple instances of MMM-DarkSkyForecast with MMM-pages

[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

[Fozi]

@Clubjack if you use ‘cp’ then the file is really copied under a new name. The original file will still exist.
If you use ‘mv’ then the file will be renamed, there will no copy of that file.

Thus use ‘mv’ to rename the files. Otherwise you’ll have two .js files in your module.

Edit: @sdetweil was 10 sec. quicker than me:face_with_tears_of_joy: