MMM-GooglePhotos

orayoflighto

I just updated to the latest And my photos stopped displaying. Anyone else have this issue?

I just get Loading…

sdetweil

@orayoflighto open the developers window ctrl-shift-i on the keyboard, select the console tab and scroll up for any errors

did u also run npm install in the MMM-GooglePhotos folder?

gonzonia

@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,
  		}
	},

Kevinho195

Hi @Sean,
thanks for the great update. I want to hide the blurred background and did add

GPHOTO_BACK {
	display:none;
}

#GPHOTO_INFO {
	display:none;
}

to my custom.css but it the blurred background is still there. For the info tab it did work and it disappeared. What am I missing?

A Former User

@Kevinho195
You’ve missed #

gonzonia

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

Kevinho195

@Sean sorry that was a copy/paste mistake. In my Custom CSS there is “#” in front of GPHOTO_Back. Anything else I could miss?

gonzonia

@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.

rinkymehra

Awesome! Happy to see that this was created as a module.

el_georgie

I have to comment out // autoInfoPosition: true,… if not it just says loading and never does, and it does not move either. Otherwise, great update! Love the changes.

gonzonia

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-

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.
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.

rinkymehra

@el_georgie said in MMM-GooglePhotos:

I have to comment out // autoInfoPosition: true,… if not it just says loading and never does, and it does not move either. Otherwise, great update! Love the changes.

Yes you are right ] tubemate mobdro

A Former User

@gonzonia

A way to select which corners it shows in.

You can locate it by CSS. I wrote some example on tip section. read the readme

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

It could also be controllable by configuration. Read the readme again.

gonzonia

@Sean thanks. Will do.

gonzonia

@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.

zolabus

@orayoflighto Same problem for me did you find any solution? Always Loading…after last update

zolabus

@zolabus
My config is

{
  module: "MMM-GooglePhotos",
  position: 'middle_center',
  config: {
    albums: ["Noi"], 
    updateInterval: 1000 * 60,  
    sort: "random",
    showWidth: "426px",
    showHeight: "320px"    
  }
},

sdetweil

@zolabus please use the markup around config, or code

triple backtic (on US keyboard to left of the 1 key) on a separate line before and after

A Former User

@gonzonia

autoInfoPosition: can have callback function to adjust the position.
By default, GPHOTO_INFO would have these value;

#GPHOTO_INFO {
  position:absolute;
  top: var(--top);
  left: var(--left);
  bottom: var(--bottom);
  right: var(--right);
  margin:10px;
  ...

so if your callback autoInfoPosition(album, photo) might return ['10px', '10px', 'none', 'none'], it will be the same with;

#GPHOTO_INFO {
  position:absolute;
  top:  10px;
  left:  10px;
  bottom: none;
  right: none;
  margin:10px;
  ...

You can add some randomized generated value as returns per photo, It will be a help.

zolabus

@sdetweil Sorry I don’t understand if is a suggestion for my problem or how to post…
Thanks