basic seach
This commit is contained in:
root
100
js/main.js
100
js/main.js
@@ -1,43 +1,69 @@
|
||||
let articleParent = document.getElementById("articles");
|
||||
window.onload = function () {
|
||||
recent(5).then(function (data) {
|
||||
function updateSeach(value) {
|
||||
if (value == "") {
|
||||
addRecent();
|
||||
return;
|
||||
}
|
||||
let query = {
|
||||
query: value,
|
||||
limit: 5
|
||||
};
|
||||
clearArticles();
|
||||
search(query).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;
|
||||
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);
|
||||
addArticle(article);
|
||||
});
|
||||
});
|
||||
}
|
||||
function clearArticles() {
|
||||
articleParent.innerHTML = "";
|
||||
}
|
||||
window.onload = function () {
|
||||
addRecent();
|
||||
};
|
||||
function addRecent() {
|
||||
clearArticles();
|
||||
recent(5).then(function (data) {
|
||||
data.forEach(function (article) {
|
||||
addArticle(article);
|
||||
});
|
||||
});
|
||||
}
|
||||
function addArticle(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;
|
||||
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);
|
||||
}
|
||||
//# sourceMappingURL=main.js.map
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"file":"main.js","sourceRoot":"","sources":["main.ts"],"names":[],"mappings":"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"}
|
||||
{"version":3,"file":"main.js","sourceRoot":"","sources":["main.ts"],"names":[],"mappings":"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"}
|
||||
142
js/main.ts
142
js/main.ts
@@ -1,63 +1,93 @@
|
||||
let articleParent = document.getElementById("articles");
|
||||
|
||||
window.onload = function() {
|
||||
function updateSeach(value: string) {
|
||||
if(value == "") {
|
||||
addRecent()
|
||||
return
|
||||
}
|
||||
|
||||
recent(5).then(function(data) {
|
||||
let query: SearchQuery = {
|
||||
query: value,
|
||||
limit: 5
|
||||
}
|
||||
|
||||
|
||||
clearArticles()
|
||||
search(query).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)
|
||||
|
||||
addArticle(article)
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
function clearArticles() {
|
||||
articleParent.innerHTML = ""
|
||||
}
|
||||
|
||||
window.onload = function() {
|
||||
addRecent()
|
||||
}
|
||||
|
||||
function addRecent () {
|
||||
clearArticles()
|
||||
recent(5).then(function(data) {
|
||||
data.forEach(function(article) {
|
||||
addArticle(article)
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
function addArticle(article: ArticleSummary) {
|
||||
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)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user