4,554
edits
No edit summary Tag: Manual revert |
No edit summary |
||
Line 111: | Line 111: | ||
checkFiltersCleared(); | checkFiltersCleared(); | ||
function openModal(cardElement) { | |||
console.log('Clicked on card:', cardElement); | |||
console.log('Clicked on card:', | |||
showArticleWrapper.css('display', 'block'); | showArticleWrapper.css('display', 'block'); | ||
// Extract and handle the information from the cardElement | |||
var cardImages = []; | var cardImages = []; | ||
for (var i = 1; i <= 5; i++) { | for (var i = 1; i <= 5; i++) { | ||
var imageClass = '.image' + i; | var imageClass = '.image' + i; | ||
var captionClass = '.caption-image' + i; | var captionClass = '.caption-image' + i; | ||
var imageElem = $( | var imageElem = $(cardElement).find(imageClass + ' img'); | ||
if (imageElem.length) { | if (imageElem.length) { | ||
var captionText = $( | var captionText = $(cardElement).find(imageClass + ' ' + captionClass).text(); | ||
cardImages.push({ | cardImages.push({ | ||
link: $( | link: $(cardElement).find(imageClass + ' a').attr('href'), | ||
src: imageElem.attr('src'), | src: imageElem.attr('src'), | ||
alt: imageElem.attr('alt'), | alt: imageElem.attr('alt'), | ||
Line 138: | Line 133: | ||
} | } | ||
} | } | ||
if (cardImages.length > 1) { | if (cardImages.length > 1) { | ||
setupImageToggle(cardImages); | setupImageToggle(cardImages); | ||
Line 224: | Line 219: | ||
// Prevent further propagation to the document | // Prevent further propagation to the document | ||
event.stopPropagation(); | event.stopPropagation(); | ||
} | |||
// Delegate the mousedown event for the block view page | |||
$('#list').on('mousedown', '.card', function (event) { | |||
if ($(event.target).closest('.people a, .type a').length) { | |||
return; // Clicked on a link inside '.people' or '.type', do nothing | |||
} | |||
openModal(this); | |||
}); | }); | ||
// Delegate the mousedown event for the list view page | |||
$('#list-list').on('mousedown', '.list-card', function (event) { | |||
if ($(event.target).closest('.people a, .type a').length) { | |||
return; // Clicked on a link inside '.people' or '.type', do nothing | |||
} | |||
openModal(this); | |||
}); | |||
function setupImageToggle(images) { | function setupImageToggle(images) { |