2020-12-01 14:45:12 +00:00
<!doctype html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< title >
News Now
< / title >
<!--
< link rel = "stylesheet" href = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity = "sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin = "anonymous" > -->
< link rel = "stylesheet" href = "./css/bootstrap.min.css" >
< / head >
< body >
< h1 align = "center" class = "display-1" > News Now< / h1 >
< main >
< div class = "container" >
< div class = "list-group pb-4" id = "contents" > < / div >
< div id = "feed" >
<!--
< div class = "card bg-dark text-white" >
< img class = "card-img" src = ".../100px270/#55595c:#373a3c/text:Card image" alt = "Card image" >
< div class = "card-img-overlay" >
< h5 class = "card-title" > Card title< / h5 >
< p class = "card-text" > This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.< / p >
< p class = "card-text" > Last updated 3 mins ago< / p >
< / div >
< / div >
-->
< / div > < / div >
< / main >
< script type = "text/javascript" src = "./config.json" > < / script >
< script src = "./js/rss-parser.js" > < / script >
< script >
const feeds = config // Edit config.json
// Note: some RSS feeds can't be loaded in the browser due to CORS security.
// To get around this, you can use a proxy
const CORS_PROXY = "https://cors-anywhere.herokuapp.com/"
//let parser = new RSSParser();
var contents_title = document.createElement("h2")
contents_title.textContent = "Contents"
contents_title.classList.add("pb-1")
document.getElementById("contents").appendChild(contents_title)
async function myfunc(key){
var contents = document.createElement("a")
contents.href = "#" + key
contents.classList.add("list-group-item","list-group-item-action")
contents.textContent = key
document.getElementById("contents").appendChild(contents)
var feed_div = document.createElement("div")
feed_div.id = key
feed_div.setAttribute("id", key);
var title = document.createElement("h2");
title.textContent = "From " + key;
title.classList.add("pb-1")
feed_div.appendChild(title)
document.getElementById("feed").appendChild(feed_div)
var parser = new RSSParser();
var countPosts = 0
2020-12-01 14:47:05 +00:00
parser.parseURL(CORS_PROXY + feeds[key]["link"], function(err, feed) {
2020-12-01 14:45:12 +00:00
if (err) throw err;
feed.items.forEach(function(entry) {
if (countPosts < feeds [ key ] [ " limit " ] ) {
var node = document.createElement("div");
node.classList.add("card","mb-3");
var row = document.createElement("div")
row.classList.add("row","no-gutters")
if (config_extra["left-column"]){
var left_col = document.createElement("div")
left_col.classList.add("col-md-2")
var left_col_body = document.createElement("div")
left_col_body.classList.add("card-body")
}
var right_col = document.createElement("div")
if (config_extra["left-column"]){
right_col.classList.add("col-md-10")
}
var node_title = document.createElement("h5")
node_title.classList.add("card-header")
node_title.innerHTML = entry.title
node_body = document.createElement("div")
node_body.classList.add("card-body")
node_content = document.createElement("p")
node_content.innerHTML = entry.content
node_content.classList.add("card-text")
if (config_extra["direct-link"]){
node_link = document.createElement("p")
node_link.classList.add("card-text")
node_link.innerHTML = "< b > Link:< / b > < a href = '" + entry.link +"' > Direct Link< / a > "
if (config_extra["left-column"]){
left_col_body.appendChild(node_link)
} else {
node_content.appendChild(node_link)
}
}
if (config_extra["show-date"]){
node_date = document.createElement("p")
node_date.classList.add("card-text")
node_date.innerHTML = "< p > < b > Date: < / b > " + entry.pubDate + "< / p > "
if (config_extra["left-column"]){
left_col_body.appendChild(node_date)
} else {
node_content.appendChild(node_date)
}
}
node.appendChild(node_title)
node_body.appendChild(node_content)
right_col.appendChild(node_body)
if (config_extra["left-column"]){
left_col.appendChild(left_col_body)
row.appendChild(left_col)
}
row.appendChild(right_col)
node.appendChild(row)
//node_body.appendChild(node_date)
//node.appendChild(node_body)
document.getElementById(key).appendChild(node)
/*console.log(entry.title + ':' + entry.link);
console.log(entry.pubDate)*/
//console.log(entry.author)
countPosts+=1
}
})
if (config_extra["Responsive-Images"]){
var inputs = document.getElementsByTagName('img')
console.log(inputs)
for(var i = 0; i < inputs.length ; i + + ) {
inputs[i].classList.add("img-fluid")
}
}
})
return true
}
(async () => {
for(var key in feeds) {
let result = await myfunc(key);
console.log(result)
}})();
/*
var inputs = document.getElementsByTagName('img');
for(var i = 0; i < inputs.length ; i + + ) {
inputs[i].classList.add("img-fluid")
}
*/
< / script >
< noscript > Uh Oh! Your browser does not support JavaScript or JavaScript is currently disabled. Please enable JavaScript or switch to a different browser.< / noscript >
< / body > < / html >
