4,554
edits
No edit summary |
No edit summary |
||
Line 183: | Line 183: | ||
var title = $(cardElement).find('.related-article-title').text(); | var title = $(cardElement).find('.related-article-title').text(); | ||
var typeHtml = $(cardElement).find('.related-article-type').html(); | 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(); | |||
var description = $(cardElement).find('.related-article-description').html(); | |||
var reflection = $(cardElement).find('.related-article-reflection').html(); | |||
var quote = $(cardElement).find('.related-article-quote').text(); | |||
var modificationDate = $(cardElement).find('.related-article-modification-date').text(); | |||
var relatedArticlesHtml = $(cardElement).find('.related-article-related-articles').html(); | |||
// Update modal content for related-article | // Update modal content for related-article | ||
Line 194: | Line 197: | ||
var articleContentHtml = '<div class="article-title-link">'; | var articleContentHtml = '<div class="article-title-link">'; | ||
articleContentHtml += '<p class="article-title">' + title + '</p>'; | 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>'; | |||
articleContentHtml += | |||
(description ? '<p class="article-label-description">Description</p>' + | |||
'<div class="article-description">' + formatParagraphs(description) + '</div>' : '') + | |||
(reflection ? '<p class="article-label-reflection">Reflection</p>' + | |||
'<div class="article-reflection">' + formatParagraphs(reflection) + '</div>' : '') + | |||
(quote ? '<p class="article-label-quote">Quote</p>' + | |||
'<div class="article-quote">“' + formatParagraphs(quote) + '”</div>' : '') + | |||
'<p class="article-label-modification-date">Added on</p>' + | |||
'<div class="article-modification-date">' + formatSimpleDate(modificationDate) + '</div>' | |||
$('#article-content').html(articleContentHtml); | |||
} else { | } else { |