Could use some assistance setting up MMM-Carousel w/ Navigation and understanding the architecture

NicB72

@sdetweil I don;'t understand. I am using the carouselID as described in the advanced config section of MMM-Carousel.

banbutcher

hi,

while we are on the subject of carousel… ive just been playing with it and only having moderate success.

first here is my Module Code:

/*-------------------- MMM-Carousel Start-----------------*/

{

            module: 'MMM-Carousel',
//	    position: 'botton_bar',
            config: {
                transitionInterval: 10000,
		showPageIndicators: true,
		showPageControls: true, 
                ignoreModules: ['alert'],
                mode: 'slides',
                slides: [
                    ['clock', 'calendar_monthly', 'MMM-NetworkScanner', 'currentweather', 'weatherforecast'],
                    ['MMM-google-route2'],
		    ['MMM-GoogleMapsTraffic'],	
                    ['clock', 'calendar_monthly', 'calendar', 'currentweather', 'weatherforecast', 'MMM-MyCommute', 'MMM-NetworkScanner', 
		    'MMM-COVID19-SPARKLINE', 'MMM-Spotify', 'MMM-GoogleFit', 'newsfeed'],
                    ['clock', 'calendar_monthly', 'currentweather', 'weatherforecast', 'MMM-YouTube', 
		    'MMM-NetworkConnection', 'deluge', 'MMM-SystemStats', 'MMM-NetworkScanner'],
                	],
                keyBindings: { 
                    enabled: true,
                    map: {
                        NextSlide: "ArrowRight", 
                        PrevSlide: "ArrowLeft", 
                        Slide0:    "Home"
                   	 },
                    mode: "DEFAULT" 
                } 
            }
        },

when i used barnabycolby/MMM-Carousel it works fine rotating tru the pages every 10 secs… but when i change the rotation time to 0 so i can manually pick with arrow keys, it kind of has a fit and cant decide what page to show. and cpu usage goes high also

then i found shbatm/MMM-Carousel tried it and when used in the config above its loads all modules and stacks them on the first and only page. Then i tried it withhh this code:

                slides: [
                    Default: ['clock', 'calendar_monthly', 'MMM-NetworkScanner', 'currentweather', 'weatherforecast'],
                    Work: ['MMM-google-route2'],
		    Traffic:['MMM-GoogleMapsTraffic'],	
                    Home: ['clock', 'calendar_monthly', 'calendar', 'currentweather', 'weatherforecast', 'MMM-MyCommute', 'MMM-NetworkScanner', 
		    'MMM-COVID19-SPARKLINE', 'MMM-Spotify', 'MMM-GoogleFit', 'newsfeed'],
                    Info: ['clock', 'calendar_monthly', 'currentweather', 'weatherforecast', 'MMM-YouTube', 
		    'MMM-NetworkConnection', 'deluge', 'MMM-SystemStats', 'MMM-NetworkScanner'],
                	],

and i get the “please create a config file” error

then i noticed the different type bracket after slide: changed the []'s to {}'s and again it tries to load all modules on first page. then taught to delete the Default: Work: etc and i was back with the “please create a config file” error.

also tried taking all the duplicate modules out and only have unique modules on each page with no luck, i think ive tried all the different ways covered in the post.

to say im stumped is a bit of an understatement! :/

hope all that made sense…hope someone can help :)

Thanks,

Richie

sdetweil

@banbutcher the words to the left of the [ needs to be in quotes, the page name/ id

sdetweil

@NicB72 said in Could use some assistance setting up MMM-Carousel w/ Navigation and understanding the architecture:

@sdetweil I don;'t understand. I am using the carouselID as described in the advanced config section of MMM-Carousel.

looks like the id is supposed to be a number, by putting it in quotes it is a string.

see this post
https://forum.magicmirror.builders/topic/6640/could-use-some-assistance-setting-up-mmm-carousel-w-navigation-and-understanding-the-architecture/15?page=2

also, make sure which mmm-carousel u are using

banbutcher

@sdetweil

                slides: {
                    "Default":['clock', 'calendar_monthly', 'MMM-NetworkScanner', 'currentweather', 'weatherforecast'],
                    "Work":['MMM-google-route2'],
		    "Traffic":['MMM-GoogleMapsTraffic'],	
                    "Home":['clock', 'calendar_monthly', 'calendar', 'currentweather', 'weatherforecast', 'MMM-MyCommute', 'MMM-NetworkScanner', 
		    'MMM-COVID19-SPARKLINE', 'MMM-Spotify', 'MMM-GoogleFit', 'newsfeed'],
                    "Info":['clock', 'calendar_monthly', 'currentweather', 'weatherforecast', 'MMM-YouTube', 'MMM-NetworkScanner', 
		    'MMM-NetworkConnection', 'deluge', 'MMM-SystemStats'],
                	},

like this? again all modules stacked on first and only page, also tried with numbers instead of words!

sdetweil

@banbutcher I am not near my computer so have to wait til I can try.

which module are you using, there are at least 3 different ones

banbutcher

@sdetweil

ive used both barnabycolby and shbatm versions.

banbutcher

@sdetweil

so i figured it out… using barnabycolby im not able to have the page rotation set to 0.
MMM-GoogleAssistant works as intended along with MMM-GABackground.

My config for barnabycolbys:

{
            module: 'MMM-Carousel',
            config: {
                transitionInterval: 10000,
		showPageIndicators: true,
		showPageControls: true,
                ignoreModules: ['alert'],
                mode: 'slides',
                slides: [
                    ['clock', 'calendar_monthly', 'MMM-NetworkScanner', 'currentweather', 'weatherforecast'],
                    ['MMM-google-route'],
                    ['MMM-google-route2'],
		    ['MMM-GoogleMapsTraffic'],	
                    ['clock', 'calendar_monthly', 'calendar', 'currentweather', 'weatherforecast', 'MMM-MyCommute', 'MMM-NetworkScanner', 
		    'MMM-COVID19-SPARKLINE', 'MMM-Spotify', 'MMM-GoogleFit', 'newsfeed'],
                    ['clock', 'calendar_monthly', 'currentweather', 'weatherforecast', 'MMM-YouTube', 'MMM-NetworkScanner', 
		    'MMM-NetworkConnection', 'deluge', 'MMM-SystemStats'],
                	],
            }
        },

using shbatm i needed the position: 'bottom_bar' and now i can set the rotation time to 0 and control the slides with the arrow keys and MMM-KeyBindings, however it seems that when i use this version the MMM-GoogleAssistant does not display the correct background and therefore cannot use the new MMM-GABackground

my config for shbatm:

{
            module: 'MMM-Carousel',
	    position: 'bottom_bar',
            config: {
                transitionInterval: 0,
		showPageIndicators: true,
		showPageControls: true,
                ignoreModules: ['alert'],
                mode: 'slides',
                slides: {
                    "Default":['clock', 'calendar_monthly', 'MMM-NetworkScanner', 'currentweather', 'weatherforecast'],
                    "Work":['MMM-google-route'],
                    "Office":['MMM-google-route2'],
		    "Traffic":['MMM-GoogleMapsTraffic'],	
                    "Home":['clock', 'calendar_monthly', 'calendar', 'currentweather', 'weatherforecast', 'MMM-MyCommute', 'MMM-NetworkScanner', 
		    'MMM-COVID19-SPARKLINE', 'MMM-Spotify', 'MMM-GoogleFit', 'newsfeed'],
                    "Info":['clock', 'calendar_monthly', 'currentweather', 'weatherforecast', 'MMM-YouTube', 'MMM-NetworkScanner', 
		    'MMM-NetworkConnection', 'deluge', 'MMM-SystemStats'],
                	},
                keyBindings: { 
                    enabled: true,
                    map: {
                        NextSlide: "ArrowRight", 
                        PrevSlide: "ArrowLeft", 
                        Slide0:    "Home"
                   	 },
                    keyBindingsMode: "DEFAULT"
                }
            }
        },

hope this helps someone

@Bugsounet @shbatm any idea why GAB will work with one carousel module and not another?

sdetweil

@banbutcher so, there were two problems

0 cycle time
and carouselId

I had my brain screwed on crooked for carouselId.

suppose you had multiple instances of the same module name in config.js, showing different things on different slides.

when u define the slides, u use the module ‘name’, but in this case, name is not enough.

so, in the module definitions themselves u add another unique identifier, carouselId: somestring. the value can be anything.

in their config:{} section, that is where carousel module will look for ‘carouselId’

in the slide definition, when u come to that module to be displayed, instead of putting the name in quotes, you need a little structure

{ name: "module name", carouselId:"samevalue_added_to_module_config" } ,

that way the carousel module can tell which module instance should be shown