4,554
edits
No edit summary |
No edit summary Tag: Reverted |
||
Line 180: | Line 180: | ||
// Handle related-article elements | // Handle related-article elements | ||
var entryNumber = $(cardElement).find('.related-article-entry-number').text(); | var entryNumber = $(cardElement).find('.related-article-entry-number').text(); | ||
var people = $(cardElement).find('.related-article-people'). | var people = $(cardElement).find('.related-article-people').html(); | ||
var title = $(cardElement).find('.related-article-title').text(); | var title = $(cardElement).find('.related-article-title').text(); | ||
var type = $(cardElement).find('.related-article- | var typeHtml = $(cardElement).find('.related-article-type').html(); | ||
var externalLinkURL = $(cardElement).find('.related-article-link a').attr('href'); | |||
var entity = $(cardElement).find('.related-article-entity').text(); | |||
var discipline = $(cardElement).find('.related-article-discipline').text(); | |||
var subject = $(cardElement).find('.related-article-subject').text(); | |||
// Debug logs | // Debug logs | ||
Line 189: | Line 193: | ||
console.log('Related Article - Title:', title); | console.log('Related Article - Title:', title); | ||
console.log('Related Article - Type:', type); | console.log('Related Article - Type:', type); | ||
$('#article-title').html('<p class="article-entry-number">' + entryNumber + '</p><p class="article-people">' + peopleHtml + '</p>'); | |||
var articleContentHtml = '<div class="article-title-link">'; | |||
articleContentHtml += '<p class="article-title">' + title + '</p>'; | |||
if (externalLinkURL) { | |||
articleContentHtml += '<a href="' + externalLinkURL + '" target="_blank" class="external-link-icon"><img src="/images/6/6d/Link-arrow-new.png" alt="Link"></a>'; | |||
} | |||
articleContentHtml += '</div>'; // Close the new div | |||
// | // Append type, entity, discipline, and subject details | ||
articleContentHtml += '<p class="article-type">' + typeHtml + '</p>' + | |||
'<div class="article-metadata">' + | |||
'<div class="article-metadata-column">' + | |||
'<p class="article-metadata-label">Entity</p>' + | |||
'<p class="article-metadata-value">' + entity + '</p>' + | |||
'</div>' + | |||
'<div class="article-metadata-column">' + | |||
'<p class="article-metadata-label">Discipline</p>' + | |||
'<p class="article-metadata-value">' + discipline + '</p>' + | |||
'</div>' + | |||
'<div class="article-metadata-column">' + | |||
'<p class="article-metadata-label">Subject(s)</p>' + | |||
'<p class="article-metadata-value">' + subject + '</p>' + | |||
'</div>' + | |||
'</div>'; | |||
} else { | } else { |