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

Galleria theme now reads image data from json #312

Merged
merged 3 commits into from Mar 18, 2018

Conversation

2 participants
@edwinsteele
Contributor

edwinsteele commented Mar 7, 2018

Having the template generate json makes it sensitive to whitespace, particularly in the description field, where failure means the gallery doesn’t load (errors in the js console). I’ve looked at ~20 galleries of mine without problems, though.

DOM interactive and document complete are noticeably improved with this change, though the first main image of the gallery is still completing its load at about the same time. To be fair the improvement will likely be more stark on a bigger gallery.

For timing information: https://webpagetest.org/video/compare.php?tests=180307_6H_80670dab108419e4b609df0c1e9a3ca3,180302_9A_ff950fed21454ed20fd5e9750d3157ca

@codecov

This comment has been minimized.

codecov bot commented Mar 7, 2018

Codecov Report

Merging #312 into master will decrease coverage by 0.61%.
The diff coverage is n/a.

Impacted file tree graph

@@            Coverage Diff             @@
##           master     #312      +/-   ##
==========================================
- Coverage    87.9%   87.28%   -0.62%     
==========================================
  Files          20       19       -1     
  Lines        1463     1408      -55     
==========================================
- Hits         1286     1229      -57     
- Misses        177      179       +2
Impacted Files Coverage Δ
sigal/image.py 91.89% <0%> (-2.67%) ⬇️
sigal/plugins/watermark.py 90.69% <0%> (-2.33%) ⬇️
sigal/writer.py 81.81% <0%> (-0.64%) ⬇️
sigal/__init__.py 86.89% <0%> (-0.61%) ⬇️
sigal/utils.py 98% <0%> (-0.34%) ⬇️
sigal/plugins/nomedia.py 89.74% <0%> (-0.26%) ⬇️
sigal/plugins/media_page.py 100% <0%> (ø) ⬆️
sigal/plugins/feeds.py 100% <0%> (ø) ⬆️
sigal/compat.py
sigal/video.py 90.9% <0%> (+0.09%) ⬆️
... and 2 more

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 55399b2...2f66532. Read the comment docs.

@edwinsteele

This comment has been minimized.

Contributor

edwinsteele commented Mar 8, 2018

Please hold off on merging this. I’m seeing text being written over the top of images in some cases.

@edwinsteele

This comment has been minimized.

Contributor

edwinsteele commented Mar 8, 2018

The PR is ok. I suspect a recent update of galleria or leaflet started loading images from data: URLs, which were prohibited by my CSP

this.lazyLoadChunks( 10 );
{% if settings.show_map and album.show_map %}
$(".gallery-map-toggle").click(galleryMapToggle);
{% endif %}

This comment has been minimized.

@saimn

saimn Mar 10, 2018

Owner

Why is this necessary or useful ?
Also for me the map does not show up on your branch.

This comment has been minimized.

@saimn

saimn Mar 10, 2018

Owner

Looking more in detail I see that it is already done a few lines above. So it should probably not been done twice ?
Actually I wonder if all the map loading could be done later, when clicking on the map button, to avoid loading tiles for nothing. But it's not related to your PR, I can try to address this later.

This comment has been minimized.

@edwinsteele

edwinsteele Mar 11, 2018

Contributor

The duplication was unintentional. Thanks for catching it. Instead of continuing to use this new show_map conditional, I’ve moved this simulated click into an existing conditional block that achieves the same outcome.

This comment has been minimized.

@edwinsteele

edwinsteele Mar 11, 2018

Contributor

It would be great to avoid unnecessary loading of the maps. There’s quite some data being downloaded in the background. I think the map function will be used infrequently enough that we shouldn’t unconditionally load it in the background.

This comment has been minimized.

@saimn

saimn Mar 18, 2018

Owner

Agreed!

big: "{{ media.big }}"{% endif %}
{% endif %}
{% if media.type == "video" %}
video: "{{ media.filename }}"

This comment has been minimized.

@saimn

saimn Mar 10, 2018

Owner

So it seems that thanks to this the /img/empty.png file is not more necessary ? Do you know how galleria proceed for the thumbnail ?

This comment has been minimized.

@edwinsteele

edwinsteele Mar 11, 2018

Contributor

I don’t have videos in my regular galleries, but when I did add one a thumbnail was generated, so I’ve made an update to use that thumbnail, and removed /img/empty.png

@saimn

This comment has been minimized.

Owner

saimn commented Mar 10, 2018

Thanks @edwinsteele , it looks great, except that the map loading seems broken. This will probably be really interesting for big galleries.

edwinsteele added some commits Mar 11, 2018

Remove duplicate simulation of map toggle click
Increase thumbnail lazy load chunk size, as only the first chunk
of thumbnails are loaded before the map layers are loaded in the
background. 50 thumbnails should fill the thumbnail row on most
screens, so gives the impression of a complete gallery load.
Use galleria thumbnails for videos too
Also offer a big link for videos, if configured, not just for images
json loading means that static/img/empty.png is unnecessary.
@edwinsteele

This comment has been minimized.

Contributor

edwinsteele commented Mar 11, 2018

except that the map loading seems broken

I’m not exactly sure what you mean by this, but if you mean the duplication, it’s sorted now. Map loading is working for me with these changes.

@saimn

This comment has been minimized.

Owner

saimn commented Mar 18, 2018

@edwinsteele - In my tests map loading was not working, I'm testing again now.

@saimn

This comment has been minimized.

Owner

saimn commented Mar 18, 2018

Ok, the map works now (in your previous version it was displayed and hidden because click(galleryMapToggle) was called twice).

@saimn

This comment has been minimized.

Owner

saimn commented Mar 18, 2018

Looks all good, thanks !

@saimn saimn merged commit 108bba7 into saimn:master Mar 18, 2018

2 of 3 checks passed

codecov/project 87.28% (-0.62%) compared to 55399b2
Details
codecov/patch Coverage not affected when comparing 55399b2...2f66532
Details
continuous-integration/travis-ci/pr The Travis CI build passed
Details

@saimn saimn added this to the 2.0 milestone Mar 19, 2018

@edwinsteele edwinsteele deleted the edwinsteele:galleria-json-config branch Oct 1, 2018

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