64 lines
2.3 KiB
TypeScript
64 lines
2.3 KiB
TypeScript
let articleParent = document.getElementById("articles");
|
|
|
|
window.onload = function() {
|
|
|
|
recent(5).then(function(data) {
|
|
data.forEach(function(article) {
|
|
|
|
let articleA = document.createElement("a")
|
|
articleA.setAttribute("href", article.link)
|
|
|
|
let articleDiv = document.createElement("div")
|
|
articleDiv.setAttribute("class", "article")
|
|
|
|
let articleHeader = document.createElement("div")
|
|
articleHeader.setAttribute("class", "article-header")
|
|
|
|
let articleHeaderTitle = document.createElement("h3")
|
|
articleHeaderTitle.innerHTML = article.title
|
|
|
|
articleHeader.appendChild(articleHeaderTitle)
|
|
articleDiv.appendChild(articleHeader)
|
|
|
|
let articleDescription = document.createElement("div")
|
|
articleDescription.setAttribute("class", "article-description")
|
|
|
|
let articleDescriptionP = document.createElement("p")
|
|
|
|
let articleDescriptionTopics = document.createElement("i")
|
|
articleDescriptionTopics.innerHTML = article.tags.join(", ")
|
|
|
|
let articleDescriptionAuthors = document.createElement("i")
|
|
articleDescriptionAuthors.innerHTML = article.authors[0].name //TODO join ALL Auhtors
|
|
|
|
let articleDescriptionDate = document.createElement("i")
|
|
articleDescriptionDate.innerHTML = article.modified.toString()
|
|
|
|
articleDescriptionP.appendChild(articleDescriptionTopics)
|
|
articleDescriptionP.appendChild(articleDescriptionAuthors)
|
|
articleDescriptionP.appendChild(articleDescriptionDate)
|
|
|
|
articleDescription.appendChild(articleDescriptionP)
|
|
articleDiv.appendChild(articleDescription)
|
|
|
|
let articleBody = document.createElement("div")
|
|
articleBody.setAttribute("class", "article-body")
|
|
|
|
let articleBodyP = document.createElement("p")
|
|
articleBodyP.innerHTML = article.summary
|
|
|
|
articleBody.appendChild(articleBodyP)
|
|
articleDiv.appendChild(articleBody)
|
|
|
|
articleA.appendChild(articleDiv)
|
|
articleParent.appendChild(articleA)
|
|
|
|
let divider = document.createElement("div")
|
|
divider.setAttribute("class", "divider")
|
|
|
|
articleParent.appendChild(divider)
|
|
|
|
})
|
|
})
|
|
}
|