mobile version work (3)

This commit is contained in:
Andrew Dolgov 2006-03-27 04:10:46 +01:00
parent 0d3adafe15
commit 8e3f7217a8
3 changed files with 113 additions and 20 deletions

View File

@ -26,7 +26,7 @@
if ($num_starred > 0) $class .= "Unread"; if ($num_starred > 0) $class .= "Unread";
printFeedEntry(-1, $class, "Starred articles", $num_starred, printMobileFeedEntry(-1, $class, "Starred articles", $num_starred,
"../images/mark_set.png", $link); "../images/mark_set.png", $link);
if (get_pref($link, 'ENABLE_FEED_CATS')) { if (get_pref($link, 'ENABLE_FEED_CATS')) {
@ -67,7 +67,7 @@
error_reporting (DEFAULT_ERROR_LEVEL); error_reporting (DEFAULT_ERROR_LEVEL);
printFeedEntry(-$line["id"]-11, printMobileFeedEntry(-$line["id"]-11,
$class, $line["description"], $count, "../images/label.png", $link); $class, $line["description"], $count, "../images/label.png", $link);
} }
@ -216,7 +216,7 @@
print "<li class=\"feedCat\"> print "<li class=\"feedCat\">
<a href=\"FIXME\">$tmp_category</a> <a href=\"FIXME\">$tmp_category</a>
<a href=\"FIXME\"> <a href=\"?go=vcat&id=$cat_id\">
<span class=\"$catctr_class\">($cat_unread unread)$ellipsis</span></a></li>"; <span class=\"$catctr_class\">($cat_unread unread)$ellipsis</span></a></li>";
// !!! NO SPACE before <ul...feedCatList - breaks firstChild DOM function // !!! NO SPACE before <ul...feedCatList - breaks firstChild DOM function
@ -224,16 +224,51 @@
print "<li id=\"feedCatHolder\" class=\"$holder_class\"><ul class=\"feedCatList\" id=\"FCATLIST-$cat_id\">"; print "<li id=\"feedCatHolder\" class=\"$holder_class\"><ul class=\"feedCatList\" id=\"FCATLIST-$cat_id\">";
} }
printFeedEntry($feed_id, $class, $feed, $unread, printMobileFeedEntry($feed_id, $class, $feed, $unread,
"icons/$feed_id.ico", $link, $rtl_content); "../icons/$feed_id.ico", $link, $rtl_content);
++$lnum; ++$lnum;
} }
} else { } else {
print "Function not implemented."; print "Tags: function not implemented.";
} }
} }
function printMobileFeedEntry($feed_id, $class, $feed_title, $unread, $icon_file, $link,
$rtl_content = false) {
if (file_exists($icon_file) && filesize($icon_file) > 0) {
$feed_icon = "<img src=\"$icon_file\">";
} else {
$feed_icon = "<img src=\"../images/blank_icon.gif\">";
}
if ($rtl_content) {
$rtl_tag = "dir=\"rtl\"";
} else {
$rtl_tag = "dir=\"ltr\"";
}
$feed = "<a href=\"?go=vf&id=$feed_id\">$feed_title</a>";
print "<li class=\"$class\">";
if (get_pref($link, 'ENABLE_FEED_ICONS')) {
print "$feed_icon";
}
print "<span $rtl_tag>$feed</span> ";
if ($unread != 0) {
$fctr_class = "";
} else {
$fctr_class = "class=\"invisible\"";
}
print "<span $rtl_tag>($unread)</span>";
print "</li>";
}
?> ?>

View File

@ -1,6 +1,7 @@
body { body {
padding : 0px; padding : 0px;
margin : 0px; margin : 0px;
width : 640px;
} }
input { input {
@ -22,11 +23,31 @@ input {
color : black; color : black;
} }
td.heading { #opsel {
float : right;
margin-top : 3px;
}
#content {
}
#footer {
border-width : 1px 0px 0px 0px;
border-style : solid;
border-color : #c0c0c0;
text-align : center;
font-size : x-small;
background-color : white;
color : gray;
}
/*
table.main td.heading {
font-weight : bold; font-weight : bold;
} }
td.content { table.main td.content {
background-image : url("../images/vgrad_light_rev.png"); background-image : url("../images/vgrad_light_rev.png");
background-position : top left; background-position : top left;
background-repeat : repeat-x; background-repeat : repeat-x;
@ -35,6 +56,19 @@ td.content {
border-color : #c0c0c0; border-color : #c0c0c0;
} }
table.main td.footer {
border-width : 1px 0px 0px 0px;
border-style : solid;
border-color : #c0c0c0;
text-align : center;
font-size : x-small;
background-image : url("images/vgrad_light_rev2.png");
background-position : top left;
background-repeat : repeat-x;
color : gray;
}
*/
form { form {
padding : 0px; padding : 0px;
margin : 0px; margin : 0px;
@ -77,3 +111,25 @@ ul.feedList li {
margin : 0px; margin : 0px;
} }
hr {
border-width : 0px 0px 1px 0px;
border-style : dashed;
border-color : #e0e0e0;
}
a {
color : black;
text-decoration : none;
}
a:hover {
color : #5050aa;
}
ul.feedList img, img.tinyFeedIcon {
margin : 0px 3px 0px 0px;
width : 16px;
height : 16px;
border-width : 0px;
}

View File

@ -22,34 +22,36 @@
</head> </head>
<body> <body>
<table width='640' height='100%'> <div id="opsel">
<tr><td class="heading">
Your Feeds
</td>
<td align='right'>
<form method="GET"> <form method="GET">
<select name="go"> <select name="go">
<option>Feeds</option> <option>Feeds</option>
<option>Preferences</option> <option>Preferences</option>
<option disabled>--------------</option> <option disabled>--------------</option>
<option disabled>[user feed list]</option>
<option disabled>--------------</option> <option disabled>--------------</option>
<option>Logout</option> <option>Logout</option>
</select> </select>
<input type="submit" value="Go"> <input type="submit" value="Go">
</form> </form>
</td> </div>
</tr>
<td class="content" height='100%' colspan='2' valign='top'> <div id="content">
<? <?
$go = $_GET["go"]; $go = $_GET["go"];
if (!$go || $go == "Feeds") { if (!$go || $go == "Feeds") {
render_feeds_list($link); render_feeds_list($link);
} else {
print "Function not implemented";
} }
?> ?>
</td></tr> </div>
</table>
<div id="footer">
<a href="http://tt-rss.spb.ru/">Tiny-Tiny RSS</a> v<?= VERSION ?> &copy; 2005-2006 Andrew Dolgov
</div>
</body> </body>
</html> </html>