| 491 | } |
| 492 | |
| 493 | function createSeriesCard(article, label, fallbackTitle, direction) { |
| 494 | var card = document.createElement(article ? 'a' : 'span'); |
| 495 | var labelNode = document.createElement('span'); |
| 496 | var titleNode = document.createElement('span'); |
| 497 | var dateNode = document.createElement('span'); |
| 498 | |
| 499 | card.className = 'article-series-card is-' + direction + (article ? '' : ' is-disabled'); |
| 500 | |
| 501 | if (article) { |
| 502 | card.href = article.href; |
| 503 | } |
| 504 | |
| 505 | labelNode.className = 'article-series-card-label'; |
| 506 | titleNode.className = 'article-series-card-title'; |
| 507 | dateNode.className = 'article-series-card-date'; |
| 508 | labelNode.textContent = label; |
| 509 | titleNode.textContent = article ? article.title : fallbackTitle; |
| 510 | dateNode.textContent = article && article.date ? article.date : ''; |
| 511 | |
| 512 | card.appendChild(labelNode); |
| 513 | card.appendChild(titleNode); |
| 514 | card.appendChild(dateNode); |
| 515 | |
| 516 | return card; |
| 517 | } |
| 518 | |
| 519 | function getArticleIndex(articleRoot) { |
| 520 | articleRoot = articleRoot || 'ai-articles'; |