]> git.wh0rd.org - tt-rss.git/commitdiff
add loading overlay
authorAndrew Dolgov <fox@bah.org.ru>
Mon, 13 Sep 2010 10:39:16 +0000 (14:39 +0400)
committerAndrew Dolgov <fox@bah.org.ru>
Mon, 13 Sep 2010 10:39:16 +0000 (14:39 +0400)
digest.css
digest.js
digest.php

index 45d502e3b86904f36259bf7c4368633569f44f10..d96cc49682473f8e0d4b046430d227d5f30f9394 100644 (file)
@@ -269,3 +269,22 @@ a:hover {
 #headlines ul#headlines-content span.tags a:hover {
        color : #659a4c;
 }
+
+#overlay {
+       background : white;
+       left : 0;
+       top : 0;
+       height : 100%;
+       width : 100%;
+       z-index : 100;
+       position : absolute;
+       text-align : center;
+}
+
+#overlay_inner {
+       margin : 1em;
+}
+
+#overlay img {
+       vertical-align : middle;
+}
index ae7e870a26a7c7a8d309ef158895a377b1fde18e..b788535fc067c617b1bfe3474276252fa84099e5 100644 (file)
--- a/digest.js
+++ b/digest.js
@@ -259,6 +259,8 @@ function viewfeed(feed_id, offset, replace, no_effects, no_indicator, callback)
                new Ajax.Request("backend.php", {
                        parameters: query, 
                        onComplete: function(transport) {
+                               Element.hide("overlay");
+
                                fatal_error_check(transport);
                                parse_headlines(transport, replace, no_effects);
                                set_selected_feed(feed_id);                             
index 2b7f91807210816900eececfe8baa732f88d195f..43eb04121a8c729729ce27d4a3f5113655e78508 100644 (file)
        </script>
 </head>
 <body id="ttrssDigest">
+       <div id="overlay" style="display : block">
+               <div id="overlay_inner">
+               <noscript>
+                       <p>
+                       <?php print_error(__("Your browser doesn't support Javascript, which is required
+                       for this application to function properly. Please check your
+                       browser settings.")) ?></p>
+               </noscript>
+
+               <img src="images/indicator_white.gif"/>
+                       <?php echo __("Loading, please wait...") ?>
+               </div>
+       </div> 
+
        <div id="header">
 
        <div class="links">