Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Infinite scrolling for gallery + seamless layout #28

Merged
merged 19 commits into from
Jun 3, 2014

Conversation

jbtbnl
Copy link

@jbtbnl jbtbnl commented Apr 29, 2014

This is a work in progress of @icewind1991 regarding owncloud/gallery#5 and a successor of my seamless layout in owncloud/gallery#17

@jancborchardt
Copy link
Contributor

@icewind1991 would have been cooler to have it split up in several commits to actually see what has been done. ;) Also, to have @jbtbnl’s commits separate for proper credit.

@jbtbnl
Copy link
Author

jbtbnl commented Apr 30, 2014

Yeah, too bad that my code wasn't used. Anyway, good luck with it 😉

@jancborchardt
Copy link
Contributor

@jbtbnl are you ok with the layout though, is it what you had in mind as well?

@jbtbnl
Copy link
Author

jbtbnl commented May 2, 2014

@jancborchardt the design is basically the same but there are a few issues with the implementation of @icewind1991:

  • the last row contains more images then visible
  • window resize isn't handled
  • the captions on albums are not dynamically centered

Also the preview images are loading way to slow (same issue in my branch as well).

@jbtbnl
Copy link
Author

jbtbnl commented May 2, 2014

  • horizontal scaling doesn't work properly

@icewind1991
Copy link
Contributor

Added support for window resizing, fixed centering of captions and improved performance by loading thumbnails in parallel. I think this is ready for testing (cc @jancborchardt @PVince81 @karlitschek @DeepDiver1975)

@jbtbnl Not sure what you mean with "the last row contains more images then visible" and "horizontal scaling doesn't work properly"

@LukasReschke
Copy link
Contributor

  • Long folder names ("titles") do overlap the preview image instead of being cropped with "..." or so
  • Share button does not work for me showing Uncaught TypeError: Cannot read property 'viewedItems' of undefined in gallery.js:161

@LukasReschke
Copy link
Contributor

Otherwise: Works and looks great.

@LukasReschke
Copy link
Contributor

Another one:

  • When clicking on a folder that only contains another subfolder and then going back to the previous folder the subfolder is not shown anymore.

@icewind1991
Copy link
Contributor

@LukasReschke fixed the issues, thanks for testing

@icewind1991 icewind1991 changed the title [WIP] Infinite scrolling for gallery + seamless layout Infinite scrolling for gallery + seamless layout May 20, 2014
@LukasReschke
Copy link
Contributor

I do have another problem with large panoramic photos. Some photos are still not shown since the images are too wide for the row.

Files:
screen shot 2014-05-25 at 18 45 54

Gallery view:
screen shot 2014-05-25 at 18 44 01

The images used in this album are downloadable here until 01.06.2014: https://cloud.statuscode.ch/public.php?service=files&t=48ab5132bd4d002605398c7950562992

@LukasReschke
Copy link
Contributor

Also the public share view seems not to work properly at all.

@jbtbnl
Copy link
Author

jbtbnl commented May 25, 2014

@icewind1991 the screenshots of @LukasReschke show what I meant with

the last row contains more images then visible

@LukasReschke
Copy link
Contributor

Gnah. Sorry, public download doesn't work anymore since I somehow triggered a bug in core that leads to file loss :-/

Trying to reproduce....

@icewind1991
Copy link
Contributor

Fixed the issue with very wide images, also limited the aspect ratio of thumbnails to 3:1

@LukasReschke
Copy link
Contributor

Works after clearing the previews. Thanks a lot.

I'll look into sharing.

WIthout this images in subdirectories won't be properly resolved in the public view
@LukasReschke
Copy link
Contributor

Sharing should now work properly in subfolders, @icewind1991 can you please review my commits?

@icewind1991
Copy link
Contributor

@LukasReschke changes look good

@jancborchardt
Copy link
Contributor

The outline stuff looks quite strange. I needed to double check if it was a glitch or something.

What would be better is simply 2px separation between everything. 2px to the side and the top, 2px between every image, and 2px between each row. It needs to be 2 px everywhere to look consistent – it can vary at the right though.

@jancborchardt
Copy link
Contributor

I mean 4px, not 2px. :)

@icewind1991
Copy link
Contributor

I don't like having "whitespace" between the images, especially on mobile I think a seamless layout looks better

@jancborchardt
Copy link
Contributor

It makes the pictures blend together. You don’t know where one picture ends and the other continues. Especially when they are similar, this is jarring.

This is not about personal preference after all ;) There’s a reason why Flickr and Dropbox and others have slight space between the pictures. It helps you tell them apart.

@LukasReschke
Copy link
Contributor

Three other bugs:

  • When scrolling down on a large gallery and then clicking on a image and closing it the browser is jumped to the top.
  • When sharing a gallery and then directly linking to an image (t=token#Photo.jpg) the gallery isn't shown
  • Directly linking to an image (#photo.jpg) does not work.

Regarding the whitespace: The little black border is already enough for me. I can easily distinguish the pictures.

@jbtbnl
Copy link
Author

jbtbnl commented May 31, 2014

When scrolling down on a large gallery and then clicking on a image and closing it the browser is jumped to the top.

@LukasReschke fix is here: https://github.com/owncloud/gallery/pull/17/files#diff-721c4fdccbf9e7c9a389daf09b558bfcL378

@LukasReschke
Copy link
Contributor

@jbtbnl Could you please commit this to this branch? That would be great!

@jbtbnl
Copy link
Author

jbtbnl commented May 31, 2014

@LukasReschke it seems the fix is already present: https://github.com/owncloud/gallery/pull/28/files#diff-721c4fdccbf9e7c9a389daf09b558bfcL375

Not sure why your issue still exists...

@jancborchardt
Copy link
Contributor

Nice, looking way better now! Thank you @jbtbnl @icewind1991! :)

We can fix all the other issues after this, we need to take care not to make pull requests too big. 👍

jancborchardt added a commit that referenced this pull request Jun 3, 2014
Infinite scrolling for gallery + seamless layout
@jancborchardt jancborchardt merged commit 138b967 into master Jun 3, 2014
@jancborchardt jancborchardt deleted the infinite-scroll branch June 3, 2014 17:25
@jancborchardt
Copy link
Contributor

@icewind1991 now to fixing the way folders are displayed ;)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants