big interface overhaul, new logo

[tt-rss.git] / tt-rss.php

diff --git a/tt-rss.php b/tt-rss.php
index e4efe330b2e6e07fb90c20e1a87e4b8dcb647922..2428b1d170ade33048423a5ea1e4a9d30494d853 100644 (file)
--- a/tt-rss.php
+++ b/tt-rss.php
@@ -15,44 +15,100 @@
 <table width="100%" height="100%" cellspacing=0 cellpadding=0 class="main">
 <tr>
        <td class="header" valign="middle" colspan="2"> 
-                       Tiny Tiny RSS
+               <img src="images/ttrss_logo.png" alt="logo">    
        </td>
 </tr>
 <tr>
-       <td class="toolbar" colspan="2">
-               <table width="100%" cellspacing="0" cellpadding="0">
-               <td valign="middle"> <div id="notify">&nbsp;</div></td>
+       <td class="mainToolbar" colspan="2">
+       
+               <table width='100%' cellspacing='0' cellpadding='0'>    
+                       <td><span id="notify"><span id="notify_body"></span></td>
+                       <td align='right'>
+                               <input type="submit" onclick="gotoPreferences()" 
+                                       class="button" value="Preferences"></td>
+               </table>
+       
+               <!-- <table width="100%" cellspacing="0" cellpadding="0">
+               <td valign="middle">
+                       <table id="notify"><tr><td width="100%" id="notify_body">&nbsp;</td>
+                       <td><img onclick="javascript:notify('')" alt="Close" 
+                               src="images/close.png"></td></table>
+               </td>
                <td class="toolbar" valign="middle" align="right">
                        <a href="prefs.php" class="button">Preferences</a></td>
-               </tr></table>
+               </tr></table> -->
        </td>
 </tr>
 <tr>
-       <td valign="top" rowspan="2" class="feeds"> 
+       <td valign="top" rowspan="3" class="feeds"> 
                
-               <div id="feeds">&nbsp;</div>
+               <!-- <div id="feeds">&nbsp;</div> -->
+
+               <iframe id="feeds-frame" name="feeds-frame" class="feedsFrame"> </iframe>
        
                <p align="center">All feeds:
                
-               <a class="button" 
-                               href="javascript:scheduleFeedUpdate(true)">Update</a>
+               <input class="button" type="submit"     
+                       onclick="javascript:scheduleFeedUpdate(true)" value="Update">
+                               
+               <input class="button" type="submit"     
+                       onclick="javascript:catchupAllFeeds()" value="Mark as read">
 
-               <a class="button" 
-                               href="javascript:catchupAllFeeds()">Mark as read</a></p>
+               </p>
 
        </td>
+       <td valign="top" class="headlinesToolbarBox">
+               <table width="100%" cellpadding="0" cellspacing="0">
+               
+               <!-- <tr><td id="headlinesTitle" class="headlinesTitle">
+                       &nbsp;
+               </td></tr> -->
+               <tr><td class="headlinesToolbar" id="headlinesToolbar">
+                       Search: <input id="searchbox"
+                       onblur="javascript:enableHotkeys()" onfocus="javascript:disableHotkeys()"
+                       onchange="javascript:search()">
+               <input type="submit" 
+                       class="button" onclick="javascript:resetSearch()" value="Reset">
+
+               &nbsp;View: 
+               
+               <select id="viewbox" onchange="javascript:viewCurrentFeed(0, '')">
+                       <option>All Posts</option>
+                       <option>Starred</option>
+                       <option selected>Unread</option>
+               </select>
+
+               &nbsp;Limit:
+
+               <select id="limitbox" onchange="javascript:viewCurrentFeed(0, '')">
+                       <option>15</option>
+                       <option selected>30</option>
+                       <option>60</option>
+                       <option>All</option>
+               </select>
+
+               &nbsp;Feed: <input class="button" type="submit"
+                       onclick="javascript:viewCurrentFeed(0, 'ForceUpdate')" value="Update">
+
+               <input class="button" type="submit"
+                       onclick="javascript:viewCurrentFeed(0, 'MarkAllRead')" value="Mark as read">
+
+               </td></tr>
+               </table>
+       </td> 
+</tr><tr>
        <td id="headlines" class="headlines" valign="top">
-               Please select the feed.
+               <iframe name="headlines-frame" 
+                       id="headlines-frame" class="headlinesFrame" 
+                               src="backend.php?op=error&msg=No%20feed%20selected."></iframe>
        </td>
-</tr>
+</tr><tr>
        <td class="content" id="content" valign="top">
-               <? if (ENABLE_CONTENT_IFRAME) { ?>
-               <iframe id="content-frame" class="contentFrame">                
-               <? } ?>
+               <iframe name="content-frame" id="content-frame" class="contentFrame"> </iframe>
        </td>
 </tr>
 <tr>
-       <td colspan="2" class="notify">
+       <td colspan="2" class="footer">
                <a href="http://bah.spb.su/~fox/tt-rss/">Tiny-Tiny RSS</a> v<?= VERSION ?> &copy; 2005 Andrew Dolgov
                <? if (WEB_DEMO_MODE) { ?>
                <br>Running in demo mode, some functionality is disabled.