loading splash screen

19 years ago · 2f587484af
parent 50773ad43f
commit 2f587484af
4 changed files with 34 additions and 1 deletions
--- a/config.php-dist
+++ b/config.php-dist
@ -65,6 +65,8 @@
 	// display actions dropbox in feedlist, if disabled these actions are
 	// available in the global actions dropbox

+	define(ENABLE_SPLASH, true);
+	// enable splashscreen on loading

 ?>

--- a/tt-rss.css
+++ b/tt-rss.css
@ -503,3 +503,19 @@ div.bigErrorMsg {
 	padding : 30px;
 	margin : 20px;
 }
+
+#splash {
+	z-index : 3;
+	width : 100%;
+	height : 100%;
+	position : absolute;
+	text-align : center;
+	background-image : url("images/vgrad_light_rev.png");
+	background-color : white;
+	background-position : top left;
+	background-repeat : repeat-x;
+}
+
+td.innerSplash {
+	margin : 35px;
+}
--- a/tt-rss.js
+++ b/tt-rss.js
@ -390,6 +390,11 @@ function init_second_stage() {
 	setTimeout("timeout()", 2*1000);
 //	scheduleFeedUpdate(true);

+	var splash = document.getElementById("splash");
+
+	if (splash) {
+		splash.style.display = "none";
+	}

 }

--- a/tt-rss.php
+++ b/tt-rss.php
@ -31,6 +31,16 @@

 <body onload="init()">

+<? if (ENABLE_SPLASH) { ?>
+<div id="splash">
+	<table width='100%' height='100%'><tr>
+		<td class="innerSplash" valign="middle" align="center">
+		<img src="images/ttrss_logo.png" alt="logo">		
+		<p>Loading, please wait...</p>
+	</td></tr></table>
+</div>
+<? } ?>
+
 <table width="100%" height="100%" cellspacing="0" cellpadding="0" class="main">
 <? if (DISPLAY_HEADER) { ?>
 <tr>