4,554
edits
| No edit summary | No edit summary | ||
| Line 18: | Line 18: | ||
|              $('#show-article-wrapper').css('display', 'block'); |              $('#show-article-wrapper').css('display', 'block'); | ||
|              // ... ( |              // Update the fixed column content with card information | ||
|             var entryNumber = $(this).find('.entry-number').text(); | |||
|             var title = $(this).find('.title').text(); | |||
|             var people = $(this).find('.people').text(); | |||
|             var type = $(this).find('.type').text(); | |||
|             var entity = $(this).find('.entity').text();   | |||
|             var discipline = $(this).find('.discipline').text(); | |||
|             var subject = $(this).find('.subject').text();  | |||
|             var description = $(this).find('.description').html(); | |||
|             // Update the fixed column content | |||
|             $('#article-title').html('<p class="article-entry-number">' + entryNumber + '</p><p class="article-people">' + people + '</p>'); | |||
|             $('#article-content').html( | |||
|                 '<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>' + | |||
|                 '<p class="article-label-description">Description:</p>' + | |||
|                 '<div class="article-description">' + description + '</div>' | |||
|             ); | |||
|              // Apply the fade-out effect to the #list element |              // Apply the fade-out effect to the #list element | ||