add experimental digest thingie (2)
This commit is contained in:
parent
911d4c0836
commit
c01f40f4d9
|
@ -0,0 +1,170 @@
|
||||||
|
body {
|
||||||
|
background : #f0f0f0;
|
||||||
|
color : gray;
|
||||||
|
font-family : sans-serif;
|
||||||
|
font-size : 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color : #0069D8;
|
||||||
|
text-decoration : none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
color : gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header a, #footer a {
|
||||||
|
color : gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header {
|
||||||
|
font-weight : bold;
|
||||||
|
font-size : 14px;
|
||||||
|
font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
|
||||||
|
margin-left : 1em;
|
||||||
|
margin-right : 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header div.links {
|
||||||
|
float : right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#search {
|
||||||
|
float : right;
|
||||||
|
clear : left;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#content {
|
||||||
|
border : 1px solid #e0e0e0;
|
||||||
|
background : white;
|
||||||
|
padding : 0.8em;
|
||||||
|
margin : 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer {
|
||||||
|
font-size : 12px;
|
||||||
|
text-align : center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*#content h1 {
|
||||||
|
font-weight : bold;
|
||||||
|
font-size : 25px;
|
||||||
|
font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
|
||||||
|
letter-spacing : -2;
|
||||||
|
margin : 0px 0px 0.5em 0px;
|
||||||
|
color : black;
|
||||||
|
}
|
||||||
|
|
||||||
|
#content h2 {
|
||||||
|
font-weight : bold;
|
||||||
|
font-size : 20px;
|
||||||
|
font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
|
||||||
|
letter-spacing : 2;
|
||||||
|
margin : 0px 0px 0.5em 0px;
|
||||||
|
color : #684C99;
|
||||||
|
}
|
||||||
|
|
||||||
|
#content h3 {
|
||||||
|
font-weight : bold;
|
||||||
|
font-size : 16px;
|
||||||
|
font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
|
||||||
|
letter-spacing : 2;
|
||||||
|
margin : 0px 0px 0.5em 0px;
|
||||||
|
color : #659a4c;
|
||||||
|
} */
|
||||||
|
|
||||||
|
#content h1 {
|
||||||
|
margin : 0px 0px 20px 0px;
|
||||||
|
font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
|
||||||
|
font-size : 18px;
|
||||||
|
letter-spacing : 1px;
|
||||||
|
color : #684C99;
|
||||||
|
}
|
||||||
|
|
||||||
|
#title {
|
||||||
|
}
|
||||||
|
|
||||||
|
#latest {
|
||||||
|
padding : 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#feeds {
|
||||||
|
float : right;
|
||||||
|
width : 30%;
|
||||||
|
min-width : 300px;
|
||||||
|
padding : 5px;
|
||||||
|
font-size : 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#feeds h1 {
|
||||||
|
text-align : right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#feeds ul#feeds-content img {
|
||||||
|
width : 16px;
|
||||||
|
height : 16px;
|
||||||
|
vertical-align : middle;
|
||||||
|
margin-right : 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#feeds ul#feeds-content div.unread-ctr {
|
||||||
|
color : gray;
|
||||||
|
float : right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#feeds ul#feeds-content li {
|
||||||
|
margin : 0px 0px 2px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#feeds ul#feeds-content {
|
||||||
|
list-style-type : none;
|
||||||
|
font-weight : bold;
|
||||||
|
color : #659a4c;
|
||||||
|
margin : 0px;
|
||||||
|
padding : 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#headlines {
|
||||||
|
padding : 5px;
|
||||||
|
font-size : 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#headlines ul#headlines-content img {
|
||||||
|
width : 16px;
|
||||||
|
height : 16px;
|
||||||
|
vertical-align : middle;
|
||||||
|
margin-right : 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#headlines ul#headlines-content {
|
||||||
|
list-style-type : none;
|
||||||
|
color : gray;
|
||||||
|
margin : 0px;
|
||||||
|
padding : 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#headlines ul#headlines-content li {
|
||||||
|
margin : 0px 0px 10px 0px;
|
||||||
|
color : #909090;
|
||||||
|
}
|
||||||
|
|
||||||
|
#headlines ul#headlines-content a.title {
|
||||||
|
font-weight : bold;
|
||||||
|
font-size : 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#headlines ul#headlines-content div.excerpt {
|
||||||
|
margin-left : 22px;
|
||||||
|
color : #404040;
|
||||||
|
}
|
||||||
|
|
||||||
|
#headlines ul#headlines-content div.info {
|
||||||
|
margin-left : 22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#headlines ul#headlines-content div.info a {
|
||||||
|
color : gray;
|
||||||
|
}
|
||||||
|
|
|
@ -0,0 +1,108 @@
|
||||||
|
var last_feeds = [];
|
||||||
|
|
||||||
|
function find_feed(feeds, feed_id) {
|
||||||
|
try {
|
||||||
|
for (var i = 0; i < feeds.length; i++) {
|
||||||
|
if (feeds[i].id == feed_id)
|
||||||
|
return feeds[i];
|
||||||
|
}
|
||||||
|
|
||||||
|
return false;
|
||||||
|
|
||||||
|
} catch (e) {
|
||||||
|
exception_error("find_feed", e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function add_feed_entry(feed) {
|
||||||
|
try {
|
||||||
|
var icon_part = "";
|
||||||
|
|
||||||
|
if (feed.has_icon)
|
||||||
|
icon_part = "<img alt='zz' src='icons/" + feed.id + ".ico'/>";
|
||||||
|
|
||||||
|
var tmp_html = "<li>" +
|
||||||
|
icon_part +
|
||||||
|
feed.title +
|
||||||
|
"<div class='unread-ctr'>" + feed.unread + "</div>" +
|
||||||
|
"</li>";
|
||||||
|
|
||||||
|
$("feeds-content").innerHTML += tmp_html;
|
||||||
|
|
||||||
|
} catch (e) {
|
||||||
|
exception_error("add_feed_entry", e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function add_latest_entry(article) {
|
||||||
|
try {
|
||||||
|
|
||||||
|
} catch (e) {
|
||||||
|
exception_error("add_latest_entry", e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function add_headline_entry(article, feed) {
|
||||||
|
try {
|
||||||
|
|
||||||
|
var icon_part = "";
|
||||||
|
|
||||||
|
if (article.has_icon)
|
||||||
|
icon_part = "<img alt='zz' src='icons/" + article.feed_id + ".ico'/>";
|
||||||
|
|
||||||
|
var tmp_html = "<li>" +
|
||||||
|
icon_part +
|
||||||
|
"<a class='title'>" + article.title + "</a>" +
|
||||||
|
"<div class='excerpt'>" + article.excerpt + "</div>" +
|
||||||
|
"<div class='info'><a>" + feed.title + "</a> " + " @ " +
|
||||||
|
article.updated + "</div>" +
|
||||||
|
"</li>";
|
||||||
|
|
||||||
|
$("headlines-content").innerHTML += tmp_html;
|
||||||
|
|
||||||
|
} catch (e) {
|
||||||
|
exception_error("add_headline_entry", e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function digest_update(transport) {
|
||||||
|
try {
|
||||||
|
var feeds = transport.responseXML.getElementsByTagName('feeds')[0];
|
||||||
|
var headlines = transport.responseXML.getElementsByTagName('headlines')[0];
|
||||||
|
|
||||||
|
if (feeds) {
|
||||||
|
last_feeds = feeds;
|
||||||
|
|
||||||
|
feeds = eval("(" + feeds.firstChild.nodeValue + ")");
|
||||||
|
|
||||||
|
for (var i = 0; i < feeds.length; i++) {
|
||||||
|
add_feed_entry(feeds[i]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (headlines) {
|
||||||
|
headlines = eval("(" + headlines.firstChild.nodeValue + ")");
|
||||||
|
|
||||||
|
for (var i = 0; i < headlines.length; i++) {
|
||||||
|
add_headline_entry(headlines[i], find_feed(feeds, headlines[i].feed_id));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
} catch (e) {
|
||||||
|
exception_error("digest_update", e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function digest_init() {
|
||||||
|
try {
|
||||||
|
|
||||||
|
new Ajax.Request("backend.php", {
|
||||||
|
parameters: "backend.php?op=rpc&subop=digest-init",
|
||||||
|
onComplete: function(transport) {
|
||||||
|
digest_update(transport);
|
||||||
|
} });
|
||||||
|
|
||||||
|
} catch (e) {
|
||||||
|
exception_error("digest_init", e);
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,113 @@
|
||||||
|
<?php
|
||||||
|
error_reporting(E_ERROR | E_WARNING | E_PARSE);
|
||||||
|
|
||||||
|
require_once "functions.php";
|
||||||
|
require_once "sessions.php";
|
||||||
|
require_once "sanity_check.php";
|
||||||
|
require_once "version.php";
|
||||||
|
require_once "config.php";
|
||||||
|
require_once "db-prefs.php";
|
||||||
|
|
||||||
|
$link = db_connect(DB_HOST, DB_USER, DB_PASS, DB_NAME);
|
||||||
|
|
||||||
|
login_sequence($link);
|
||||||
|
|
||||||
|
$dt_add = get_script_dt_add();
|
||||||
|
|
||||||
|
no_cache_incantation();
|
||||||
|
|
||||||
|
header('Content-Type: text/html; charset=utf-8');
|
||||||
|
|
||||||
|
?>
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||||
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
|
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>Tiny Tiny Digest</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="digest.css?<?php echo $dt_add ?>"/>
|
||||||
|
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||||
|
|
||||||
|
<?php $user_css_url = get_pref($link, 'USER_STYLESHEET_URL'); ?>
|
||||||
|
<?php if ($user_css_url) { ?>
|
||||||
|
<link rel="stylesheet" type="text/css" href="<?php echo $user_css_url ?>"/>
|
||||||
|
<?php } ?>
|
||||||
|
|
||||||
|
<link rel="shortcut icon" type="image/png" href="images/favicon.png"/>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="lib/prototype.js"></script>
|
||||||
|
<script type="text/javascript" src="lib/scriptaculous/scriptaculous.js?load=effects,dragdrop,controls"></script>
|
||||||
|
<script type="text/javascript" charset="utf-8" src="localized_js.php?<?php echo $dt_add ?>"></script>
|
||||||
|
<script type="text/javascript" charset="utf-8" src="tt-rss.js?<?php echo $dt_add ?>"></script>
|
||||||
|
<script type="text/javascript" charset="utf-8" src="functions.js?<?php echo $dt_add ?>"></script>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="digest.js"></script>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
Event.observe(window, 'load', function() {
|
||||||
|
digest_init();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body id="ttrssDigest">
|
||||||
|
<div id="header">
|
||||||
|
|
||||||
|
<div class="links">
|
||||||
|
|
||||||
|
<?php if (!SINGLE_USER_MODE) { ?>
|
||||||
|
<?php echo __('Hello,') ?> <b><?php echo $_SESSION["name"] ?></b> |
|
||||||
|
<?php } ?>
|
||||||
|
|
||||||
|
<?php if (!SINGLE_USER_MODE) { ?>
|
||||||
|
<a href="logout.php"><?php echo __('Logout') ?></a>
|
||||||
|
<?php } ?>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
Tiny Tiny Digest
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div id="content">
|
||||||
|
<div id="title">
|
||||||
|
<div id="search">
|
||||||
|
<input name="search" type="search"></input>
|
||||||
|
<button>Search</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="latest">
|
||||||
|
<h1>latest articles</h1>
|
||||||
|
|
||||||
|
<em>TODO</em>
|
||||||
|
|
||||||
|
<div id="latest-content"> </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="feeds">
|
||||||
|
<h1>feeds</h1>
|
||||||
|
|
||||||
|
<ul id="feeds-content"> </ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="headlines">
|
||||||
|
<h1>headlines</h1>
|
||||||
|
|
||||||
|
<ul id="headlines-content"> </ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br clear="both">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="footer">
|
||||||
|
|
||||||
|
<a href="http://tt-rss.org/">Tiny Tiny RSS</a>
|
||||||
|
<?php if (!defined('HIDE_VERSION')) { ?>
|
||||||
|
v<?php echo VERSION ?>
|
||||||
|
<?php } ?>
|
||||||
|
© 2005–<?php echo date('Y') ?>
|
||||||
|
<a href="http://fakecake.org/">Andrew Dolgov</a></div>
|
||||||
|
|
||||||
|
</body>
|
Loading…
Reference in New Issue