For some reason the JS never got loaded when it was in it's own file, therefor I moved it into the HTML where it gets called. Also when a session id on the server was expired or something, you weren't able to log out, there is now code which fixes that.
104 lines
3.3 KiB
HTML
104 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>TTRSS</title>
|
|
<link href="content.css" media="all" rel="stylesheet">
|
|
<script type="text/javascript">
|
|
/*
|
|
* This file is part of FeedTheMonkey.
|
|
*
|
|
* Copyright 2015 Jeena
|
|
*
|
|
* FeedTheMonkey is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* FeedTheMonkey is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License
|
|
* along with FeedTheMonkey. If not, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
function $(id) {
|
|
return document.getElementById(id);
|
|
}
|
|
|
|
function setArticle(article) {
|
|
window.scrollTo(0, 0);
|
|
|
|
$("date").innerHTML = "";
|
|
$("title").innerHTML = "";
|
|
$("title").href = "";
|
|
$("title").title = "";
|
|
$("feed_title").innerHTML = "";
|
|
$("author").innerHTML = "";
|
|
$("article").innerHTML = "";
|
|
|
|
if(article === "empty") {
|
|
|
|
$("article").innerHTML = "No unread articles to display.";
|
|
|
|
} else if(article === "loading") {
|
|
|
|
$("article").innerHTML = "Loading <blink>…</blink>";
|
|
|
|
} else if (article === "logout") {
|
|
|
|
} else if(article) {
|
|
|
|
$("date").innerHTML = (new Date(parseInt(article.updated, 10) * 1000));
|
|
$("title").innerHTML = article.title;
|
|
$("title").href = article.link;
|
|
$("title").title = article.link;
|
|
$("feed_title").innerHTML = article.feed_title;
|
|
$("title").className = article.marked ? "starred" : "";
|
|
$("author").innerHTML = "";
|
|
if(article.author && article.author.length > 0)
|
|
$("author").innerHTML = "– " + article.author
|
|
$("article").innerHTML = article.content;
|
|
|
|
var as = $("article").getElementsByTagName("a");
|
|
for(var i = 0; i < as.length; i++) {
|
|
as[i].target = "";
|
|
}
|
|
}
|
|
}
|
|
|
|
function setFont(font, size) {
|
|
document.body.style.fontFamily = font;
|
|
document.body.style.fontSize = size + "pt";
|
|
}
|
|
|
|
function setNightmode(nightmode) {
|
|
if(nightmode) document.body.className = "nightmode";
|
|
else document.body.className = "";
|
|
}
|
|
|
|
document.onkeydown = checkKey;
|
|
|
|
function checkKey(e) {
|
|
e = e || window.event;
|
|
if (e.keyCode === '37') {
|
|
window.location.href = "feedthemonkey:previous";
|
|
}
|
|
else if (e.keyCode === '39') {
|
|
window.location.href = "feedthemonkey:next";
|
|
}
|
|
}
|
|
</script>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
|
|
</head>
|
|
<body class=''>
|
|
<header>
|
|
<p><span id="feed_title"></span> <span id="author"></span></p>
|
|
<h1><a id="title" href=""></a></h1>
|
|
<p><timedate id="date"></timedate></p>
|
|
</header>
|
|
<article id="article"></article>
|
|
</body>
|
|
</html>
|