add loading overlay
This commit is contained in:
parent
5e9a79e134
commit
c7a5c8a5a2
19
digest.css
19
digest.css
|
@ -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);
|
||||||
|
|
14
digest.php
14
digest.php
|
@ -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…
Reference in New Issue