adam/lutim
1
0
Fork 0
mirror of https://framagit.org/fiat-tux/hat-softwares/lutim.git synced 2026-08-09 02:12:58 +02:00
Code Issues Packages Projects Releases Wiki Activity

Make gallery generation really sequential

Browse Source
This commit is contained in:
Luc Didry
2018-01-16 17:39:36 +01:00
parent ef1297be7d
commit 5ad1caea68
1 changed files with 34 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
themes/default/templates/partial/gallery.js.ep
+34 -30
View File
@@ -1,4 +1,6 @@
% # vim:set sw=4 ts=4 sts=4 ft=javascript expandtab:
var absUrl = '<%= url_for('/') %>';
var initPhotoSwipeFromDOM = function(gallerySelector) {
// parse slide data (url, title, size ...) from DOM elements
@@ -201,9 +203,38 @@ var initPhotoSwipeFromDOM = function(gallerySelector) {
openPhotoSwipe( hashData.pid , galleryElements[ hashData.gid - 1 ], true, true );
}
};
$(document).ready(function() {
var absUrl = '<%= url_for('/') %>';
function addElement(keys) {
element = keys.shift();
if (!element.match('xcf')) {
$.ajax({
url: '<%= url_for('about_img') %>'+'/'+element,
method: 'GET',
dataType: 'json',
success: function(data, textStatus, jqXHR) {
if (data.success) {
$('.gallery').append(
[
'<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">',
' <a href="', absUrl+element, '" itemprop="contentUrl" data-size="', data.data.width, 'x', data.data.height, '">',
' <img src="', absUrl+element, '?width=275" itemprop="thumbnail" alt="" class="img-responsive"/>',
' </a>',
'</figure>'
].join('')
);
}
},
complete: function() {
if (keys.length > 0) {
addElement(keys);
} else {
initPhotoSwipeFromDOM('.gallery');
}
}
});
}
}
$(document).ready(function() {
var key = window.location.hash.substring(1); // Get key
// First, strip everything after the equal sign (=) which signals end of base64 string.
i = key.indexOf('='); if (i>-1) { key = key.substring(0,i+1); }
@@ -214,32 +245,5 @@ $(document).ready(function() {
$('#download-all').attr('href', $('#download-all').attr('href')+keys.join('&i='));
var items = [];
keys.forEach(function(element, index, array) {
if (!element.match('xcf')) {
$.ajax({
url: '<%= url_for('about_img') %>'+'/'+element,
method: 'GET',
dataType: 'json',
success: function(data, textStatus, jqXHR) {
if (data.success) {
$('.gallery').append(
[
'<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">',
' <a href="', absUrl+element, '" itemprop="contentUrl" data-size="', data.data.width, 'x', data.data.height, '">',
' <img src="', absUrl+element, '?width=275" itemprop="thumbnail" alt="" class="img-responsive"/>',
' </a>',
'</figure>'
].join('')
);
}
},
complete: function() {
if (index + 1 === keys.length) {
initPhotoSwipeFromDOM('.gallery');
}
}
});
}
});
addElement(keys);
});