@Sean Thanks. I think if you can gracefully handle the bad connection (no matter where it’s from) and reconnect once the connection works again, the image being stuck won’t be an issue. Right now once the connection breaks the module can’t recover.

@Sean I’m thinking it might be something on Google’s end. I’m having the same issue.

[2020-04-23 18:54:25.134] [LOG] 2020-04-23T18:54:25 [GPHOTOS:CORE] Error: Client network socket disconnected before secure TLS connection was established (/home/pi/MagicMirror/modules/MMM-GooglePhotos/GPhotos.js:124 GPhotos.log)

Is it possible to handle this error at all? Everything works fine for hours, then this error. Then it never recovers to try again but just stays on the last photo displayed.

@Sean Thanks. I think I have it working. Here’s what I used.

autoInfoPosition: (album, photo)=> {
					var boolRightLeft= Math.floor(Math.random() * 2);
					if (boolRightLeft == 1) {
						return ['none', '0', '0', 'none'] // This will show photo info bottom-left corner.
					}else{
						return ['none', 'none', '0', '0'] // This will show photo info bottom-right corner.
					}
			}
	

@Sean Totally forgot the date formatting (took me a while to see the infobox and I’d forgotten that was in the config). Thanks for pointing that out.

With the location of the infobox though I’d still like it to move around to prevent burn-in. If I set the position in CSS it’s static. That’s why I was looking at trying a different way. Can I use the callbackfunction to set multiple locations? I’d like it to go back and forth between bottom left and right. I tried modifying the Tip code you had so that the CSS would do that, but it doesn’t seem to be working. I can tweak JS a lot better than I can tweak CSS.

@Sean thanks. Will do.

I’m loving the Info Box addition now that it shows. I’ve hid the album cover and title because I’m not that organized.

I like how autoInfoPosition allows it to move around to prevent burn-in.

2 requests-

1. A way to select which corners it shows in.
   I have other modules in top left and right that overlap with the info box. It would work better if it would just go back and forth on the bottom left and right.
   I don’t think it would be hard to implement, (but I’m not a JS expert). I think if you changed the autoInfoPosition property to be a list (top left, top right, bottom left, bottom right) instead of a boolean and then based on the list you could populate the array with the necessary locations.

2. A way to control the format of the date (X years ago). I’d prefer to see the actual date of the photo.

Sorry if I’m out of line. This is one of the favorite modules in my house.

Thanks.

@Sean Any idea what’s going on with the info box?
Just a note. I added

#GPHOTO_INFO {
margin:100px;
}

And the box shows now. The autoInfoPosition seems to be working now too. Don’t know what happened when I first tried it.
Thanks.

@Sean Any idea what’s going on with the info box?

@Sean I commented out autoInfoPosition because it seemed to break when I turned that on. The showWidth/showHeight match the screen resolution showing on the dekstop.

	{
  			module: "MMM-GooglePhotos",
			position: "fullscreen_below",
		  	config: {
			albums: ["NixPlay","MM-Family2"], // Set your album name. like ["My wedding", "family share", "Travle to Paris"]
			updateInterval: 1000 * 60, // minimum 10 seconds.
			sort: "random", // "old", "random"
			uploadAlbum: null, // Only album created by `create_uploadable_album.js`.
			condition: {
				fromDate: null, // Or "2018-03", RFC ... format available
				toDate: null, // Or "2019-12-25",
				minWidth: null, // Or 400
				maxWidth: null, // Or 8000
				minHeight: null, // Or 400
				maxHeight: null, // Or 8000
				minWHRatio: null,
				maxWHRatio: null,
				// WHRatio = Width/Height ratio ( ==1 : Squared Photo,   < 1 : Portraited Photo, > 1 : Landscaped Photo)
			},
			showWidth: 1680, // These values will be used for quality of downloaded photos to show. real size to show in your MagicMirror region is recommended.
			showHeight: 1050,
			timeFormat: "relative", //"YYYY/MM/DD HH:mm", // Or `relative` can be used.
			//autoInfoPosition: true,
  		}
	},

The new info box is not aligning correctly for me. It’s showing mostly off the screen.