MMM-Carousel not displaying

[mumblebaj]

@pastormingle said in MMM-Carousel not displaying:

MMM-Carousel

Just a silly question, when you installed the module. did you go into the MMM-Carousel folder and ran npm install?

[sdetweil]

@pastormingle @mumblebaj also see position here

https://docs.magicmirror.builders/modules/configuration.html

[pastormingle]

@mumblebaj said in MMM-Carousel not displaying:

npm install

not a silly question as it’s not in the install readme file…

Installation

Run these commands at the root of your magic mirror install.

cd modules
git clone https://github.com/shbatm/MMM-Carousel

Using the module

To use this module, add the following configuration block to the modules array in the config/config.js file:

[sdetweil]

@pastormingle doesn’t have a node helper, so doesn’t need an npm install

[mumblebaj]

@pastormingle Yes, you have to run nom install in the module folder. I saw that the module has a package.json with dependencies. I just installed it on my machine and it works. One thing to note, it only rotates modules that occupying the same position on the mirror. I have 2 modules that occupy the top_right position and those are rotating and the others remain unchanged when using the global config option.

[mumblebaj]

@sdetweil Hi Sam, For my understanding. What about dependencies in the package.json? If those are not default with MM then you have to run npm install I would think? Or is my understanding incorrect?

[pastormingle]

@mumblebaj do you have an example of your config?

[pastormingle]

@pastormingle I sent my weather module to use the same as the clock position but still nothing…

[mumblebaj]

@pastormingle I used one of the default.

            module: 'MMM-Carousel',
            config: {
                transitionInterval: 10000,
                ignoreModules: [],
                mode: 'positional',
                top_left: {enabled: true, ignoreModules: [], overrideTransitionInterval: 15000},
                top_right: {enabled: true, ignoreModules: ['currentweather']}
            }
        },

Just tested the Global option and it works fine and rotates all the modules one by one.
Here is the config for global

            module: 'MMM-Carousel',
            config: {
                transitionInterval: 10000,
                ignoreModules: ['clock'],
                mode: 'global'
            }
        }

[pastormingle]

@mumblebaj hum… this is my config…

/•
 *
 * By Michael Teeuw https://michaelteeuw.nl
 * MIT Licensed.
 *
 * For more information on how you can configure this file
 * see https://docs.magicmirror.builders/getting-started/configuration.html#general
 * and https://docs.magicmirror.builders/modules/configuration.html
 */
let config = {
	address: "localhost", 	// Address to listen on, can be:
							// - "localhost", "127.0.0.1", "::1" to listen on loopback interface
							// - another specific IPv4/6 to listen on a specific interface
							// - "0.0.0.0", "::" to listen on any interface
							// Default, when address config is left out or empty, is "localhost"
	port: 8080,
	basePath: "/", 	// The URL path where MagicMirror is hosted. If you are using a Reverse proxy
					// you must set the sub path here. basePath must end with a /
	ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"], 	// Set [] to allow all IP addresses
															// or add a specific IPv4 of 192.168.1.5 :
															// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
															// or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
															// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],

	useHttps: false, 		// Support HTTPS or not, default "false" will use HTTP
	httpsPrivateKey: "", 	// HTTPS private key path, only require when useHttps is true
	httpsCertificate: "", 	// HTTPS Certificate path, only require when useHttps is true

	language: "en",
	locale: "en-US",
	logLevel: ["INFO", "LOG", "WARN", "ERROR"], // Add "DEBUG" for even more logging
	timeFormat: 24,
	units: "metric",
	// serverOnly:  true/false/"local" ,
	// local for armv6l processors, default
	//   starts serveronly and then starts chrome browser
	// false, default for all NON-armv6l devices
	// true, force serveronly mode, because you want to.. no UI on this device

	modules: [
		{
			module: "alert",
		},
		{
			module: "updatenotification",
			position: "top_bar"
		},
		{
			module: "clock",
			position: "top_left"
		},
		{
			module: "calendar",
			header: "US Holidays",
			position: "top_left",
			config: {
				calendars: [
					{
						symbol: "calendar-check",
						url: "webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics"					}
				]
			}
		},
		{
			module: "compliments",
			position: "lower_third"
		},
		{
			module: "weather",
			position: "top_right",
			config: {
				weatherProvider: "openweathermap",
				type: "current",
				location: "New York",
				locationID: "5128581", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
				apiKey: "YOUR_OPENWEATHER_API_KEY"
			}
		},
		{
			module: "weather",
			position: "top_left",
			header: "Weather Forecast",
			config: {
				weatherProvider: "openweathermap",
				type: "forecast",
				location: "New York",
				locationID: "5128581", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
				apiKey: "YOUR_OPENWEATHER_API_KEY"
			}
		},
		{
			module: "newsfeed",
			position: "bottom_bar",
			config: {
				feeds: [
					{
						title: "New York Times",
						url: "https://rss.nytimes.com/services/xml/rss/nyt/HomePage.xml"
					}
				],
				showSourceTitle: true,
				showPublishDate: true,
				broadcastNewsFeeds: true,
				broadcastNewsUpdates: true
			}
		},
        {
            module: 'MMM-Carousel',
            config: {
                transitionInterval: 10000,
                ignoreModules: [],
                mode: 'global'
            }
        }
 	]
};

/*************** DO NOT EDIT THE LINE BELOW ***************/
if (typeof module !== "undefined") {module.exports = config;}

[mumblebaj]

@pastormingle Are there any errors where you start the mirror? I.e. if you do npm start are there any errors in the terminal window or if you use pm2 you can check the pm2 logs. You can also check the Developer Console, do shift_ctrl + i and select the console tab. See if there are any errors there. If no errors you should see something like the below, modules suspended…module resumed

[sdetweil]

@pastormingle please use code block around config info

[pastormingle]

@mumblebaj

[pastormingle]

@sdetweil not sure what that means?

[mumblebaj]

@pastormingle That means that something is already running with that IP. Do you only have 1 instance of MM running?

[pastormingle]

@mumblebaj The IP conflict is due to me ssh into the pi and starting magic mirror… I am referring to the commits from sdetweil that said “please use code block around config info” So still not working… But it looks like the carousel module is working…

[mumblebaj]

@pastormingle What Sam was saying was the when posting your config, you need to set it in a code block. That is done by selecting the config you posted and then pressing the </> button at the top of the window. That would wrap the config in a code block and make it look “pretty”.

I am glad your Carousel is now working.

[pastormingle]

@mumblebaj sorry mumblebaj that was a typo it’s not working… Any other suggestions?

[pastormingle]

@mumblebaj

/* Magic Mirror Config Sample
*
* By Michael Teeuw https://michaelteeuw.nl
* MIT Licensed.
*
* For more information on how you can configure this file
* see https://docs.magicmirror.builders/getting-started/configuration.html#general
* and https://docs.magicmirror.builders/modules/configuration.html
*/
let config = {
   address: "localhost", 	// Address to listen on, can be:
   						// - "localhost", "127.0.0.1", "::1" to listen on loopback interface
   						// - another specific IPv4/6 to listen on a specific interface
   						// - "0.0.0.0", "::" to listen on any interface
   						// Default, when address config is left out or empty, is "localhost"
   port: 8080,
   basePath: "/", 	// The URL path where MagicMirror is hosted. If you are using a Reverse proxy
   				// you must set the sub path here. basePath must end with a /
   ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"], 	// Set [] to allow all IP addresses
   														// or add a specific IPv4 of 192.168.1.5 :
   														// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
   														// or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
   														// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],

   useHttps: false, 		// Support HTTPS or not, default "false" will use HTTP
   httpsPrivateKey: "", 	// HTTPS private key path, only require when useHttps is true
   httpsCertificate: "", 	// HTTPS Certificate path, only require when useHttps is true

   language: "en",
   locale: "en-US",
   logLevel: ["INFO", "LOG", "WARN", "ERROR"], // Add "DEBUG" for even more logging
   timeFormat: 24,
   units: "metric",
   // serverOnly:  true/false/"local" ,
   // local for armv6l processors, default
   //   starts serveronly and then starts chrome browser
   // false, default for all NON-armv6l devices
   // true, force serveronly mode, because you want to.. no UI on this device

   modules: [
   	{
   		module: "alert",
   	},
   	{
   		module: "updatenotification",
   		position: "top_bar"
   	},
   	{
   		module: "clock",
   		position: "top_left"
   	},
   	{
   		module: "calendar",
   		header: "US Holidays",
   		position: "top_left",
   		config: {
   			calendars: [
   				{
   					symbol: "calendar-check",
   					url: "webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics"					}
   			]
   		}
   	},
   	{
   		module: "compliments",
   		position: "top_left"
   	},
   	{
   		module: "newsfeed",
   		position: "bottom_bar",
   		config: {
   			feeds: [
   				{
   					title: "New York Times",
   					url: "https://rss.nytimes.com/services/xml/rss/nyt/HomePage.xml"
   				}
   			],
   			showSourceTitle: true,
   			showPublishDate: true,
   			broadcastNewsFeeds: true,
   			broadcastNewsUpdates: true
   		}
   	},
       {
           module: 'MMM-Carousel',
           config: {
               transitionInterval: 1000,
               ignoreModules: [],
               mode: 'global'
           }
       }
	]
};

/*************** DO NOT EDIT THE LINE BELOW ***************/
if (typeof module !== "undefined") {module.exports = config;}

[mumblebaj]

@pastormingle As mentioned previously, are the any errors in the developers window? Do you have any errors in the terminal window? I am using the exact same config as you for Carousel and it work just fine for me