Unable to change pages using MMM-page-indicator

[British_Kiwi]

Good morning
My mirror has been pretty stable since my last post which is great. I have three pages, one is my main with calendar, weather etc and the last one has iFrame with my Home Assistant on it.
Yesterday I decided to do some updates, I finally updated Magic Mirror itself, MMM-CalendarExt3, MMM-page-indicator and MMM-Remote-Control. The latter was a pain and took a bit of time as had some messages about different branches, but it is now showing as up to date.

My problem is that although the page indicator looks the same, the “Home” button is pulsing to show it is the focus page, however, I cannot switch pages. I’ve checked documentation to see if I needed to make any changes to the config file, but it looks like no changes to that are needed.

I have set it up using classes.
I’m about to head to work, but was hoping someone might either know a quick fix or what to check in logs etc that might point me in the right direction. I have a touch screen and that is still working as if I click on an event on the google calendar, the event pops up. Unfortunately this means I cannot access Home Assistant through my MM which is really frustrating!

[sdetweil]

@British_Kiwi can you show us the config, xxx out and private details

[KristjanESPERANTO]

@British_Kiwi Which version of MMM-pages have you installed? I wonder why MMM-pages isn’t in your list of updated modules. Current version is 1.4.0.

[British_Kiwi]

@sdetweil Hi Sam
I haven’t changed anything in my config, and maybe that is the problem. There are certainly some things I should probably remove which I am not using and aren’t showing. But I don’t want to change anything else until this works. I also meant to say that when I updated Magic Mirror, I used your script.

/* Config Sample
 *
 * For more information on how you can configure this file
 * see https://docs.magicmirror.builders/configuration/introduction.html
 * and https://docs.magicmirror.builders/modules/configuration.html
 *
 * You can use environment variables using a `config.js.template` file instead of `config.js`
 * which will be converted to `config.js` while starting. For more information
 * see https://docs.magicmirror.builders/configuration/introduction.html#enviromnent-variables
 */
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"
	address: "0.0.0.0",
	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: ["XXXX", "::ffff:XXX.0.0.1", "::1"],	// 
	ipWhitelist: [],
	//Set [] to allow all IP addresses
									// or add a specific IPv4 of 192.168.1.5 :
									// ["XXX.0.0.1", "::ffff:XXX.0.0.1", "::1", "::ffff:XXX.XXX1.5"],
									// or IPv4 range of XXX.XXX.X.X --> XXX.XXX.X.XX use CIDR format :
									// ["XXX.X.X.X", "::ffff:XXX.0.0.1", "::1", "::ffff:1XXX"],

	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-AU",   // this variable is provided as a consistent location
			   // it is currently only used by 3rd party modules. no MagicMirror code uses this value
			   // as we have no usage, we  have no constraints on what this field holds
			   // see https://en.wikipedia.org/wiki/Locale_(computer_software) for the possibilities

	logLevel: ["INFO", "LOG", "WARN", "ERROR"], // Add "DEBUG" for even more logging
	timeFormat: 24,
	units: "metric",

	modules: [
	
		{
			module: "MMM-pages",
			disabled: false, //true to disable the module
			config: {
				//rotationTime: 1000 * 20, //roate every 20 seconds
				rotationTime: 0, //do not rotate, manually change pages
				modules: [
					["home"], //class name for page 1 main home page
					["testing"], //class name for page to add testing MODULES
					["HA"], //class name for page for Home Assistant
				],
				fixed: ["fixed_page"],
				hiddenPages: {
					"screenSaver": ["screensaver_page"],
					"admin": ["admin_page"],
				}
			}
		},
	
		{
			module: "MMM-Keyboard",
			disabled: false, //true to disable the module
			position: "fullscreen_above",
			classes: "home",
			config: {
				startWithNumbers: false,
				startUppercase: true,
				debug: false
			}
		},
		
		//TOP BAR MODULES ("top_bar")
		
		
		{
			module: "alert",
			disabled: false, //true to disable the module
			classes: "home",
		},
		{
			module: "updatenotification",
			disabled: false, //true to disable the module
			position: "top_bar",
			classes: "home",
		},
		//FULL SCREEN ("fullscreen_below")

		/*
		{
			module: 'MMM-SynPhotoSlideshow',
			position: 'fullscreen_below',
			classes: "testing",
			config: {
				useSynologyPhotos: true,
				synologyUrl: 'http://XXX.XXX.XX.XX:5000',
				synologyAccount: 'XX',
				synologyPassword: 'XX',
				synologyAlbumName: 'XX', // Optional: specific album
				synologyMaxPhotos: 1000,
				imagePaths: [], // Can be empty if only using Synology
				slideshowSpeed: 60000, // 60 seconds
				transitionImages: true,
				randomizeImageOrder: true
			}
		},
		*/
		//TOP LEFT MODULES ("top_left")
		{
			module: "clock",
			disabled: false, //true to disable the module
			position: "top_left",
			timezone: "Australia/X",
			classes: "home",
		},

		
		{
			module: "calendar",
			disabled: false, //true to disable the module
			header: "Australian Holidays",
			classes: "home",
			position: "top_left",
			config: {
				broadcastPastEvents: true, // <= IMPORTANT to see past events
				calendars: [
					{
						name: "Australian Holidays",
						fetchInterval: 7 * 24 * 60 * 60 * 1000,
						symbol: "calendar-check",
						url: "https://ics.calendarlabs.com/35/33aae31a/Australia_Holidays.ics",
						color: "yellow", // <= RECOMMENDED to assign color
					},
					
					
											
				]
			}
		},

		{
			module: 'MMM-HomeAssistantDisplay',
			disabled: true, //true to disable the module
			classes: "testing",
			position: 'top_left',
			config: {
				host: "http://XXX.XXX.XX.XX/",
				token: XX
				port: 8123,
				useTLS: true,				
				title: "XX",
				//class: "HAValues",
				sections: [{
					XXX
					},
				]
			},
		},		


		//TOP CENTER MODULES ("top_center")



		//TOP RIGHT MODULES ("top_right")
		
		{			
			module: "weather",
			disabled: false, //true to disable the module
			classes: "home",
			position: "top_right",
			header: "Weather Forecast",
			config: {
				weatherProvider: "openmeteo",
				type: "forecast",
				lat: -37.7386,
				lon: 145.31431,
			}
		},		

		{
			module: "MMM-Daikin",
			disabled: true, //true to disable the module
			classes: "testing",
			header: 'AC Status',
			position: 'top_right',
			config: {
				devices: [
						{
							ipAddress: 'XXX.XXX.XX.XX', // IP of AC Unit Lounge
						},
						
					],
				updateInterval: 1 * 30 * 1000,
			}
    	},


		//UPPER THIRD MODULES ("upper_third")
		
		//MIDDLE CENTRE MODULES ("middle_center")
		{
			module: "MMM-CalendarExt3",
			disabled: false, //true to disable the module
			classes: "home",
			position: "middle_center",
			title: "XXXX",
			config: {
				mode: "week",
				weekIndex: -1,
				weeksInView: 5,
				instanceId: "mainCalendar-All", //example basicCalendar
				locale: 'en-AU',
				maxEventLines: 5,
				firstDayOfWeek: 1,
				calendarSet: [], //list all calendar names?
				//waitfresh: 5000,
				useWeather: true,
				
			}
		},		
				
				
		//LOWER THIRD MODULES ("lower_third")
		
		{
			module: "compliments",
			disabled: true, //true to disable the module
			classes: "home",
			position: "lower_third"
		},



		//BOTTOM LEFT MODULES ("bottom_left")

		{
			module: "MMM-Worldclock",
			disabled: false, //true to disable the module
			classes: "home",
			position: "bottom_left", // This can be any of the regions, best results in top_left or top_right regions.
			config: {
				// See "Configuration options" for more information.

				timeFormat: "hh:mm A", // defined in moment.js format()
				style: "top", // predefined 4 styles; "top", "left","right","bottom"
				offsetTimezone: null, // Or you can set `Europe/Berlin` to get timegap difference from this timezone. `null` will be UTC timegap.
				clocks: [
				{
					title: "UK", // Too long title could cause ugly text align.
					timezone: "Europe/London", // When omitted, Localtime will be displayed. It might be not your purporse, I bet.
					flag: "gb",
				},
				{
					title: "France", // Too long title could cause ugly text align.
					timezone: "Europe/Paris", // When omitted, Localtime will be displayed. It might be not your purporse, I bet.
					flag: "fr",
				},
				{
					title: "VIC/TAS/ACT/NSW",
					timezone: "Australia/Melbourne",
					flag: "au",
				},
				{
					title: "QLD", // Too long title could cause ugly text align.
					timezone: "Australia/Brisbane", // When omitted, Localtime will be displayed. It might be not your purporse, I bet.
					flag: "au",
				},
					
				{
					title: "SA", // Too long title could cause ugly text align.
					timezone: "Australia/Adelaide", // When omitted, Localtime will be displayed. It might be not your purporse, I bet.
					flag: "au",
				},
				{
					title: "WA", // Too long title could cause ugly text align.
					timezone: "Australia/Perth", // When omitted, Localtime will be displayed. It might be not your purporse, I bet.
					flag: "au",
				},
				{
					title: "NT", // Too long title could cause ugly text align.
					timezone: "Australia/Darwin", // When omitted, Localtime will be displayed. It might be not your purporse, I bet.
					flag: "au",
				},
			  
			]
		  }
		},		

		{
			module: 'MMM-Remote-Control',
			disabled: false, //true to disable the module
			classes: "home testing",
			// uncomment the following line to show the URL of the remote control on the mirror
			position: 'bottom_left',
			// you can hide this module afterwards from the remote control itself
				config: {
				apiKey: 'xxxx'
				}
		},
		//BOTTOM CENTRE MODULES ("bottom_center")
		
		{
			module: 'MMM-SmartTouch', 
			disabled: true, //true to disable the module
			classes: "home",
			position: 'bottom_center',    // This can be any of the regions.(bottom-center Recommended)
			config:{ 
				// None configuration options defined 
			}
		},


		
		//BOTTOM RIGHT MODULES ("bottom_right")
		
		{
			module: 'MMM-Todoist2',
			disabled:false,
			classes: "home", //This adds the module to the page 'home'
			position: 'bottom_right',	// This can be any of the regions. Best results in left or right regions.
			header: 'Todoist', // This is optional
			config: { // See 'Configuration options' for more information.
				hideWhenEmpty: false,
				accessToken: XXXX
				maximumEntries: 15,
				updateInterval: 10*60*1000, // Update every 10 minutes
				fade: false,      
				// projects and/or labels is mandatory:
				projects: [ XXXXX], //These are the project IDs from Todoist (copied from URL after [project name]-... 
				labels: [ "magicmirror", "Important" ], // Tasks for any projects with these labels will be shown.
				showProject: true,
				sortOrder: "dueDateDesc",
				displayTasksWithinDays: 0, // If 0 will show overdue and those due today
				displayTasksWithoutDue: true, //If true shows tasks without a due date
				displaySubtasks: false, //If true shows subtasks
		  }
		},
		
		//BOTTOM BAR modules
		{
			module: "newsfeed",
			disabled: false, //true to disable the module
			classes: "home",
			position: "bottom_bar",
			config: {
				feeds: [
					{
						title: "ABC News Top Stories",
						url: "https://abcnews.go.com/abcnews/topstories",
					}
				],
				showSourceTitle: true,
				showPublishDate: true,
				broadcastNewsFeeds: true,
				broadcastNewsUpdates: true,
			}
		},

		
		//FULLSCREEN BELOW MODULES ("fullscreen_below")

		

		//Second testing page for HA using iFrame

		{
			module: 'iFrame',
			disabled: false, //true to disable the module
			position: "bottom_right" ,	// This can be any of the regions.
			classes: "HA",
			header: "Home Assistant",
			config: {
				// See 'Configuration options' for more information.
					url: "http://XXX.XXX.XX.XX:8123/",
					width: "920px", // Optional. Default: 100%
					height: "1710px", //Optional. Default: 100px
					
				}
		},

				

		{
			module: "MMM-page-indicator",
			disabled: false, //true to disable the module
			classes: "home testing HA",
			position: "bottom_bar",
			config: {
				pages: 3,
				activeBright: true,
				inactiveDimed: false,
				inactiveHollow: true,
				showPageNumberOnHover: false,
			}
		},

	]
		
    };

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

@kristjanesperanto I initially only updated what was flagged on the magic mirror and I don’t think there was MMM-pages. However, i ended up going to each module folder and “git pull” just in case and it said Already updated. Since your message, I checked what version I have and although it keeps saying Already updated, the version says 1.0.1 so not the version you have said. I tried again to update and it keeps saying Already Updated. I will see if I can update to that version, but will have to work this out.

[British_Kiwi]

I know I have another response awaiting approval. However, I wanted to confirm that I checked my MMM-pages module and it is https://github.com/sdetweil/MMM-pages branch (hopefully the correct terminology).

[KristjanESPERANTO]

@British_Kiwi said:

https://github.com/sdetweil/MMM-pages

That is Sam’s fork. Please try the original module: https://github.com/edward-shen/MMM-pages.

[sdetweil]

@British_Kiwi thanks for the config.

I see you have MMM-Keyboard in fullscreen-above
That means it should get all the user interactions keystroke and button clicks.

Can you try disabling that module , add disabled:true
Just a test

There are parameter changes from my older fork and the current version on MMM-pages

[British_Kiwi]

Thanks to you both.

@kristjanesperanto I changed to your main one and it has solved the problem. So thanks for that.

@sdetweil I have never got the keyboard to work. I can click on things on the screen, but I think the keyboard is hidden behind everything, so I probably will just disable it altogether. By changing the MMM-pages, this solved the problem without making changes to the keyboard. Do you know what setting I would need to make it pop up in front when I need to type things in?

Very happy to have my MM and HA working again :)

[sdetweil]

@British_Kiwi I do not know how without sending a notification