4,114
edits
MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| Line 54: | Line 54: | ||
// Update the fixed column content | // Update the fixed column content | ||
$('#article-title').html('<p class="article-entry-number">' + entryNumber + '</p><p class="article-people">' + people + '</p>'); | $('#article-title').html('<p class="article-entry-number">' + entryNumber + '</p><p class="article-people">' + people + '</p>'); | ||
var articleContentHtml = | |||
'<p class="article-title">' + title + '</p>' + | |||
'<p class="article-type">' + type + '</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>'; | |||
if (cardImages.length > 0) { | if (cardImages.length > 0) { | ||
var initialImage = cardImages[0]; // Use the first image initially | var initialImage = cardImages[0]; // Use the first image initially | ||
articleContentHtml += | |||
'<div class="article-images">' + | '<div class="article-images">' + | ||
'<p class="article-label-image">Image(s)</p>' + | '<p class="article-label-image">Image(s)</p>' + | ||
'<div class="article-image">' + getImageHtml(initialImage) + '</div>' + | '<div class="article-image">' + getImageHtml(initialImage) + '</div>' + | ||
'</div>' | '</div>'; | ||
} | } | ||
// Add non-image content (description, reflection, etc.) | |||
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); | |||
function formatParagraphs(text) { | function formatParagraphs(text) { | ||
| Line 125: | Line 131: | ||
}); | }); | ||
} | } | ||
function getImageHtml(image) { | function getImageHtml(image) { | ||
return '<div class="image-container">' + | return '<div class="image-container">' + | ||