MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    MMM-GooglePhotos

    Scheduled Pinned Locked Moved Entertainment
    294 Posts 56 Posters 339.8k Views 59 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • K Offline
      Kevinho195 @Guest
      last edited by

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

      1 Reply Last reply Reply Quote 0
      • G Offline
        gonzonia @gonzonia
        last edited by

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

        1 Reply Last reply Reply Quote 0
        • R Offline
          rinkymehra
          last edited by

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

          1 Reply Last reply Reply Quote 0
          • E Offline
            el_georgie
            last edited by

            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.

            R 1 Reply Last reply Reply Quote 0
            • G Offline
              gonzonia
              last edited by

              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.

              ? 1 Reply Last reply Reply Quote 0
              • R Offline
                rinkymehra @el_georgie
                last edited by

                @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

                1 Reply Last reply Reply Quote 0
                • ? Offline
                  A Former User @gonzonia
                  last edited by

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

                  G 2 Replies Last reply Reply Quote 0
                  • G Offline
                    gonzonia @Guest
                    last edited by

                    @Sean thanks. Will do.

                    1 Reply Last reply Reply Quote 0
                    • G Offline
                      gonzonia @Guest
                      last edited by

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

                      ? 1 Reply Last reply Reply Quote 0
                      • Z Offline
                        zolabus @orayoflighto
                        last edited by

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

                        Z 1 Reply Last reply Reply Quote 0
                        • Z Offline
                          zolabus @zolabus
                          last edited by sdetweil

                          @zolabus
                          My config is

                          {
                            module: "MMM-GooglePhotos",
                            position: 'middle_center',
                            config: {
                              albums: ["Noi"], 
                              updateInterval: 1000 * 60,  
                              sort: "random",
                              showWidth: "426px",
                              showHeight: "320px"    
                            }
                          },
                          
                          S 1 Reply Last reply Reply Quote 0
                          • S Offline
                            sdetweil @zolabus
                            last edited by

                            @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

                            Sam

                            How to add modules

                            learning how to use browser developers window for css changes

                            Z 1 Reply Last reply Reply Quote 0
                            • ? Offline
                              A Former User @gonzonia
                              last edited by 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.

                              G 1 Reply Last reply Reply Quote 0
                              • Z Offline
                                zolabus @sdetweil
                                last edited by

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

                                S 1 Reply Last reply Reply Quote 0
                                • S Offline
                                  sdetweil @zolabus
                                  last edited by

                                  @zolabus how to post

                                  Sam

                                  How to add modules

                                  learning how to use browser developers window for css changes

                                  1 Reply Last reply Reply Quote 0
                                  • G Offline
                                    gonzonia @Guest
                                    last edited by

                                    @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.
                                    					}
                                    			}
                                    	
                                    
                                    1 Reply Last reply Reply Quote 0
                                    • R Offline
                                      roccodicarlo
                                      last edited by

                                      This new version works great. Thanks for all your effort. Is it possible to rotate the photo (similar to rotation of sticky on MMM-Memo) so that it looks like a photo on a cork board. I would like to rotate it ± 20 degrees.

                                      Z 2 Replies Last reply Reply Quote 0
                                      • Z Offline
                                        zolabus @roccodicarlo
                                        last edited by

                                        This post is deleted!
                                        1 Reply Last reply Reply Quote 0
                                        • Z Offline
                                          zolabus @roccodicarlo
                                          last edited by

                                          @roccodicarlo did you reinstall everything? Because I have loading…forever…

                                          1 Reply Last reply Reply Quote 0
                                          • R Offline
                                            roccodicarlo
                                            last edited by

                                            Yes I reinstalled everything

                                            Z 1 Reply Last reply Reply Quote 0

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 9
                                            • 10
                                            • 11
                                            • 12
                                            • 13
                                            • 14
                                            • 15
                                            • 11 / 15
                                            • First post
                                              Last post
                                            Enjoying MagicMirror? Please consider a donation!
                                            MagicMirror created by Michael Teeuw.
                                            Forum managed by Sam, technical setup by Karsten.
                                            This forum is using NodeBB as its core | Contributors
                                            Contact | Privacy Policy