add loading overlay

master
Andrew Dolgov 14 years ago
parent 5e9a79e134
commit c7a5c8a5a2

@ -269,3 +269,22 @@ a:hover {
#headlines ul#headlines-content span.tags a:hover { #headlines ul#headlines-content span.tags a:hover {
color : #659a4c; 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;
}

@ -259,6 +259,8 @@ function viewfeed(feed_id, offset, replace, no_effects, no_indicator, callback)
new Ajax.Request("backend.php", { new Ajax.Request("backend.php", {
parameters: query, parameters: query,
onComplete: function(transport) { onComplete: function(transport) {
Element.hide("overlay");
fatal_error_check(transport); fatal_error_check(transport);
parse_headlines(transport, replace, no_effects); parse_headlines(transport, replace, no_effects);
set_selected_feed(feed_id); set_selected_feed(feed_id);

@ -50,6 +50,20 @@
</script> </script>
</head> </head>
<body id="ttrssDigest"> <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 id="header">
<div class="links"> <div class="links">

Loading…
Cancel
Save