]> git.wh0rd.org - tt-rss.git/blobdiff - prefs.php
prefs: add loading progressbar
[tt-rss.git] / prefs.php
index 8bf283f1f105bd40c4457e51a4fd1bb361cbd613..8a483d70c6de3d338efdaad6a162be1f907264d4 100644 (file)
--- a/prefs.php
+++ b/prefs.php
@@ -39,6 +39,8 @@
        <link rel="shortcut icon" type="image/png" href="images/favicon.png">
 
        <script type="text/javascript" src="prototype.js"></script>
+       <script type="text/javascript" src="scriptaculous/scriptaculous.js?load=effects,dragdrop,controls"></script>
+
        <script type="text/javascript" src="localized_js.php?<?php echo $dt_add ?>"></script>
 
        <script type="text/javascript" src="functions.js?<?php echo $dt_add ?>"></script>
 
 <body>
 
-<div id="piggie">&nbsp;</div>
+<div id="overlay">
+       <div id="overlay_inner">
+               <?php echo __("Loading, please wait...") ?>
+
+               <div id="l_progress_o">
+                       <div id="l_progress_i"></div>
+               </div>
+
+       <noscript>
+               <div class="error"><?php echo
+               __("Your browser doesn't support Javascript, which is required
+               for this application to function properly. Please check your
+               browser settings.") ?></div>
+       </noscript>
+       </div>
+</div> 
+
+
+<div id="hotkey_help_overlay" style="display : none" onclick="Element.hide(this)">
+       <?php rounded_table_start("hho"); ?>
+       <?php include "help/4.php" ?>
+       <?php rounded_table_end(); ?>
+</div>
+
+<img id="piggie" src="images/piggie.png" style="display : none" alt="piggie">
 
 <script type="text/javascript">
 if (document.addEventListener) {
@@ -76,7 +102,7 @@ if (document.addEventListener) {
 window.onload = init;
 </script>
 
-<ul id="debug_output"></ul>
+<ul id="debug_output" style='display : none'></ul>
 
 <div id="fatal_error"><div id="fatal_error_inner">
        <h1>Fatal Error</h1>
@@ -84,18 +110,25 @@ window.onload = init;
 </div></div>
 
 <div id="prefHeader">
-       <?php if (!SINGLE_USER_MODE) { ?>
-               <div style="float : right">
-                       <?php echo __('Hello,') ?> <b><?php echo $_SESSION["name"] ?></b>
-                       (<a href="logout.php"><?= __('Logout') ?></a>)
-               </div>
-       <?php } ?>
+       <div class="topLinks">
+               <?php if (!SINGLE_USER_MODE) { ?>
+                       <?php echo __('Hello,') ?> <b><?php echo $_SESSION["name"] ?></b> |
+               <?php } ?>
+               <a href="#" onclick="gotoMain()"><?php echo __('Exit preferences') ?></a>
+               <?php if (!SINGLE_USER_MODE) { ?>
+                       | <a href="logout.php"><?php echo __('Logout') ?></a>
+               <?php } ?>
+       </div>
        <img src="<?php echo $theme_image_path ?>images/ttrss_logo.png" alt="Tiny Tiny RSS"/>   
 </div>
 
 <div id="prefTabs">
-               <div class="return">
+               <!-- <div class="return">
                        <a href="#" onclick="gotoMain()"><?php echo __('Exit preferences') ?></a>
+               </div> -->
+
+               <div class='prefKbdHelp'>
+                       <img src="images/small_question.png" alt="?"> <a href='#' onclick="Effect.Appear('hotkey_help_overlay', {duration: 0.3})">Keyboard shortcuts</a>
                </div>
 
                <div class="firstTab">&nbsp;</div>
@@ -148,7 +181,7 @@ window.onload = init;
                ?>
                </select>
        <?php } ?>
-       <a href="http://tt-rss.spb.ru/">Tiny Tiny RSS</a> v<?php echo VERSION ?> &copy; 2005-2007 <a href="http://bah.org.ru/">Andrew Dolgov</a>
+       <a href="http://tt-rss.org/">Tiny Tiny RSS</a> v<?php echo VERSION ?> &copy; 2005&ndash;2008 <a href="http://bah.org.ru/">Andrew Dolgov</a>
 </div>
 
 <?php db_close($link); ?>